.filter-toggle {
    position: relative;
}

.filter-toggle__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 999px;
    background: #ff682c;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.form-group .inputtext.is-invalid,
.form-group .inputtextarea.is-invalid,
.form-group .inputfile.is-invalid,
.form-group .checkbox.is-invalid,
.md-fos-form .is-invalid {
    border-color: #d93c23;
}

.form-group .input-file .inputfile.is-invalid + span,
.form-group .checkbox.is-invalid span,
.md-fos-form .checkbox.is-invalid span {
    color: #d93c23;
}

.form-error.js-form-error {
    margin-top: 8px;
    color: #d93c23;
    font-size: 12px;
    line-height: 1.4;
}

.md-fos-form .form-error.js-form-error {
    margin-top: 10px;
}

.form-success {
    margin-bottom: 24px;
    color: #1f354f;
    font-weight: 600;
}

.rs-edit-anchor {
    position: relative;
    height: 0;
    overflow: visible;
    z-index: 5;
}

.rs-booking-page {
    padding: 40px 0 80px;
}

.rs-booking-page__container {
    /* width: min(100%, 1320px); */
    margin: 0 auto;
    padding: 0 20px;
}

.rs-booking-page__header {
    margin-bottom: 32px;
}

.rs-booking-page__title {
    margin: 0;
}

.rs-booking-page__widget {
    min-height: 320px;
}

.rs-booking-page__notes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin-bottom: 24px;
}

.rs-booking-page__note {
    display: flex;
    gap: 12px;
    padding: 24px;
    border-radius: 16px;
}

.rs-booking-page__note_mint {
    background: #e8fcf9;
}

.rs-booking-page__note_blue {
    background: #f4f9ff;
}

.rs-booking-page__note-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    min-width: 22px;
    height: 22px;
    border: 2px solid currentColor;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

.rs-booking-page__note_mint .rs-booking-page__note-icon,
.rs-booking-page__note_mint .rs-booking-page__note-content h2 {
    color: #1a9890;
}

.rs-booking-page__note_blue .rs-booking-page__note-icon,
.rs-booking-page__note_blue .rs-booking-page__note-content h2 {
    color: #52aec7;
}

.rs-booking-page__note-content h2 {
    margin: 0 0 4px;
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase;
}

.rs-booking-page__note-content p {
    margin: 0;
    color: #1f354f;
    font-size: 14px;
    line-height: 1.4;
}

.rs-booking-page__note-content a {
    color: inherit;
}

.rs-booking-widget-skin #appONL4 .date-selector-card {
    overflow: hidden;
    border-radius: 16px;
    border: none;
    box-shadow: none;
    gap:0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr auto;
    height: 100%;
}
.rs-booking-widget-skin #onl4-wrapper,
.rs-booking-widget-skin #onl4-wrapper > div,
.rs-booking-widget-skin #onl4-wrapper > div > div,
.rs-booking-widget-skin #onl4-wrapper >div > div > div {
    height: 100%;
}
.rs-booking-widget-skin #onl4-wrapper .no-wrap{
    /* height: 100%; */
}
.rs-booking-widget-skin #onl4-wrapper .q-field__control{
    height: 100%;
}

.rs-booking-widget-skin #onl4-wrapper .row>.col-md-3{
    /* margin: auto; */
    width: auto!important;
}
.rs-booking-widget-skin #appONL4 .date-selector-card > .row,
.rs-booking-widget-skin #appONL4 .date-selector-card__inputs,
.rs-booking-widget-skin #appONL4 .date-selector-card__actions {
    margin: 0;
}

.rs-booking-widget-skin #appONL4 .date-selector-card .date-selector-card__inputs {
    /* gap: 0;
    width: 75%; */
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.rs-booking-widget-skin #appONL4 .date-selector-card__input {
    margin: 0;
    padding: 0;
    border-right: 1px solid #e1e5ed;
}

.rs-booking-widget-skin #appONL4 .date-selector-card__input .q-field__inner {
    display: flex;
    align-items: center;
}

.rs-booking-widget-skin #appONL4 .date-selector-card__input:last-child {
    border-right: 0;
}

.rs-booking-widget-skin #appONL4 .date-selector-card__input .q-field__control {
    height: 56px;
    flex: 1;
    padding: 0 24px;
}

.rs-booking-widget-skin #appONL4 .date-selector-card__input .q-field__control::before {
    border: 0;
}

.rs-booking-widget-skin #appONL4 .date-selector-card__input .q-field__native,
.rs-booking-widget-skin #appONL4 .date-selector-card__input .q-field__label {
    color: #1f354f;
}

