/* Start:/bitrix/components/reservation/calendar/templates/.default/style.css?17733792934235*/

.calendar-content{
    font-size: 1.8rem;
    overflow: hidden;
    min-height: 400px;
}
.calendar-nav{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 1.1rem 0;
}


.calendar-pickers{
    display: flex;
    align-items: center;
}

.c-label {
    margin-right: 1.1rem;
}

.c-nav{
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.c-nav:hover{
    color: #4e90a2;
    fill: #4e90a2 !important;
}

.c-nav svg{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 1.5rem;
    margin-bottom: -0.025rem;
    margin-top: -.025rem;
    width: 1.5rem;
}

.c-nav.c-nav-right svg{
    margin-left: 0.025rem;
    margin-right: -0.05rem;
}

.c-nav.c-nav-left svg{
    margin-left: -0.05rem;
    margin-right: 0.025rem;
}

.calendar-nav .disabled {
    cursor: default;
    opacity: .5;
    pointer-events: none;
}

.c-content-header{
    display: inline-flex;
    margin-bottom: 15px;

    -webkit-transition: -webkit-transform 1s cubic-bezier(.66,0,.33,1);
    transition: -webkit-transform 1s cubic-bezier(.66,0,.33,1);
    transition: transform 1s cubic-bezier(.66,0,.33,1);
    transition: transform 1s cubic-bezier(.66,0,.33,1),-webkit-transform 1s
}

.c-content-header-tab{
    min-width: 80px;
    border: 1px solid #ddd;
    font-size: 12px;
    padding: 0.7rem;
    text-align: right;
    min-height: 40px;
}
.loader{
    width: 100px;
    position: relative;
    left: 50%;
    top: 100px;
}



.c-main-content-room-items {
    display: inline-flex;
    margin-bottom: 15px;
    -webkit-transition: -webkit-transform 1s cubic-bezier(.66,0,.33,1);
    transition: -webkit-transform 1s cubic-bezier(.66,0,.33,1);
    transition: transform 1s cubic-bezier(.66,0,.33,1);
    transition: transform 1s cubic-bezier(.66,0,.33,1),-webkit-transform 1s

}
.c-main-content-room-item{
    min-width: 80px;
    min-height: 40px;
    border: 1px solid #ddd;
    cursor: pointer;
    font-size: 1.4rem;
    text-align: right;
    padding: 0.7rem;
    white-space:break-spaces;
}




.c-main-content-room-item:hover{
    background: #4e90a2;
    color: #fff;
}

.bron{
    background: #4e90a2;
}


.calendar-popup-week{
    display: flex;
}
.calendar-day {
    border-width: 1px;
    border-color: #f3f3f3;
    border-style: solid;
    width: 14.28571%;
    height: 5.375rem;
    cursor: pointer;
}

.calendar-day:hover{
    background: #4e90a2;
    color: #ffffff;
}

.notday{
    border-width: 0px;
    cursor: auto;
    width: 14.28571%;
}

.calendar-popup-week div{
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 14.28571%;
}

.calendar-popup-item{
    min-width: 400px;
    padding: 10px;
}

.calendar-popup-head{
    padding: 0px 0px 10px 0px;
    text-align: center;
}


.c-popup{
    background: #fff;
    position: fixed;
    left: 25%;
    top: 25%;
    z-index: 100;
    -webkit-box-shadow: 0 1px 12px 0 rgba(0,0,0,.24);
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.24);
    border-radius: 1.05rem;
}

.c-popup-btn{
    position: absolute;
    cursor: pointer;
    padding: 0px 5px;
}

.c-popup-btn:hover{
    background-color: rgba(89,89,89,.16);
}

.c-popup-btn.c-popup-btn-prev {
    top: 20px;
    left: 3.575rem;
}

