.calendar.template-2 {
    background: var(--section-background);

    & .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog,
    .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-confirm-booking {
        background: var(--container-background);
    }

    & .amelia-v2-booking #amelia-container .am-button.am-button--filled,
    .amelia-app-booking #amelia-booking-wrap .el-button--primary.el-button {
        background: var(--btn1Color, #265CF2FF);

        & span {
            color: var(--btn1TextColor, #fff) !important;
        }
    }

    & .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date {
        background: var(--calendar-background);
    }

    & .el-form-item__label,
    .am-select-service-title,
    .am-confirmation-booking h2,
    .am-confirmation-booking p,
    .am-confirmation-booking span {
        color: var(--text-color) !important;
    }

    & .el-button--default {
        background: var(--btn2Color, #fff);

        &:hover {
            background-color: var(--btn2Color, #fff) !important;
        }

        & span {
            color: var(--btn2TextColor, #000) !important;
        }
    }

    & .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-appointment-times .el-radio-button .el-radio-button__orig-radio:checked+.el-radio-button__inner {
        background-color: var(--calendar-activeDate-color) !important;
        border-color: var(--calendar-activeDate-color) !important;
    }

    & .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-appointment-times .el-radio-button .el-radio-button__inner {
        background-color: var(--calendar-date-color) !important;
        border-color: var(--calendar-date-color) !important;
        color: var(--btn1TextColor, #fff) !important;
    }

        & .amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard td.am-advsc__dayGridMonth-cell:not(.am-advsc__dayGridMonth-disabled):not(.am-advsc__dayGridMonth-selected) .fc-daygrid-day-frame {
        background: var(--calendar-date-color) !important;

        &:active {
            background: var(--calendar-activeDate-color) !important;
        }
    }

    & .am-select-date-title,
    .c-title,
    .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date *
     {
        color: var(--text-color, #000) !important;
    }

    .am-advsc__dayGridMonth-selected .fc-daygrid-day-frame {
        background: var(--calendar-activeDate-color) !important;
    }

    .el-input__inner {
        background: var(--input-background, #FFF) !important;
        background-color: var(--input-background, #FFF) !important;
        color: var(--text-color, #000) !important;
    }
}