/* COLORS */
.online-color-c1 .bgrecolor
,.online-color-c1 .blkrecolor .active .abgrecolor {
    background-color:#e6497b !important;
    background-image: none !important;
}
.online-color-c1 .active .txtrecolor {color:#e6497b}

.online-color-c2 .bgrecolor
,.online-color-c2 .blkrecolor .active .abgrecolor {
    background-color:#0bb0a4 !important;
    background-image: none !important;
}
.online-color-c2 .active .txtrecolor {color:#0bb0a4}

.online-color-c3 .bgrecolor
,.online-color-c3 .blkrecolor .active .abgrecolor {
    background-color:#018aa4 !important;
    background-image: none !important;
}
.online-color-c3 .active .txtrecolor {color:#018aa4}

.online-color-c4 .bgrecolor
,.online-color-c4 .blkrecolor .active .abgrecolor {
    background-color:#8a5eb8 !important;
    background-image: none !important;
}
.online-color-c4 .active .txtrecolor {color:#8a5eb8}

.online-color-c5 .bgrecolor
,.online-color-c5 .blkrecolor .active .abgrecolor {
    background-color:#fa7268 !important;
    background-image: none !important;
}
.online-color-c5 .active .txtrecolor {color:#fa7268}

.online-color-c6 .bgrecolor
,.online-color-c6 .blkrecolor .active .abgrecolor {
    background-color:#ff9ebd !important;
    background-image: none !important;
}
.online-color-c6 .active .txtrecolor {color:#ff9ebd}

.online-color-c7 .bgrecolor
,.online-color-c7 .blkrecolor .active .abgrecolor {
    background-color:#f5a623 !important;
    background-image: none !important;
}
.online-color-c7 .active .txtrecolor {color:#f5a623}

.online-color-c8 .bgrecolor
,.online-color-c8 .blkrecolor .active .abgrecolor {
    background-color:#77c7eb !important;
    background-image: none !important;
}
.online-color-c8 .active .txtrecolor {color:#77c7eb}


.online-color-c17 .bgrecolor
,.online-color-c17 .blkrecolor .active .abgrecolor {
    background-color:#ff9a9e !important;
    background-image: none !important;
}
.online-color-c17 .active .txtrecolor {color:#ff9a9e}


.online-color-c18 .bgrecolor
,.online-color-c18 .blkrecolor .active .abgrecolor {
    background-color:#bd9dd9 !important;
    background-image: none !important;
}
.online-color-c18 .active .txtrecolor {color:#bd9dd9}

.online-color-c19 .bgrecolor
,.online-color-c19 .blkrecolor .active .abgrecolor {
    background-color:#91d78f !important;
    background-image: none !important;
}
.online-color-c19 .active .txtrecolor {color:#91d78f}


.online-color-c20 .bgrecolor
,.online-color-c20 .blkrecolor .active .abgrecolor {
    background-color:#e3c48e !important;
    background-image: none !important;
}
.online-color-c20 .active .txtrecolor {color:#e3c48e}


.online-color-c30 .bgrecolor
,.online-color-c30 .blkrecolor .active .abgrecolor {
    background-color:#16bddf !important;
    background-image: none !important;
}
.online-color-c30 .active .txtrecolor {color:#16bddf}

.online-color-c31 .bgrecolor
,.online-color-c31 .blkrecolor .active .abgrecolor {
    background-color:#a2df16 !important;
    background-image: none !important;
}
.online-color-c31 .active .txtrecolor {color:#a2df16}

.online-color-c32 .bgrecolor
,.online-color-c32 .blkrecolor .active .abgrecolor {
    background-color:#ff5f5f !important;
    background-image: none !important;
}
.online-color-c32 .active .txtrecolor {color:#ff5f5f}

.online-color-c33 .bgrecolor
,.online-color-c33 .blkrecolor .active .abgrecolor {
    background-color:#c55fff !important;
    background-image: none !important;
}
.online-color-c33 .active .txtrecolor {color:#c55fff}

.online-color-c34 .bgrecolor
,.online-color-c34 .blkrecolor .active .abgrecolor {
    background-color:#0079b9 !important;
    background-image: none !important;
}
.online-color-c34 .active .txtrecolor {color:#0079b9}

.online-color-c35 .bgrecolor
,.online-color-c35 .blkrecolor .active .abgrecolor {
    background-color:#e0b8b0 !important;
    background-image: none !important;
}
.online-color-c35 .active .txtrecolor {color:#e0b8b0}

.online-color-c36 .bgrecolor
,.online-color-c36 .blkrecolor .active .abgrecolor {
    background-color:#f1d400 !important;
    background-image: none !important;
}
.online-color-c36 .active .txtrecolor {color:#f1d400}

.online-color-c37 .bgrecolor
,.online-color-c37 .blkrecolor .active .abgrecolor {
    background-color:#999a9c !important;
    background-image: none !important;
}
.online-color-c37 .active .txtrecolor {color:#999a9c}

.online-color-c41 .bgrecolor
,.online-color-c41 .blkrecolor .active .abgrecolor {
    background-color:#91b3d4 !important;
    background-image: none !important;
}
.online-color-c41 .active .txtrecolor {color:#91b3d4}

.online-color-c42 .bgrecolor
,.online-color-c42 .blkrecolor .active .abgrecolor {
    background-color:#a09152 !important;
    background-image: none !important;
}
.online-color-c42 .active .txtrecolor {color:#a09152}

.online-color-c43 .bgrecolor
,.online-color-c43 .blkrecolor .active .abgrecolor {
    background-color:#acccaf !important;
    background-image: none !important;
}
.online-color-c43 .active .txtrecolor {color:#acccaf}

.online-color-c44 .bgrecolor
,.online-color-c44 .blkrecolor .active .abgrecolor {
    background-color:#424853 !important;
    background-image: none !important;
}
.online-color-c44 .active .txtrecolor {color:#424853}

/* GRADIENT */

.online-color-c9 .bgrecolor
,.online-color-c9 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to top, #e27662, #e6497b) !important;
}
.online-color-c9 .active .txtrecolor {color:#e27662}

.online-color-c10 .bgrecolor
,.online-color-c10 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #e6497b, #ad46ac) !important;
}
.online-color-c10 .active .txtrecolor {color:#e6497b}

.online-color-c11 .bgrecolor
,.online-color-c11 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #0bb0a4, #4a92b0) !important;
}
.online-color-c11 .active .txtrecolor {color:#0bb0a4}

.online-color-c12 .bgrecolor
,.online-color-c12 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #000000, #4f4f4f) !important;
}
.online-color-c12 .active .txtrecolor {color:#000000}

.online-color-c13 .bgrecolor
,.online-color-c13 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to top, #f89436, #f76b1c) !important;
}
.online-color-c13 .active .txtrecolor {color:#f89436}

.online-color-c14 .bgrecolor
,.online-color-c14 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #6038f9, #8c6af6) !important;
}
.online-color-c14 .active .txtrecolor {color:#6038f9}

.online-color-c15 .bgrecolor
,.online-color-c15 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: radial-gradient(circle at 50% 44%, #5488c4, #215ba0, #215ba0) !important;
}
.online-color-c15 .active .txtrecolor {color:#5488c4}

.online-color-c16 .bgrecolor
,.online-color-c16 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to right, #3023ae, #53a0fd 48%, #b4ec51) !important;
}
.online-color-c16 .active .txtrecolor {color:#3023ae}


.online-color-c21 .bgrecolor
,.online-color-c21 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #bd9dd9, #f2bce8) !important;
}
.online-color-c21 .active .txtrecolor {color:#bd9dd9}

.online-color-c22 .bgrecolor
,.online-color-c22 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #ff9a9e, #fad0c4) !important;
}
.online-color-c22 .active .txtrecolor {color:#ff9a9e}

.online-color-c23 .bgrecolor
,.online-color-c23 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #45e7ce, #8cf0be) !important;
}
.online-color-c23 .active .txtrecolor {color:#45e7ce}

.online-color-c24 .bgrecolor
,.online-color-c24 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #30b0bf, #326397) !important;
}
.online-color-c24 .active .txtrecolor {color:#30b0bf}

.online-color-c25 .bgrecolor
,.online-color-c25 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to top, #d190da, #ff769f) !important;
}
.online-color-c25 .active .txtrecolor {color:#d190da}

.online-color-c26 .bgrecolor
,.online-color-c26 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to top, #bad601, #51d31b) !important;
}
.online-color-c26 .active .txtrecolor {color:#51d31b}

.online-color-c27 .bgrecolor
,.online-color-c27 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to top, #f7507a, #d80952) !important;
}
.online-color-c27 .active .txtrecolor {color:#d80952}

.online-color-c28 .bgrecolor
,.online-color-c28 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to top, #39445f, #597092) !important;
}
.online-color-c28 .active .txtrecolor {color:#39445f}



/* Эксклюзивные темы */

.online-def-btn,
.online-active-btns a.onl,
.online-calendar-btn.bgrecolor,
.confirm-event .links .bgrecolor,
.online-header2,
.online-header2 .wrap-cont,
.online-services-wrap .category,
.online-def-btn span,
.online-active-btns a.onl span,
.online-to-calendar .online-calendar-btn.bgrecolor span,
.confirm-event .links .bgrecolor
{
    background-size: cover;
    background-position: center;
    background-repeat: repeat-x;
}

.online-color-e1 .online-header2.bgrecolor {
    background-image: url(../images/629e090c77e261113081ff08.png) !important;
}

.online-color-e1 .online-services-wrap .category.bgrecolor
{
    background-image: url(../images/629e091f0572d2093a2454cd.png) !important;
}

.online-color-e1 .online-def-btn,
.online-color-e1 .online-active-btns a.onl,
.online-color-e1 .online-calendar-btn,
.online-color-e1 .confirm-event .links .bgrecolor
{
    background-image: url(../images/629e092a4b422a29647b2c74.png) !important;
}

.online-color-e1 .active .txtrecolor {
    color:#da6586;
}

.online-color-e1 .icon-place .bgrecolor,
.online-color-e1 .online-phone .bgrecolor,
.online-color-e1 .blkrecolor .active .abgrecolor,
.online-color-e1 .online-container .title .bgrecolor,
.online-color-e1  .online-index-step .icon
{
    background-image: none!important;
    background-color: #da6586 !important;
}



.online-color-e2 .online-header2.bgrecolor {
    background-image: url(../images/629e12dc9073c54ac52a18c3.png) !important;
}

.online-color-e2 .online-services-wrap .category.bgrecolor
{
    background-image: url(../images/629e12e75a9d9668af541565.png) !important;
}

.online-color-e2 .online-def-btn,
.online-color-e2 .online-active-btns a.onl,
.online-color-e2 .online-calendar-btn,
.online-color-e2 .confirm-event .links .bgrecolor
{
    background-image: url(../images/629e12f15a9d9668af54156e.png) !important;
}

.online-color-e2 .active .txtrecolor {
    color:#285540;
}

.online-color-e2 .icon-place .bgrecolor,
.online-color-e2 .online-phone .bgrecolor,
.online-color-e2 .blkrecolor .active .abgrecolor,
.online-color-e2 .online-container .title .bgrecolor,
.online-color-e2  .online-index-step .icon
{
    background-image: none!important;
    background-color: #285540 !important;
}



.online-color-e3 .online-header2.bgrecolor {
    background-image: url(../images/629e198394bb2d4ffd3f626e.png) !important;
}

.online-color-e3 .online-services-wrap .category.bgrecolor
{
    background-image: url(../images/629e198ccb64df271820b29a.png) !important;
}

.online-color-e3 .online-def-btn,
.online-color-e3 .online-active-btns a.onl,
.online-color-e3 .online-calendar-btn,
.online-color-e3 .confirm-event .links .bgrecolor
{
    background-image: url(../images/629e1992aa05317fb2695601.png) !important;
}

.online-color-e3 .active .txtrecolor {
    color:#262626;
}

.online-color-e3 .icon-place .bgrecolor,
.online-color-e3 .online-phone .bgrecolor,
.online-color-e3 .blkrecolor .active .abgrecolor,
.online-color-e3 .online-container .title .bgrecolor,
.online-color-e3  .online-index-step .icon
{
    background-image: none!important;
    background-color: #262626 !important;
}


.online-color-e4 .online-header2.bgrecolor {
    background-image: url(../images/629e1a36999d2e11ed1fad2d.png) !important;
}

.online-color-e4 .online-services-wrap .category.bgrecolor
{
    background-image: url(../images/629e1a40507d4b1545860e54.png) !important;
}

.online-color-e4 .online-def-btn,
.online-color-e4 .online-active-btns a.onl,
.online-color-e4 .online-calendar-btn,
.online-color-e4 .confirm-event .links .bgrecolor
{
    background-image: url(../images/629e1a48999d2e11ed1fad64.png) !important;
}

.online-color-e4 .active .txtrecolor {
    color:#6d419d;
}

.online-color-e4 .icon-place .bgrecolor,
.online-color-e4 .online-phone .bgrecolor,
.online-color-e4 .blkrecolor .active .abgrecolor,
.online-color-e4 .online-container .title .bgrecolor,
.online-color-e4  .online-index-step .icon
{
    background-image: none!important;
    background-color: #6d419d !important;
}


.btn_to_max {
    border-radius: 12px;
    background: linear-gradient(90deg, #3EC1FD 0%, #533EF0 46.15%, #A255DC 100%);
    display: flex;
    width: 100%;
    padding: 14px 0;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #FFF;
}
.btn_to_max:hover {
    color: #FFF;
    text-decoration: none;
}
#widget-times-booking_wrap_btn {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgba(255, 255, 255, 0.8);
}

#widget-times-booking_wrap_btn .container {
    height: 100%;
    padding: 0 16px !important;
    max-width: 600px !important;
}
.online-def-btn {
    border: none;
    border-radius: 10px;
    background-image: linear-gradient(to top, #e27662, #e6497b);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.30);
    line-height: 55px;
    height:55px;
    width: 100%;
    display: block;
    color:#FFF;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    overflow: hidden;
}
.online-def-btn span {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}
.online-def-btn:hover{
    text-decoration: none;
}
.online-def-btn:hover span {
    background-color: rgba(0, 0, 0, 0.3);
    color:#FFF;
    text-decoration: none;
}

.online-def-btn.btn-disabled {
    background-image: none!important;
    background-color: #c8c8c8!important;
}


.online-appointment-book .hdate {
    font-size: 16px;
    font-weight: normal;
    color: #000;
    text-align: center;
    padding-bottom: 25px;
    padding-top: 10px;
}
.online-appointment-book .hdate:first-letter {
    text-transform: uppercase;
}
.online-appointment-book .help {
    font-size: 15px;
    color: #6d6d72;
    text-align: center;
}
.online-appointment-book {
    margin: 20px 5px;
}
.online-appointment-book .work-hours span {
    display: inline-block;
    cursor: pointer;
    margin: 5px 5px 5px 0;
    width: 78px;
    height: 36px;
    line-height: 36px;
    border-radius: 2px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    font-size: 15px;
    color: #000;
    text-align: center;
    text-decoration: none;
}
.online-appointment-book .work-hours span.active {
    background-color: #6fb123;
    color: #FFF;
}
.online-appointment-book .work-hours span.disabled{
    background: red;
    color: white;
    pointer-events: none;
}
.online-appointment-calendars {
    margin-top: 30px;
}
.online-appointment-calendars > div {
    display: none;
}
.online-appointment-calendars > div:first-of-type {
    display: block;
}
.online-appointment-calendars > div:first-of-type .aleft {
    visibility: hidden;
}
.online-appointment-calendars > div:last-of-type .aright {
    visibility: hidden;
}


/* CALENDAR */

.widget-calendar {
    background-color: #ffffff;
    color: #000;
    padding: 5px 15px 0 15px;
    border-radius: 10px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}

.calendar-header {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    display: flex;
    padding: 3px 0;
    justify-content: space-between;
    margin-bottom: 10px;
}
.calendar-header div:first-letter {
    text-transform: uppercase;
}

.calendar-header .aleft {
    width: 50px;
    height: 100%;
    cursor: pointer;
    background-size: 12px 20px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(https://static.masterspro.app/media/upload/5ba48ba31e1a4d773b8b465f.png);
}

.calendar-header .aright {
    width: 50px;
    height: 100%;
    cursor: pointer;
    background-size: 12px 20px;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(https://static.masterspro.app/media/upload/5ba48bb51e1a4dc7408b4622.png);
}

.calendar-block {
    width: 100%;
}

.calendar-block td {
    width: 14.28%;
    height: 35px;
    /*border-bottom: 1px solid #EEE;*/
}

.calendar-block tr:last-child td {
    border: 0;
}

.calendar-block th {
    font-size: 11px;
    font-weight: 500;
    color: #6d6d72;
    text-align: center;
    /*border-bottom: 1px solid #EEE;*/
}
.calendar-block th:first-letter {
    text-transform: uppercase;
}


.day-en  div {
    text-align: center;
    color: #6d6d72;
    font-size: 15px;
    font-weight: normal;
}

.day-active div {
    font-weight: 900;
    color: #6fb123;
    cursor: pointer;
    font-weight: bold;
}

.day-past div {
    color: #c7c7cc;
    font-weight: normal;
}

.day-selected  div {
    width: 27px;
    height: 27px;
    line-height: 27px;
    margin: auto;
    text-align: center;
    background-color: #6fb123;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.18);
    color: #FFF;
    border-radius: 50%;
}
.day-selected:not(.day-active):not(.day-past) div {
    background-color: #6d6d72;
    color: #FFF;
}
.day-selected.day-past div {
    background-color: #c7c7cc;
    color: #FFF;
}
.day-today  div {
    width: 27px;
    height: 27px;
    line-height: 27px;
    margin: auto;
    text-align: center;
    border: solid 1px #e4e4e4;
    border-radius: 50%;
}
.day-selected.day-today  div {
    border-width: 0;
}



@media screen and (min-device-height: 666px) {
    .calendar-block td {
        height: 42px;
    }

    .day-selected div, .day-today div {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .day-en div {
        font-size: 17px;
    }
}
.air-datepicker.-inline-{
    width: 100%;
}