.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active {
    color: #fff !important;
    background-color: #286090;
    border-color: #204d74;
    border-radius: 50%;
}

.datepicker table tr td.today.active, .datepicker table tr td.today:active {
    color: #000;
    background-color: #ffc966;
    border-color: #f59e00;
}

.datepicker table tr td.today.active, .datepicker table tr td.today:active {
    color: #000;
    background-color: #ffc966;
    border-color: #f59e00;
}

.datepicker .table-condensed > tbody > tr > td {
    padding: 7px 3px;
    font-size: 14px;
}

.datepicker table tr td.today{
    border-radius: 50%;
}

.dt-buttons {
    margin-bottom: 1.2rem;
}

@media (max-width: 575.98px) {
    .table_px {
        padding-left: 3px;
        padding-right: 3px;
    }
}

.datepicker {
    z-index: 1600 !important;
    /* has to be larger than 1050 */
    border: 1px solid #ced4da !important;
}

.table-primary, .table-primary > th, .table-primary > td {
    background-color: #f8f9fa;
}

.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {
    border-color: #eff2f7;
}
 
.modal {
    z-index: 1600 !important;
}
.forever{
    display: inline-block !important;
}
@media (max-width: 575.98px)
.page-content {
    padding: 70px 0;
}