.c-popup-btn.c-popup-btn-next {
    top: 20px;
    right: 3.575rem;
}
.calendar-popup-items{
    padding: 2.15rem 2.225rem 2.075rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


.calendar-day[inrange] {
    background: #4e90a2;
    color: #ffffff;
}


.calendar-day[hovered]{
    background: rgba(78, 144, 162, 0.5);
}

.calendar-day[outofrange]{
    color: rgba(61,61,61,.24);
    border-color: transparent;
}

.calendar-day[outofrange]:hover{

}

p.error{
    color: red;
}
/* End */


/* Start:/bitrix/components/reservation/calendar.reservation/templates/.default/style.css?177337929314188*/

.calendar-content{
    font-size: 1.8rem;
    overflow: hidden;
    min-height: 400px;
}
.calendar-nav{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 1.1rem 0;
}
.calendar-day[bron] {
    color: #ff0000c2;
}

.calendar-pickers{
    display: flex;
    align-items: center;
}

.c-label {
    margin-right: 1.1rem;
}

.c-nav{
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.c-nav:hover{
    color: #4e90a2;
    fill: #4e90a2 !important;
}

.c-nav svg{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 1.5rem;
    margin-bottom: -0.025rem;
    margin-top: -.025rem;
    width: 1.5rem;
}

.c-nav.c-nav-right svg{
    margin-left: 0.025rem;
    margin-right: -0.05rem;
}

.c-nav.c-nav-left svg{
    margin-left: -0.05rem;
    margin-right: 0.025rem;
}

.calendar-nav .disabled {
    cursor: default;
    opacity: .5;
    pointer-events: none;
}

.c-content-header{
    display: inline-flex;
    margin-bottom: 15px;

    -webkit-transition: -webkit-transform 1s cubic-bezier(.66,0,.33,1);
    transition: -webkit-transform 1s cubic-bezier(.66,0,.33,1);
    transition: transform 1s cubic-bezier(.66,0,.33,1);
    transition: transform 1s cubic-bezier(.66,0,.33,1),-webkit-transform 1s
}

.c-content-header-tab{
    min-width: 80px;
    border: 1px solid #ddd;
    font-size: 12px;
    padding: 0.7rem;
    text-align: right;
    min-height: 40px;
}
.loader{
    width: 100px;
    position: relative;
    left: 50%;
    top: 100px;
}



.c-main-content-room-items {
    display: inline-flex;
    margin-bottom: 15px;
    -webkit-transition: -webkit-transform 1s cubic-bezier(.66,0,.33,1);
    transition: -webkit-transform 1s cubic-bezier(.66,0,.33,1);
    transition: transform 1s cubic-bezier(.66,0,.33,1);
    transition: transform 1s cubic-bezier(.66,0,.33,1),-webkit-transform 1s

}
.c-main-content-room-item{
    min-width: 80px;
    min-height: 40px;
    border: 1px solid #ddd;
    cursor: pointer;
    font-size: 1.4rem;
    text-align: right;
    padding: 0.7rem;
    white-space:break-spaces;
}




.c-main-content-room-item:hover{
    background: #4e90a2;
    color: #fff;
}

.bron{
    background: #4e90a2;
}


.calendar-popup-week{
    display: flex;
}
.calendar-day {
    border-width: 1px;
    border-color: #f3f3f3;
    border-style: solid;
    width: 14.28571%;
    height: 5.375rem;
    cursor: pointer;
    padding: 0 0.3rem;
}

.calendar-day:hover{
    background: #4e90a2;
    color: #ffffff;
}

.notday{
    border-width: 0px;
    cursor: auto;
    width: 14.28571%;
}

.calendar-popup-week div{
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 14.28571%;
    flex-direction: column;
}

.calendar-popup-item{
    min-width: 400px;
    padding: 10px;
}

.calendar-popup-head{
    padding: 0px 0px 10px 0px;
    text-align: center;
}


.c-popup{
    background: #fff;
    position: absolute;
    left: 5%;
    top: 262px;
    z-index: 999;
    -webkit-box-shadow: 0 1px 12px 0 rgba(0,0,0,.24);
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.24);
    border-radius: 1.05rem;
}

.c-popup-btn{
    position: absolute;
    cursor: pointer;
    padding: 0px 5px;
}

.c-popup-btn:hover{
    background-color: rgba(89,89,89,.16);
}

.c-popup-btn.c-popup-btn-prev {
    top: 20px;
    left: 3.575rem;
    width: 20px;
    height: 20px;
}

.c-popup-btn.c-popup-btn-next {
    top: 20px;
    right: 3.575rem;
    width: 20px;
    height: 20px;
}
.calendar-popup-items{
    padding: 2.15rem 2.225rem 2.075rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


.calendar-day.curent {
    background: #4e90a2;
    color: #ffffff;
}


.calendar-day[hovered]{
    background: rgba(78, 144, 162, 0.5);
}

.calendar-day[inrange]{
    background: rgba(78, 144, 162, 0.5);
}

.calendar-day[rangeend]{
    background: #4e90a2;
}

.calendar-day[outofrange]{
    cursor: auto;
    color: rgba(61,61,61,.24);
    border-color: transparent;

}

.calendar-day[outofrange]:hover{
    background: #fff;
}


.calendar-day[selectable]{
    color: rgba(61,61,61,.24);
}

.c-popup-footer{
    padding: 2.15rem 2.225rem 2.075rem;
}

.loader-item{
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-image: url(/bitrix/components/reservation/calendar/templates/.default/loading-min.gif);
}


.c-popup-btn-next{
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-image: url(/bitrix/components/reservation/calendar/templates/.default/right.svg);

}


.c-popup-btn-prev{
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-image: url(/bitrix/components/reservation/calendar/templates/.default/left.svg);
}

.calendar-popup-week div span {
    white-space: nowrap;
    font-size: 10px;
}

#ui-datepicker-div{
    z-index: 99999 !important;
}
.rowblc{
    margin-top: 20px;

}
.date-title{
    background: #4e90a2;
    color: white;
    padding: 10px;
    font-size: 18px;
    text-align: center;
}
.find-nom{
    background: #4e90a2;
    color: white;
    padding: 10px;
    font-size: 18px;
    border: none;
    width: 100%;
    margin-top: 20px;
}
.smt-widget-content__sidebar.smt-widget-content__sidebar_left.col-xs-12.col-sm-12.col-md-3.col-lg-3{
    display: none;
}
.error-form{
    border: 1px solid red !important;
}
.curent-select-sp{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    border: 2px solid #4e90a2;
    font-weight: 500;
}
.curent-select{
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    margin-left: 15px;
    flex-wrap: wrap;
}
.curent-select-sp div, .curent-select-change{
    padding: 10px;
}
.curent-select-change{
    background: #4e90a2;
    color: white;
    margin-left: 10px;
    cursor: pointer;
}
.curent-select-change:hover{
    color: black;
    text-decoration: none;
}
.smt-price{
    margin-top: 10px;
}
.btn.btn-block.smt-btn.smt-btn_shadow.text-uppercase, .btn.btn-block.smt-btn{
    color: white;
}


.btn.btn-block.smt-btn-off{
    color: #4e90a2;
    background-color: white;
    border-color: #4e90a2;
}
.smt-price-value, .smt-price-currency{
    color: black;
}
.smt-price{
    display: block !important;
    margin-top: 10px;
}
.smt-widget.smt-widget_no-margin{
    width: 956px;
}
.curent-select.no-margin, .curent-select.no-margin a{
    margin-left: 0px !important;
}

.curent-select.no-margin{
    margin-bottom: 30px !important;
    max-width: 340px;
    justify-content: space-between;
}
.send_pay_link{
    margin-top: 20px;
    color: red;
    text-align: center;
}

.disabled {
    pointer-events: none;
    cursor: not-allowed;
}

#smt-order-form-field-callbackform-name,
#smt-order-form-field-callbackform-39,
input[name="iblock_submit_callbackform"],
form[name="iblock_add"] .smt-form-agreement,
#smt-order-form-field-questionform-name,
#smt-order-form-field-questionform-39,
#smt-order-form-field-questionform-detail_text,
input[name="iblock_submit_questionform"]
{
    max-width: 460px;
}


.input__field{
    display: flex;
}

.input__field div {
    box-shadow: -1px -1px 3px 0 #fff, 1px 1px 3px 0 #0003;
    display:flex;
    width: 10px;
    justify-content: space-around;
}
.input__field--iinp{
    width: 40px;
    margin: 0 5px;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    padding: 0.3rem;
    text-align: center;
    box-shadow: -1px -1px 2px 0 #fff inset, 1px 1px 2px 0 #0002 inset;
}

.input__field div {
    padding: .35rem;
    width: 30px;
    height:34px;
    background: none;
    border: 1px solid #0003;
    border-radius: 5px;
    font-family: Fontawesome;
    font-weight: 100;
    color: #0007;
}

.input__field div:hover {
    background: #35626e;
    color:white;
}

@media (max-width: 990px) {
    .curent-select-change {
        margin-left: 0px;
        margin-top: 10px;
    }
    .smt-widget.smt-widget_no-margin{
        width: 100%;
    }

}

@media (min-width: 1200px) {
    .col-lg-9 {
        width: 100% !important;
    }


}


.col-md-9 {
    width: 100% !important;
}

.a-booking {
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none !important;
    color: black !important;
}
.nomer-booking{
    opacity: 0.5;

}
.cl-btn{
    margin-top: 40px;
}
.cl-btn a:hover{
    color: black;
    text-decoration: none;
}

.booking-tabs{
    display: flex;
    gap: 16px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 1.8rem;
    flex-wrap: wrap;
}

.booking-tab{
    display: flex;
    padding: 20px;
    background: #F0F0F0;
    color: #26636D ;
    cursor: pointer;
}


.booking-tab.active{
    background: #26636D;
    color: #fff ;
}

.smt-project-list {
    margin-top: 40px;
}


#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

#toast-container > .toast-error {
    background-color: #fd397a;
    background-image: url(/bitrix/components/reservation/calendar.dates/images/1.png) !important;
}

