#calendar{
    background: #f5f6f6;
    margin-bottom: 15px;
}

#calendar .btn:not(.btn-outline-light){
    padding: 0.375rem 0.15rem;
}

#calendar .btn.disabled, #calendar .btn:disabled {
    opacity: 1;
}

.booking-success h2{
    color: #69c6ba;
}

.available-note, .unavailable-note, .selected-note{
    text-align: left;
}

.available-note span, .unavailable-note span, .selected-note span{
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 1px solid #000000;
    margin-bottom: -3px;
}

.available-note span{
    background: #f5f6f6;
}

.unavailable-note span{
    background: #ff6f67;
}

.selected-note span{
    background: #bddfc1;
}

.disable_checkout{
    background: linear-gradient(to top left, #fff 0%, #fff 50%, #ff6f67 50%, #ff6f67 100%);
    /* opacity: .65; */
}

.disable_checkin{
    background: linear-gradient(to bottom right, #fff 0%, #fff 50%, #ff6f67 50%, #ff6f67 100%);
    /* opacity: .65; */
}

.disable_checkout.selected{
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #ff6f67), color-stop(50%, #28a7454d));
    background: -webkit-linear-gradient(top left, #ff6f67 50%, #28a7454d 50%);
    background: -o-linear-gradient(top left, #ff6f67 50%, #28a7454d 50%);
    background: linear-gradient(to bottom right, #ff6f67 50%, #28a7454d 50%);
}

.disable_checkin.selected{
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #28a7454d), color-stop(50%, #ff6f67));
    background: -webkit-linear-gradient(top left, #28a7454d 50%, #ff6f67 50%);
    background: -o-linear-gradient(top left, #28a7454d 50%, #ff6f67 50%);
    background: linear-gradient(to bottom right, #28a7454d 50%, #ff6f67 50%);
}

@media screen and (max-width: 991px) {
    .tm-container-outer{
        padding-top: 61px !important;
    }

    .tm-container-outer h2{
        margin-top: 30px;
    }
}