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

    & .amelia-v2-booking #amelia-container .am-fs-sb {
        background: var(--calendar-background);
    }

    & #am-step-booking-catalog0-calendar.am-select-date.am-show-calendar {
        background: var(--calendar-background);
    }

    & .amelia-app-booking #am-service-booking .am-service {
        background: var(--container-background) !important;
    }

    & .amelia-app-booking #am-service-booking .am-service-gallery {
        background-image: linear-gradient(90deg, var(--calendar-background), var(--calendar-background));
    }

    & #am-category .am-category-service .am-category-service-image {
        background-image: linear-gradient(90deg, var(--calendar-background), var(--calendar-background));
    }

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

    & .am-service-info div,
    .am-service-info span,
    .am-service h3,
    .am-service h2,
    .am-category-url,
    .am-category-title,
    .am-category span {
        color: var(--text-color, #000) !important;
    }

    & .am-confirmation-booking div,
    .am-confirmation-booking span,
    .am-confirmation-booking h2,
    .am-confirmation-booking p,
    .am-confirmation-booking label {
        color: var(--text-color, #000) !important;
    }

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

        &:hover {
            background-color: var(--btn1Color, #265CF2FF) !important;
        }

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

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

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

        & span {
            color: var(--btn2TextColor, #fff) !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);
        border-color: var(--calendar-date-color);
        color: var(--text-color, #000) !important;
    }

    & #am-catalog .am-category {
        background: var(--container-background) !important;
    }

    .am-category-headline span,
    .am-category-headline h3 {
        color: var(--text-color, #000) !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;
    }

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