html {
    scroll-behavior: smooth;
}

.navbar-dark li a.nav-link:hover, .action-btns a.btn-link:hover, .navbar-dark.sticky-header.affix .main-menu li a.nav-link:hover, .navbar-dark.sticky-header.affix .action-btns a.btn-link:hover
{
    color: #bebee7 !important;
}


.datepicker-inline {
    width: 100% !important;
}
.datepicker table {
    width: 100% !important;
}

/*!*make all datepicker cells small-square*!*/
.datepicker table tr td {
    padding: 10px !important;
    transition: all 0.3s ease;
}

.datepicker table .day:hover, .datepicker table .month:hover {
    background: rgba(190, 198, 219, 0.62) !important;
}

.datepicker table .active, .datepicker table .today {
    background: #4c629b !important;
    color: #fff !important;
}

.datepicker table tr .active:hover {
    background: #4c629b !important;
    color: #fff !important;
}

.time-slot {
    margin: 10px 0;
    transition: all 0.3s ease;
    overflow: hidden;
    position: relative;

}

.time-slot label {
    font-size: 14px;
    font-weight: 500;
    color: #4c629b;
    border: 2px solid #4c629b;
    padding: 10px 20px;
    border-radius: 15px;
    transition: all 0.3s ease;
    cursor: pointer;
    width: 100%;
    display: block;
    text-align: center;
}

.time-slot input {
    /*display: none;*/
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.time-slot input:active + label, .time-slot input:checked + label {
    background: #4c629b;
    color: #fff;
}