.toast-error {
    background-color: #fd397a;
    color: #ffffff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

#toast-container > div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #FFFFFF;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

#toast-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}




.toast {
    background-position: 15px center /*rtl:calc(100% - 15px) center*/ !important;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    border: 0;
}

.toast {
    max-width: 350px;
    overflow: hidden;
    font-size: 0.875rem;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius: 0.25rem;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.toast .toast-message {
    font-size: 1.2rem;
}

.onboarding-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    align-items: center;
    background-color: #4e90a2;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 2px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-weight: 700;
    justify-content: space-between;
    line-height: 20px;
    padding: 10px;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    -webkit-transition-property: background-color;
    transition-property: background-color;
}


.onboarding-button__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    /* flex: 0 0 auto; */
    height: 32px;
    width: 32px;
}

.c-d-none{
    display: none;
}



.notify-popup.hidden {
    display: none;
}

.notify-popup {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}

.notify-popup__bg {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.6);
}

.notify-popup__window {
    position: relative;
    background: white;
    padding: 25px;
    z-index: 2;
    border-radius: 8px;
    width: 400px;
}

.notify-popup__button {
    text-align: end;
}

.notify-popup__button button {
    width: 30px;
    height: 30px;
    background: transparent;
    border: 1px solid #000000;
}

.notify-popup__content h3 {
    color: #4e90a2;
    text-align: center;
}

.notify-popup__form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.notify-popup__form input {
    padding: 5px 10px;
}



@media (max-width: 900px) {
    .calendar-popup-items{
        flex-direction: column;
    }

}



@media (max-width: 550px) {
    .c-popup{
        left: auto;
    }

    .booking-tab{
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .calendar-popup-items {
        padding: 2.15rem 1.225rem 2.075rem;
    }

    .calendar-popup-item{
        min-width: 350px;
    }

    .notify-popup__window {
        width: 95%;
    }
}

@media (max-width: 350px) {
    .calendar-popup-items{
        padding: 0;
    }

    .c-popup{
        left: auto;
    }

    .calendar-day {
        padding: 0 0.1rem;
    }
}





/* End */
/* /bitrix/components/reservation/calendar/templates/.default/style.css?17733792934235 */
/* /bitrix/components/reservation/calendar.reservation/templates/.default/style.css?177337929314188 */