.rs-booking-widget-skin #appONL4 .date-selector-card__input .q-field__label {
    top: 28px;
    font-size: 16px;
    line-height: 1.4;
}

.rs-booking-widget-skin #appONL4 .date-selector-card__input.q-field--float .q-field__label {
    transform: none;
    top: 0px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: var(--fluid-16-13);
    line-height: 140%;
    color: var(--zagolovki);
}

.rs-booking-widget-skin #appONL4 .date-selector-card__input .q-field__control-container {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8L15 1' stroke='%231A9890' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 18px;
}

.rs-booking-widget-skin #appONL4 .date-selector-card__input .q-field__native {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: var(--fluid-18-15);
    line-height: 120%;
    color: var(--zagolovki);
    padding-top: 24px;
    padding-bottom: 8px;
}

.rs-booking-widget-skin #appONL4 .date-selector-card__input .q-field__prepend {
    display: none;
}

.rs-booking-widget-skin #appONL4 .date-selector-card__actions {
    display: flex;
    align-items: center;
    padding: 24px;
    border-left: 1px solid #e1e5ed;
    width: auto;
    border-radius: 0!important;
}

.rs-booking-widget-skin #appONL4 .date-selector-card__btn {
    height: 56px;
    padding: 0px 32px;
    border-radius: 51px;
    background: #1a9890 !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rs-booking-widget-skin #appONL4 .date-selector-card__btn .q-btn__content::before {
    content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 0C13.2652 0 13.5196 0.105357 13.7071 0.292893C13.8946 0.48043 14 0.734784 14 1V2H16C16.5304 2 17.0391 2.21071 17.4142 2.58579C17.7893 2.96086 18 3.46957 18 4V16C18 16.5304 17.7893 17.0391 17.4142 17.4142C17.0391 17.7893 16.5304 18 16 18H2C1.46957 18 0.960859 17.7893 0.585786 17.4142C0.210714 17.0391 0 16.5304 0 16V4C0 3.46957 0.210714 2.96086 0.585786 2.58579C0.960859 2.21071 1.46957 2 2 2H4V1C4 0.734784 4.10536 0.48043 4.29289 0.292893C4.48043 0.105357 4.73478 0 5 0C5.26522 0 5.51957 0.105357 5.70711 0.292893C5.89464 0.48043 6 0.734784 6 1V2H12V1C12 0.734784 12.1054 0.48043 12.2929 0.292893C12.4804 0.105357 12.7348 0 13 0ZM5 4H2V6H16V4H13H5ZM2 8V16H16V8H2ZM4 10C4 9.73478 4.10536 9.48043 4.29289 9.29289C4.48043 9.10536 4.73478 9 5 9H5.01C5.27522 9 5.52957 9.10536 5.71711 9.29289C5.90464 9.48043 6.01 9.73478 6.01 10C6.01 10.2652 5.90464 10.5196 5.71711 10.7071C5.52957 10.8946 5.27522 11 5.01 11H5C4.73478 11 4.48043 10.8946 4.29289 10.7071C4.10536 10.5196 4 10.2652 4 10ZM5 12C4.73478 12 4.48043 12.1054 4.29289 12.2929C4.10536 12.4804 4 12.7348 4 13C4 13.2652 4.10536 13.5196 4.29289 13.7071C4.48043 13.8946 4.73478 14 5 14H5.01C5.27522 14 5.52957 13.8946 5.71711 13.7071C5.90464 13.5196 6.01 13.2652 6.01 13C6.01 12.7348 5.90464 12.4804 5.71711 12.2929C5.52957 12.1054 5.27522 12 5.01 12H5ZM8 10C8 9.73478 8.10536 9.48043 8.29289 9.29289C8.48043 9.10536 8.73478 9 9 9H9.01C9.27522 9 9.52957 9.10536 9.71711 9.29289C9.90464 9.48043 10.01 9.73478 10.01 10C10.01 10.2652 9.90464 10.5196 9.71711 10.7071C9.52957 10.8946 9.27522 11 9.01 11H9C8.73478 11 8.48043 10.8946 8.29289 10.7071C8.10536 10.5196 8 10.2652 8 10ZM9 12C8.73478 12 8.48043 12.1054 8.29289 12.2929C8.10536 12.4804 8 12.7348 8 13C8 13.2652 8.10536 13.5196 8.29289 13.7071C8.48043 13.8946 8.73478 14 9 14H9.01C9.27522 14 9.52957 13.8946 9.71711 13.7071C9.90464 13.5196 10.01 13.2652 10.01 13C10.01 12.7348 9.90464 12.4804 9.71711 12.2929C9.52957 12.1054 9.27522 12 9.01 12H9ZM12 10C12 9.73478 12.1054 9.48043 12.2929 9.29289C12.4804 9.10536 12.7348 9 13 9H13.01C13.2752 9 13.5296 9.10536 13.7171 9.29289C13.9046 9.48043 14.01 9.73478 14.01 10C14.01 10.2652 13.9046 10.5196 13.7171 10.7071C13.5296 10.8946 13.2752 11 13.01 11H13C12.7348 11 12.4804 10.8946 12.2929 10.7071C12.1054 10.5196 12 10.2652 12 10ZM13 12C12.7348 12 12.4804 12.1054 12.2929 12.2929C12.1054 12.4804 12 12.7348 12 13C12 13.2652 12.1054 13.5196 12.2929 13.7071C12.4804 13.8946 12.7348 14 13 14H13.01C13.2752 14 13.5296 13.8946 13.7171 13.7071C13.9046 13.5196 14.01 13.2652 14.01 13C14.01 12.7348 13.9046 12.4804 13.7171 12.2929C13.5296 12.1054 13.2752 12 13.01 12H13Z' fill='white' /%3E%3C/svg%3E");
    margin-right: 6px;
    margin-top: 4px;
}

