.activedemand-wrapper {
    background: white !important;
}

.activedemand-wrapper .activedemand:not(.skip-activedemand-css) .appointment-calendar-wrapper .appointment-calendar {
    color: #747474 !important;
    padding: 20px;
    border-radius: 0px;
    border: 1px solid #dde3e9;
    background: white !important;
    color: #222222;
    margin-bottom: 20px;
}

.activedemand-wrapper .activedemand:not(.skip-activedemand-css) .appointment-calendar-wrapper .datepicker-days table tbody tr td:not(.old):not(.new) {
    border: 1px solid #dde3e9;
    margin: 0px;
    color: rgba(0,0,0,0.6);
}

.activedemand-wrapper .appointment-calendar-wrapper .appointment-calendar .old,
.activedemand-wrapper .appointment-calendar-wrapper .appointment-calendar .new {
    visibility: hidden !important;
}

.appointment-timeslots-list div.time-slot.active-slot {
    background-color: rgb(228, 181, 32) !important;
}

.activedemand-button-container .activedemand-button {
    background-color: rgb(228, 181, 32) !important;
}

.activedemand-wrapper .activedemand:not(.skip-activedemand-css) .appointment-timeslots-list {
    max-height: 100% !important;
}

.activedemand-wrapper .activedemand:not(.skip-activedemand-css) .appointment-timeslots {
    border: 1px solid #dde3e9 !important;
    padding: 20px !important;
}
.newsletter-code .activedemand-wrapper {
    background: none!important;
}
.gated_vault_banner .gated_vault_form .gold_background .activedemand-wrapper {
    background: var(--gold)!important;
}

@media(max-width: 767.98px) {
    .activedemand-wrapper .activedemand:not(.skip-activedemand-css) .appointment-calendar {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .activedemand-wrapper .activedemand:not(.skip-activedemand-css) .appointment-timeslots {
        width: 100% !important;
        margin-left: 0 !important;
    }
}

@media(min-width: 768px) {
    .activedemand-wrapper .activedemand:not(.skip-activedemand-css) .appointment-calendar {
        min-width: 310px !important;
        width: 56% !important;
        margin-right: 2% !important;
    }

    .activedemand-wrapper .activedemand:not(.skip-activedemand-css) .appointment-timeslots {
        min-width: 235px !important;
        width: 40% !important;
        margin-left: 2% !important;
    }
}