/* Parent Wrapper Scope */
.PanelChartTable  {
  width: 100%;
  overflow-x: auto;
  margin-top: 10px;
  border: 1px solid #000;
}

.PanelChartTable .tb-panel-chart-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  background-color: #ffebcd; 
  text-align: center;
}

.PanelChartTable .tb-panel-chart-table th, 
.PanelChartTable .tb-panel-chart-table td {
  border: 1px solid #a52a2a;
  padding: 6px 4px;
  vertical-align: middle;
}

.PanelChartTable .table-super-header th {
  background-color: #3b3bff;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  padding: 8px;
}

.PanelChartTable .table-days-header th {
  background-color: #3b3bff;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  padding: 6px;
}

.PanelChartTable .date-col {
  width: 12%;
}

.PanelChartTable .date-range-cell {
  font-size: 11px;
  font-weight: bold;
  background-color: #ffebcd;
  color: #000000;
}

.PanelChartTable .day-cell-package {
  display: table-cell;
  width: 12.5%;
  min-width: 90px;
}

.PanelChartTable .sub-panel {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  font-size: 11px;
  width: 22px;
  color: #666666;
  line-height: 1.2;
}

.PanelChartTable .left-panel {
  text-align: left;
  float: left;
}

.PanelChartTable .right-panel {
  text-align: right;
  float: right;
}

.PanelChartTable .main-jodi {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  line-height: 36px;
}

.PanelChartTable .red-highlight .main-jodi,
.PanelChartTable .red-highlight .sub-panel {
  color: #ff0000 !important;
}