/* ==========================================================================
   PARENT SCOPING CONTAINER
   ========================================================================== */
.JodiChartTable {
  text-align: center;
  font-style:normal;
}

.JodiChartTable * {
  box-sizing: border-box;
}


.JodiChartTable .jodi-table {
    border: 2px solid #3f51b5;
    width: 100%;
    margin-top: 10px;
    font-style: normal;
    overflow-x: auto;
}

.JodiChartTable .table-title {
    background-color: #3f51b5;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
}

.JodiChartTable .days-header th {
    background-color: #ffc107;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    padding: 2px;
    border: 1px solid #000000;
    text-align: center;
    text-shadow: 1px 1px 2px #9a7400ab;
}

.JodiChartTable .jodi-table tbody td {
    border: 1px solid #000000;
    padding: 2px;
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    text-align: center;
    /* width: 14.28%; */
}


.JodiChartTable .jodi-table tbody .date-range-cell  {
    font-size: 15px;
}


/* Highlight Variant */
.JodiChartTable .highlight-red {
  color: #ff0000 !important;
}

/* Row Hover State */
.JodiChartTable .jodi-table tbody tr:hover {
  background-color: #f1ebd9;
}



@media(min-width:0px) and (max-width:480px){
.JodiChartTable .jodi-table tbody .date-range-cell  {
    font-size: 10px;
}

.JodiChartTable .days-header th {
    font-size: 14px;
}
}


@media(min-width:481px) and (max-width:991px){
.JodiChartTable .jodi-table tbody .date-range-cell  {
    font-size: 12px;
}

.JodiChartTable .days-header th {
    font-size: 14px;
}
}