.rs-booking-widget-skin #appONL4 .date-selector-card__btn .q-icon {
    display: none;
}

.rs-intro .rs-booking-widget-skin #onl4-wrapper .q-dialog__inner--minimized>div {
    max-height: 100%;
}

.rs-booking-widget__inner {    
    background-color: #fff;
    border: 1px solid #e1e5ed;
    border-radius: 16px;
    box-shadow: none;
}

.rs-intro .rs-booking-widget__inner {
    display: grid;
    grid-template-columns: auto 1fr;  
}

.rs-booking-widget__header {
    display: none;
}

.rs-intro .rs-booking-widget__header {
    display: block;
    padding: 24px;
    border-right: 1px solid #e1e5ed;
}

.rs-booking-widget__title {
    font-weight: 600;
    font-size: var(--fluid-22-18);
    line-height: 130%;
}

.rs-booking-widget__subtitle {
    font-size: var(--fluid-16-13);
    line-height: 140%;
}

@media (max-width: 1349.98px) {
    .rs-booking-widget__header, 
    .rs-booking-widget-skin #appONL4 .date-selector-card__actions {
        padding: 24px 8px;
    }
    
    .rs-booking-widget-skin #appONL4 .date-selector-card__input .q-field__control {
        padding: 0 8px;
    }
}

@media (max-width: 1023.98px) {
    .rs-intro .rs-booking-widget__inner {
        grid-template-columns: 1fr;
    }
    .rs-booking-widget-skin #appONL4 .date-selector-card {       
        grid-template-columns: 1fr;
    }
    .rs-booking-page__notes {
        grid-template-columns: 1fr;
    }
    .rs-booking-widget__header {
        border-bottom: 1px solid #e1e5ed;
        padding: 12px;
        border-right: 0;
    }
    .rs-booking-widget-skin #appONL4 .date-selector-card__input {
        border: 0;
    }
    .rs-booking-widget-skin #appONL4 .date-selector-card__input .q-field__control-container {
        background-image: none;       
    }
    .rs-booking-widget-skin #appONL4 .date-selector-card__actions {
        padding: 12px;
        border-left: 0;
        border-top: 1px solid #e1e5ed;
        width: auto;
        flex: 1;
    }

    .rs-booking-widget-skin #appONL4 .date-selector-card__btn {
        width: 100%;
        height: 40px;
        padding: 4px 16px;
    }

    .rs-booking-widget-skin #appONL4 .date-selector-card .date-selector-card__inputs {        
        width: auto;
        gap: 8px 0px;
    }   
}

@media (max-width: 767.98px) {
    .rs-booking-page {
        padding: 24px 0 48px;
    }

    .rs-booking-page__header {
        margin-bottom: 24px;
    }

    .rs-booking-page__notes {
        gap: 16px;
    }

    .rs-booking-page__note {
        padding: 16px;
    }

    .rs-booking-widget-skin #appONL4 .date-selector-card__input {
       padding: 0px 4px;
    }
    .rs-booking-widget-skin #appONL4 .date-selector-card .date-selector-card__inputs {      
        grid-template-columns: repeat(2, 1fr);
    }
}