/* Customizing Bootstrap Table */
.FixOpenToCloseByDate .custom-bootstrap-table {
  border-collapse: collapse !important;
  margin-bottom: 0 !important;
}

/* Left side header (Deep Blue) */
.FixOpenToCloseByDate .custom-bootstrap-table thead th.header-left {
  background-color: #3b5998 !important; /* Deep Blue */
  color: #ffffff !important;
  font-weight: bold;
  font-style: italic;
  font-size: 15px;
  padding: 12px;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Right side header (Cyan) */
.FixOpenToCloseByDate .custom-bootstrap-table thead th.header-right {
  background-color: #00a2bf !important; /* Cyan */
  color: #ffffff !important;
  font-weight: bold;
  font-style: italic;
  font-size: 15px;
  padding: 12px;
  border: none !important;
}

/* Table Body Cells style */
.FixOpenToCloseByDate .custom-bootstrap-table tbody td.game-card-item {
  padding: 8px !important;
  vertical-align: middle !important;
  border-color: #e0e0e0 !important; /* Light row dividers */
}

/* Date Column Style (Left TD) */
.FixOpenToCloseByDate .custom-bootstrap-table tbody td.game-card-title {
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  color: #000000 !important;
  background: linear-gradient(to bottom, #eef0f8 0%, #eff2ff 100%) !important;
  border-right: 1.5px solid #e0e0e0 !important; /* Center vertical separator line */
}

/* Figure Text Style (Right TD) */
.FixOpenToCloseByDate .custom-bootstrap-table tbody .content-line-main {
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  color: #000000;
  letter-spacing: 1.5px;
}

/* Hover effect */
.FixOpenToCloseByDate .custom-bootstrap-table tbody tr:hover {
  background-color: #fcfcfc !important;
}