@font-face {
    font-family: 'Wix Madefor Display';
    src: url('/local/templates/citrus_arealty3/fonts/WixMadeforDisplay-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}


body {
    cursor: inherit;
    font-family: 'Wix Madefor Display', sans-serif;
}


.page-404__image {
    width: 450px;
    margin-bottom: 25px;
}

.page-404 .section-description {
    display: block;
}

@media screen and (max-width: 768px) {
    .page-404__image {
        width: 250px;
    }
}

.page-404-title {
    font-size: 20px;
    font-weight: 700;
}

.section-description {
    font-size: 14px;
    font-weight: 500;
}

/* auth */
.lk__form-w,
.lk__text-w {
    background-color: #FFFFFF;
}

.lk__form-w {
    border-radius: 16px;
    width: 600px;
}

.lk__text-w {
    display: none;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.lk {
    background-color: unset;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: 0 auto;
    align-items: center;
}


.form-group .field-title {
    all: unset;
    color: black;
    font-size: 14px;
    font-weight: 700;
}

.form-group .field-title._active {
    transform: initial;
    font-size: 14px;
}

.lk--form .form-group .field-title._active {
    color: black;
}

.form-group-btn__description,
.form-group-btn__description a {
    color: #027FEC;
}

.form-group-btn__description a:hover {
    color: black;
}

.bx-no-touch .btn.btn-transparent:hover,
.btn.btn-transparent:focus {
    background-color: #006FD0;
    color: white;
}

.button-position-right .btn.btn-transparent {
    width: 215px;
}

.starrequired {
    color: #027FEC;
}

.btn.btn-transparent {
    color: white;
    background-color: #027FEC;
    border: none;
    border-radius: 8px;
    font-size: 14px;
}

.btn.btn-transparent:hover,
.btn.btn-transparent:active {
    color: white;
    background-color: #027FEC;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* :not(._with-agreement)> */

.button-position-right {
    width: initial;
    margin-left: initial;
}

.form-group-btn__description {
    width: initial;
    font-weight: 600;
}

.citrus-form .form-control {
    background-color: white;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
}


.custom-auth-title {
    color: #383838;
    font-size: 24px;
    font-weight: 700;
}

.form-group .field-title {
    color: #383838;
}


.blue-text-msg {
    background-color: #E6F2FD;
    border-radius: 8px;
    padding: 16px;
    grid-template-columns: 16px 1fr;
    display: grid;
    gap: 12px;

}

p.text-auth {
    color: black;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    line-height: 120%;
}

.blue-text-container {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-group.form-group-btn {
    margin-top: 24px;
}


@media screen and (max-width: 768px) {

    .lk,
    .lk__form-w {
        width: 100%;
    }
}

/* хлебные крошки */
.nav-breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.breadcrumbs-item .btn-label,
.breadcrumbs-item-current .btn-label {
    padding: 0;
}

.nav-panel {
    padding: 32px 0px 16px 0px;
}

/* 404 стили */
.section-description {
    font-family: 'Wix Madefor Display', sans-serif;
}

/* Отступ страницы */
/* .section._with-padding .section-inner {
    padding: 0px;
} */

.lk--form {
    margin-top: 0px;
}



.section__header h1 {
    margin-top: 0;
    display: flex;
    font-size: 28px;
    font-weight: 700;
    text-align: start;
}


.section__header {
    /* margin-bottom: 48px; */
    margin-bottom: 32px;
}

/* Услуги */
.article-item {
    border: none;
    margin: 0px;

}

.article-user-name {
    color: #383838;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    transition: .3s ease;
}

.article-user {
    display: flex;
    align-items: center;
}

.custom-goto-services {
    display: none;
}

.article-desc {
    display: none;
}

.article-user-ava span {
    min-width: initial;
    width: 100px;
}

.custom-services-pics {
    width: 90px;
    height: 90px;
    max-width: initial !important;
    transition: .3s ease;
}

.article-item:hover .custom-services-pics {
    transform: scale(1.1);
}

.article-item:hover .article-user-name {
    color: #006FD0;
}

.article-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 0px;
    gap: 80px 20px;
}

.tac {
    display: none;
}


@media screen and (max-width: 1300px) {
    .article-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 1000px) {
    .article-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 0px;
    }

    .article-item {
        margin: 0;
    }

    .article-user-ava span {
        width: 50px;
    }

    .section__header {
        margin-bottom: 20px;
    }
}


@media screen and (max-width: 768px) {
    .article-list {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
    }

    .article-item {
        padding: 0;
    }

    .custom-services-pics {
        width: 60px;
        height: 60px;
    }


    /* section.section._with-padding .section-inner {
        padding: 0;
    } */

    .section__header {
        margin-bottom: 20px;
    }

}

@media screen and (max-width: 392px) {
    .article-body .article-user {
        flex-direction: row;
    }
}

/*cookie*/

.cookie-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
}

.cookie-header-text {
    display: flex;
    display: flex;
    align-items: center;
    gap: 12px;

}

.cookie-desc-container {
    display: flex;
}

.cookie-banner {
    display: flex;
    align-items: center;
    bottom: 20px;
    overflow: hidden;
    position: fixed;
    background: #fff;
    border-radius: 16px;
    /* box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); */
    padding: 24px;
    display: flex;
    gap: 20px;
    left: 50%;
    transform: translateX(-50%);
    align-items: center;
    z-index: 10000;
    margin: 0 auto;
    width: 90%;
}

.cookie-desc-text {
    color: #282828;
}

.cookie-text strong {
    font-weight: 700;
}

.cookie-icon {
    font-size: 32px;
    flex-shrink: 0;
}

.cookie-text {
    flex-grow: 1;
    font-size: 16px;
    color: #383838;
}

.cookie-text p {
    margin: 4px 0 0;
    font-size: 14px;
    color: #333;
}


.cookie-setting {
    font-weight: 600;
    color: #027FEC;
}

.cookie-buttons {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-shrink: 0;
}

.cookie-btn {
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    font-size: 14px;
    transition: .3s ease;
    border: 1px solid transparent;
}

.cookie-btn.accept {
    background-color: #027FEC;
    color: white;
    width: 140px;
    padding: 14px 32px;
    font-weight: 600;
}

.cookie-btn.accept:hover {
    background-color: #006FD0;
}

.cookie-btn.decline {
    background-color: white;
    color: #027FEC;
    width: 140px;
    border: 1px solid #027FEC;
    padding: 14px 32px;
    font-weight: 600;
}

.cookie-btn.decline:hover {
    color: white;
    background-color: #006FD0;
}

@media (max-width: 1020px) {
    .cookie-banner {
        position: fixed;
        /* bottom: 35%; */
        left: 0;
        right: 0;
        transform: initial;
        border-radius: 8px;
        width: 90%;
        padding: 16px;
        flex-direction: column;
        align-items: flex-start;
        background: #fff;
        /* box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2); */
    }

    .cookie-buttons {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        gap: 8px;
    }

    .cookie-btn {
        width: 100%;
    }

    .cookie-icon img {
        width: 32px;
        height: 32px;
    }

    .cookie-btn.accept {
        background-color: #027FEC;
        color: white;
        border-color: #027FEC;
        width: 132px;
        padding: 14px 24px;
    }

    .cookie-btn.decline {
        background-color: white;
        color: #027FEC;
        border: 1px solid #027FEC;
        width: 132px;
        padding: 14px 24px;
    }
}

/* settings cookie */
.cookie-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 30px;
    border-radius: 16px;
    z-index: 10000;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    max-width: 500px;
    width: 90%;
}

.settings-scroll {
    max-height: 500px;
    overflow-y: auto;
    padding-right: 10px;
}

.settings-scroll::-webkit-scrollbar {
    width: 4px;
}

.cookie-seetings {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #383838;
}

.cookie-seetings-header {
    font-size: 16px;
    font-weight: 700;
    padding: 16px 0px;
}

.setting-desc {
    color: #383838;
    margin-bottom: 16px;
}

.switch-cookie {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 20px;
}

.switch-cookie input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider-cookie {
    position: absolute;
    cursor: pointer;
    background-color: #ccc;
    border-radius: 10px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: background-color 0.3s;
}

.slider-cookie::before {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 2px;
    background-color: white;
    border-radius: 10px;
    transition: transform 0.3s;
}

.cont-content {
    display: grid;
    align-items: center;
    gap: 12px;
    grid-template-columns: 32px 1fr;
    width: 100%;
}

input:checked+.slider-cookie {
    background-color: #027FEC;
}

input:checked+.slider-cookie::before {
    transform: translateX(10px);
}

.btn-cookie {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.btn-cookie-save {
    background-color: #027FEC;
    color: white;
    padding: 14px 32px;
    border: none;
    border-radius: 8px;
}

.btn-cookie-save:hover {
    background-color: #006FD0;
}


@media screen and (max-width: 480px) {
    .cookie-seetings-header {
        font-size: 14px;
    }

}

/* modal popup */
.btn.modal-close-btn {
    display: none;
}

.modal-title {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center !important;
    text-transform: none;
    font-size: 24px;
    font-weight: 700;
    color: #383838;
}

.modal-w-400 {
    max-width: 778px;
    background: white;
    border-radius: 16px;
}

.modal-header {
    background-color: white;
    border-radius: 16px 16px 0px 0px;
}

.modal-body {
    border-radius: 0px 0px 16px 16px;
}

.modal-content {
    box-shadow: none;
}


/*auktsiony*/
.auktsiony-main-contrainer {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

h3.auktsiony-desc {
    font-weight: 700;
    font-size: 24px;
    text-transform: none;
    font-family: 'Wix Madefor Display';
}

.auktsiony-tabs {
    background: #FFFFFF;
    padding: 40px;
    border-radius: 16px;
}

.tabs-col {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.aukt-column-name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
}

.aukt-column-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.auktsiony-more {
    width: 135px;
    display: flex;
    border-radius: 8px;
    border: 1px solid #027FEC;
    align-items: center;
    justify-content: center;
    color: #027FEC;
    padding: 8px 16px;
    font-weight: 600;
    transition: .3s ease;
}

.auktsiony-more:hover {
    color: white;
    background-color: #027FEC;
}

a.tabs-col__btn {
    text-decoration: none;
}

@media screen and (max-width: 680px) {
    .tabs-col {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    h3.auktsiony-desc {
        text-align: left;
    }

    .auktsiony-tabs {
        padding: 20px;
    }
}

/*Заявка на аренду*/

.application-container {
    position: relative;
    cursor: pointer;
}

.appli-btn-close {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 10px;
}

.application-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
}

.application-field label {
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: 700;
    margin: 0;
}

.application-field {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.application-field input,
.application-field select {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    width: 100%;
}

.application-container {
    max-width: 680px;
    /* margin: auto; */
    padding: 24px;
    background: #fff;
    border-radius: 8px;
}

.application-section {
    color: #383838;
}

.application-title-text {
    color: #383838;
    font-weight: 700;
    font-size: 24px;
    text-transform: none;

}

.application-row {
    display: grid;
    grid-template-columns: 343px 343px;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 24px;
}

.title-apl {
    display: flex;
    justify-content: space-between;
}

.rental-title {
    text-transform: none;
    font-size: 20px;
    font-weight: 700;
}

a.clear-list {
    text-decoration: none;
    font-weight: 600;
}

.application-policy {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.application-checkbox {
    display: flex;
    cursor: pointer;
    position: relative;
    padding-left: 32px;
    margin-bottom: 16px;
    font-size: 14px;
    height: 20px;
    color: #000;
    gap: 3px;
    user-select: none;
    align-items: center;
}

.application-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #027FEC;
    border-radius: 4px;
    box-sizing: border-box;
    transition: all 0.2s ease;
}

.checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.application-checkbox input:checked~.checkmark {
    background-color: #027FEC;
    border-color: #027FEC;
}

.application-checkbox input:checked~.checkmark::after {
    display: block;
}

.application-link {
    color: #007bff;
    text-decoration: underline;
    font-weight: 600;
}


.name-block {
    display: flex;
    margin-bottom: 25px;
    align-items: center;
    justify-content: space-between;
}

.selected-quantity {
    font-size: 14px;
    color: #027FEC;
    font-weight: 600;
}

.application-confirm {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}

.save-btn-custom {
    padding: 12px;
    background: #027FEC;
    border: none;
    border-radius: 8px;
    color: white;
    width: 140px;
    font-weight: 600;
    font-size: 14px;

}

.file-upload-container {
    margin: 40px auto;
}

.file-upload-label {
    display: block;
    border: 2px dashed #027FEC;
    padding: 40px 20px;
    text-align: center;
    border-radius: 12px;
    background-color: #E6F2FD;
    cursor: pointer;
    position: relative;
    transition: border-color 0.3s, background-color 0.3s;
}

.file-attention-name {
    font-size: 16px;
    font-weight: 700;
}

.file-upload-label:hover {
    border-color: #027FEC;
    background-color: #027fec3d;
}

.file-upload-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.file-upload-icon svg {
    width: 48px;
    height: 48px;
    fill: none;
}

.file-upload-text p {
    margin: 4px 0;
    color: #027FEC;
    font-size: 14px;
}

.file-upload-input {
    display: none;
}

@media screen and (max-width: 768px) {
    .application-row {
        display: flex;
        flex-direction: column;
        margin-bottom: 24px;
        gap: 24px;
    }

    .name-block {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
}


.add-more {
    font-size: 14px;
    color: #757575;
    cursor: pointer;
    position: absolute;
    /* padding-right: 16px; */
    user-select: none;
    padding-top: 10px;
    right: 12px;
}

.add-more::after {
    content: '';
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#custom-modal-overlay {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto;

    -ms-overflow-style: none;
    scrollbar-width: none;

}

#custom-modal-overlay::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari */
}

.custom-modal-wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 680px;
    background: #fff;
    border-radius: 12px;
    box-sizing: border-box;
    margin-top: 20px;
}

.select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.select-wrapper select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    padding: 8px 36px 8px 12px;
    font-size: 14px;
    width: 100%;
    height: 40px;
    cursor: pointer;
    z-index: 2;
    position: relative;
    background-image: none !important;
}

.select-wrapper .custom-arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 8px;
    pointer-events: none;
    z-index: 3;
}


.room-input-wrapper {
    position: relative;
    width: 100%;
}

.custom-select-box {
    border: 1px solid #ccc;
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
}

.selected-values {
    font-size: 14px;
    color: #333;
}

.custom-options {
    display: none;
    position: absolute;
    width: 100%;
    border: 1px solid #ccc;
    background: white;
    max-height: 160px;
    overflow-y: auto;
    z-index: 10;
    margin-top: 4px;
}

.custom-options label {
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    cursor: pointer;
}

.custom-options label:hover {
    background: #f0f0f0;
}

@media screen and (max-width: 768px) {
    .custom-modal-wrapper {
        margin-top: 0px;
    }

    .application-container {
        border-radius: 0px;
    }

    .application-policy {
        gap: 18px;
    }
}

@media screen and (max-width: 560px) {


    .application-checkbox {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

.listing-image-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}


.scroll-container::-webkit-scrollbar {
    width: 6px;
}

.scroll-containerr::-webkit-scrollbar {
    width: 4px;
    height: 12px;
}


.scroll-container::-webkit-scrollbar-track {
    background: #FFFFFF;
    border-radius: 3px;
}


.scroll-container::-webkit-scrollbar-thumb {
    background-color: #027FEC;
    border-radius: 3px;
    border: 2px solid #027FEC;
}

.image-track {
    display: flex;
    transition: transform 0.3s ease-in-out;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.image-track::-webkit-scrollbar {
    display: none;
}

.image-track img {
    width: 100%;
    height: 188px;
    flex-shrink: 0;
    object-fit: cover;
    scroll-snap-align: center;
    border-radius: 10px;
}

.dots {
    display: flex;
    justify-content: center;
    gap: 3px;
    margin-top: 10px;
    align-items: center;
}

.dots span {
    width: 4px;
    height: 4px;
    background: #A7A7A7;
    border-radius: 50%;
    transition: all 0.3s ease;

}

.dots span.active {
    width: 6px;
    height: 6px;
    background: #027FEC;
}


.listing-scroll-wrapper {
    width: 700px;
    height: 440px;
    overflow-y: auto;
    padding: 16px 12px 16px 16px;
    background: #f5fbff;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    scroll-behavior: smooth;


}

.scroll-container {
    position: relative;
    width: 700px;
    max-height: 440px;
    background: #f5fbff;
    border-radius: 12px;
    box-sizing: content-box;
    margin-bottom: 25px;
}

.listing-scroll-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.listing-card {
    background: white;
    padding: 20px;
    min-height: 160px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

/* Кастомный скроллбар */
.custom-scrollbar {
    position: absolute;
    top: 0;
    right: 4px;
    width: 2px;
    border-radius: 1.5px;
    background-color: #027FEC;
    transition: top 0.2s;
}

.area-square-title {
    color: #027FEC;
    font-size: 16px;
    font-weight: 700;
}

.area-square-desc {
    color: #A7A7A7;
    font-size: 14px;
    font-weight: 400;
}

.listing-card {
    display: flex;
    background: white;
    border-radius: 12px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    padding: 20px;
    width: 100%;
    gap: 20px;
    min-height: 252px;
}

.listing-image img {
    width: 284px;
    height: 188px;
    object-fit: cover;
    border-radius: 8px;
}

.listing-info {
    display: flex;
    flex-direction: column;
}

.area-price {
    display: grid;
    font-weight: 500;
    grid-template-columns: 120px 1fr;
    margin-bottom: 4px;
    background: #F2FAFF;
    width: 316px;
    border-radius: 8px;
    height: 46px;
    justify-items: center;
    align-items: center;
    box-shadow: 0px 2px 3px 0px #D5DEE480;

}

.area-square {
    color: #007aff;
    font-size: 16px;
}

.price {
    color: #027fec;
    font-size: 18px;
    font-weight: bold;
}

.price-per-m {
    font-size: 12px;
    color: #999;
}

.listing-title {
    font-size: 16px;
    margin: 6px 0;
}

.listing-meta {
    font-size: 14px;
    color: #444;
}

.listing-buttons {
    display: flex;
    gap: 4px;
    margin-top: 12px;
    justify-content: center;
}

.btn-listing {
    padding: 8px 16px;
    background: transparent;
    border: 1px solid #027fec;
    color: #027fec;
    width: 154px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
}

@media screen and (max-width: 1200px) {
    .scroll-container {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .listing-card {
        flex-direction: column;
    }

    .listing-scroll-wrapper {
        width: 100%;
    }

    .listing-header {
        display: flex;
    }

    .area-price {
        width: 100%;
    }

}

@media screen and (max-width: 380px) {
    .area-square-title {
        font-size: 12px;
    }
}

/* detail auktsiony*/

.auktsiony-info-block {
    display: flex;
    gap: 12px;
	align-items: stretch;
}
.btn-container-aukt {margin-top: auto;}
.auktsiony-info-col {
    flex: 1;
    background: white;
    border-radius: 16px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.auktsiony-info-link {
    display: flex;
    padding: 0;
    margin: 0px !important;
    gap: 10px;

}

a.info-pdf-link {
    font-weight: 600;
    font-size: 14px;
}

button.btn-aukt-link {
    background: #027FEC;
    border: none;
    color: white;
    border-radius: 8px;
    padding: 10px 24px;
    transition: .3s ease;
    font-weight: 600;
}

button.btn-aukt-link:hover {
    background-color: #006FD0;
}


@media screen and (max-width: 768px) {
    .auktsiony-info-block {
        flex-direction: column;
    }

    .auktsiony-info-col {
        padding: 20px;
    }
}


/* Условия участия в аукционе*/
.conditions-block {
    background: white;
    border-radius: 16px;
    padding: 40px;
}

.conditions-text-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.new-conditions-container {
    margin-top: 40px;
}

@media screen and (max-width: 768px) {
    .conditions-block {
        padding: 20px;
    }
}

/*Левое меню в личном*/

.lk-wrapper {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.lk-sidebar {
    min-width: 324px;
}

@media screen and (max-width: 930px) {
    .lk-sidebar {
        min-width: initial;
    }
}

.lk-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 28px;
    padding-top: 0;
    background: white;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

a.lk-menu__link {
    display: flex;
    gap: 12px;
}

.lk-menu__item {
    width: 100%;
}

span.lk-menu__icon {
    display: flex;
}

.lk-menu__link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #383838;
    border-radius: 6px;
    transition: 0.3s ease;
}

.lk-menu__link:hover {
    background-color: #f0f4f7;
}

.lk-menu__item.active .lk-menu__link {
    color: #027FEC;
}

span.lk-menu__text {
    font-weight: 600;
}

a.lk-menu__link:hover {
    background: none;
    color: #027FEC;
    cursor: pointer;
}

/*Личный кабинет - Профиль*/
main.profile-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    position: relative;

}

.block-container {
    background: white;
    padding: 32px;
    border-radius: 16px;
    max-width: 100%;
    max-height: 100%;
}

@media screen and (max-width: 800px) {
    .block-container {
        padding: 20px;
    }

}

.profile-information {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 32px;
}

.profile-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.info-name {
    font-size: 14px;
    font-weight: 700;
}

input.profile-input {
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    padding: 12px 20px;
    font-weight: 600;
    color: #383838;
}

input.profile-input:disabled {
    border: none;
    background: #F3F3F3;

    cursor: not-allowed;
}

@media screen and (max-width: 1080px) {
    .profile-information {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 18px;
    }

}


@media screen and (max-width: 800px) {
    .profile-information {
        display: flex;
        flex-direction: column;
    }

    .lk-wrapper {
        display: flex;
        flex-direction: column;
    }

    .lk-sidebar-employee {
        width: 100%;
    }
}


/* Личный кабинет - Договоры аренды*/
.docs-total-container {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.docs-total-container::-webkit-scrollbar {
    display: none;
}

.docs-total-container.active {
    cursor: grabbing;
    user-select: none;
}

.docs-total-col {
    background: #DAEDFD;
    padding: 8px 16px;
    flex-shrink: 0;
    border-radius: 6px;
    color: #027FEC;
    font-weight: 600;
}

.docs-total-col p {
    color: #027FEC;
    font-weight: 600;
    font-size: 14px;
    margin: 0;
}

.block-container-contract {
    background: white;
    padding: 40px;
    border-radius: 16px;
    /* width: 1000px; */
    width: 100%;
}


.contract-text-container {
    display: flex;
    gap: 16px;
    flex-direction: column;
}

.contract-name {
    font-size: 16px;
    font-weight: 700;
}

.contact-square {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.square-adress {
    font-weight: 700;
}

.bold-information {
    font-weight: 600;
}

@media screen and (max-width: 1300px) {

    .docs-total-container,
    .block-container-contract {
        width: 100%;
    }
}

/*Личный кабинет - показания счетчиков*/

.blue-alert-container {
    width: 100%;
    display: flex;
    padding: 16px;
    background: #DAEDFD;
    border-radius: 16px;
    gap: 10px;
    align-items: flex-start;
}

.blue-alert-text {
    font-size: 14px;
    font-weight: 500;
}

.blue-alert-icon {
    display: flex;
}

.meter-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.meter-title {
    color: #383838;
    font-size: 20px;
    font-weight: 700;
}

.meter-desc {
    color: #383838;
    font-weight: 500;
    font-size: 14px;
}

button.meter-history {
    display: flex;
    background: none;
    border: none;
    padding: 0;
    gap: 2px;
    color: #027FEC;
    font-weight: 600;
    font-size: 14px;
    width: 80px;
}

.meter-arrow img {
    transition: transform 0.3s ease;
}

.meter-arrow.rotated img {
    transform: rotate(180deg);
}

.meter-table {
    overflow-x: auto;
    border: 1px solid #A7A7A7;
    border-radius: 10px;
}

.meter-table-wrapper {
    /* overflow-x: auto; */
    scrollbar-width: none;
    -ms-overflow-style: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    /* border: 1px solid #A7A7A7; */
    display: block;
}

.meter-table-wrapper::-webkit-scrollbar {
    display: none;
}

.meter-table-border {
    border: 1px solid #A7A7A7;
    border-radius: 8px;
    overflow: hidden;
    width: fit-content;
    min-width: 100%;
}

.meter-table-element {
    width: 100%;
    border-collapse: collapse;
}

.meter-table-element th,
.meter-table-element td {
    border-right: 1px solid #A7A7A7;
    border-bottom: 1px solid #A7A7A7;
    padding: 11px 9px;
    text-align: left;
    font-size: 14px;
    background-color: #fff;
}

.meter-table-header-row th {
    border-top: none;
    line-height: 100%;
    font-weight: 600;
}

.meter-table-element tr:last-child td {
    border-bottom: none;
}

.meter-table-element td:last-child,
.meter-table-element th:last-child {
    border-right: none;
}

.location {
    font-weight: bold;
}

.address {
    display: block;
    color: #383838;
}

.meter-table-element th:first-child,
.meter-table-element td:first-child {
    width: 190px;
    min-width: 190px;
    max-width: 190px;
    word-break: break-word;
}

.input-wrapper {
    position: relative;
    display: inline-block;
    width: 135px;
}

.input-wrapper input {
    width: 100%;
    padding-right: 40px;
    border: 1px solid #A7A7A7;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    padding-left: 8px;
    height: 32px;
    box-sizing: border-box;
}

.save-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    pointer-events: none;
}

img.save-icon {
    width: 16px;
    height: 16px;
}

.meter-arrow {
    width: 16px;
    height: 16px;
}

@media (max-width: 768px) {

    .meter-table-element th,
    .meter-table-element td {
        font-size: 12px;
        padding: 8px;
    }

}

.profile-alert-svg {
    min-width: 16px;
    min-height: 16px;
}


/* Контакты - исправление карты */

span.menu_sel_03 {
    color: black !important;
}

.hideair {
    margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
    ymaps.ymaps-map.ymaps-i-ua_js_yes {
        width: 400px !important;
    }

    div#BX_YMAP_MAP_mF8Ev4 {
        width: initial !important;
    }
}

@media screen and (max-width: 460px) {
    ymaps.ymaps-map.ymaps-i-ua_js_yes {
        width: 300px !important;
    }
}


@media screen and (max-width: 380px) {
    ymaps.ymaps-map.ymaps-i-ua_js_yes {
        width: 280px !important;
    }
}


/*Личный кабинет - Платежные документы*/

.tax-summary {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.summary-item {
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
}

.summary-item.red {
    background-color: #FFE5E5;
    color: #383838;
}

.summary-item.green {
    background-color: #DEF7E1;
    color: #383838;
}

.billing-section {
    border-radius: 16px;
    padding: 12px;
    max-width: 100%;
    background: white;
}

.billing-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 22px;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
    align-items: center;
}

.billing-header .title {
    display: flex;
    font-size: 14px;
    font-weight: 600;
    color: #383838;
    gap: 4px;
    margin-left: 12px;
}

.billing-header-link {
    color: #027FEC;
    text-decoration: none;
}

.billing-header .download-all img {
    width: 36px;
    vertical-align: middle;
    margin-right: 6px;
    height: 21px;
}

.billing-month-dropdown {
    position: relative;
    display: flex;
    cursor: pointer;
}

.billing-month-dropdown .month-options {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #dcdcdc;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    list-style: none;
    margin: 4px 0 0;
    padding: 0;
    z-index: 10;
    min-width: 140px;
    display: none;
}

.billing-month-dropdown .month-options li {
    padding: 8px 12px;
    font-size: 14px;
    color: #383838;
    cursor: pointer;
}

.billing-month-dropdown .month-options li:hover {
    background-color: #f0f0f0;
}

.billing-month-dropdown .bold-arrow {
    transition: transform 0.3s ease;
}

.billing-month-dropdown .bold-arrow.rotated {
    transform: rotate(180deg);
}


.billing-table {
    /* border: 1px solid #E8E8E8; */
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
}

.billing-row {
    display: flex;
    border-top: 1px solid #E8E8E8;
}

.billing-row.billing-head {
    font-weight: 600;
    font-size: 14px;
    border-top: none;
}

.col {
    padding: 12px;
    flex: 1;
    /* border-left: 1px solid #E8E8E8; */
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    /* width: 320px; */
    width: 226px;
    text-align: left;
}

@media screen and (max-width: 590px) {
    .col {
        width: 260px;
    }
}

.col:first-child {
    border-left: none;
}

.icons-documents {
    display: flex;
    gap: 10px;
}


.status {
    font-size: 14px;
    font-weight: 500;
}

.status.red {
    color: #BC0000;
    font-weight: 500;
    font-size: 14px;
}

.status.green {
    color: #1FC119;
}

.download-documents-link {
    font-size: 14px;
    font-weight: 600;
}

.download-all {
    margin-left: 12px;
}

tr.billing-head {
    display: flex;
}

.billing-table-wrapper {
    overflow-x: auto;
    scrollbar-width: none;
}

.documents-container {
    gap: 12px;
    display: flex;
    flex-direction: column;
}

/* Личный кабинет - Сообщения от Арендодателя */

.menu-msg-count {
    color: #027FEC;
    font-weight: 600;
    font-size: 14px;
}

.block-container-notify {

    background: white;
    padding: 16px;
    border-radius: 16px;
    max-width: 100%;
    max-height: 100%;

}

.notification-container {
    display: flex;
    gap: 12px;
    align-items: stretch;
}

.notification-time {
    color: #A7A7A7;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: flex-start;
}

.notification-text {
    font-size: 14px;
    font-weight: 600;
    color: #383838;
}

.notification-new-span {
    padding: 4px 8px;
    background: #E6F2FD;
    border-radius: 4px;
    color: #027FEC;
    font-weight: 700;
}

.notification-text p {
    line-height: 120%;
    font-size: 14px;
    font-weight: 600;
}


.notification-text,
.notification-new-span {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 500px) {
    .notification-container {
        align-items: flex-start;
        flex-direction: column;
    }
}

/*Страница Сообщения от Арендодателя - попап*/

.popup-overlay-notification {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.popup-window-container {
    background: #fff;
    border-radius: 16px;
    padding: 32px;
    width: 90%;
    max-width: 600px;
    position: relative;
    top: -20%;
}

.popup-title-notify {
    font-size: 24px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 120%;
    margin-bottom: 24px;
    color: #383838;
}

.popup-close {
    font-size: 24px;
    border: none;
    background: transparent;
    cursor: pointer;
    color: #383838;
    line-height: 1;
    padding: 0;
    position: absolute;
    display: flex;
    right: 32px;
}

.popup-text-container {
    display: flex;
    gap: 8px;
    flex-direction: column;
    align-items: flex-start;
}

.popup-text-container p {
    margin: 0;
}

p.notification-text {
    font-size: 16px;
}

@media screen and (max-width: 768px) {
    .popup-window-container {
        top: 0;
    }
}


/*Заявление на подбор помещений*/
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    overflow-y: auto;
    scrollbar-width: none;
}

/* .modal-content {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    max-width: 500px;
    width: 90%;
    position: relative;
} */

/* .modal-close {
    position: absolute;
} */


.application-room-form {
    max-width: 778px;
    margin-top: 0px;
    padding: 40px;
    background: #fff;
    border-radius: 16px;
}

.room-title {
    color: #383838;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    text-transform: none;
}



.btn-exit.modal-close img {
    position: absolute;
    right: 40px;
}

/* form#application-form{
    width: 90%;
} */

.send-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
}


@media screen and (max-width: 480px) {
    .send-btn {
        padding-bottom: 50px;
    }
}

.error-message {
    display: none;
}

.range-wrapper {
    display: flex;
}

.description-application {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.description-application label {
    font-weight: 700;
}

.description-application textarea {
    border-radius: 8px;
    width: 100% !important;
    padding: 16px 20px;
    min-height: 172px;
    color: #A7A7A7;
    resize: none;
    border: 1px solid #E8E8E8;
    overflow-y: auto;
}

.range-wrapper {
    display: flex;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
}

.range-field {
    display: flex;
    align-items: center;
    padding: 10px;
    flex: 1;
}

.range-field input {
    border: none;
    outline: none;
    font-size: 14px;
    flex: 1;
    margin-left: 5px;
    background: transparent;
}

.range-label {
    color: #666;
    font-size: 14px;
    white-space: nowrap;
}

.divider-bar {
    width: 1px;
    background-color: #e1e1e1;
    height: 100% !important;
}

.range-field input {
    padding: 0;
}


.applicaiton-room-title {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /* padding-right: 40px; */
    margin-bottom: 40px;
}

.form-exit {
    position: absolute;
    right: 0;
    top: 30%;
    width: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}

/*Страница Услуг - детально*/

@media screen and (max-width: 480px) {
    input[type="image"] {
        width: 100%;
    }
}

.b-news-detail-text {
    overflow-x: auto;
    width: 100%;
}

/* Страница Личный кабинет сотрудника по вовлечению */

.lk-sidebar-employee {
    background: white;
    border-radius: 8px;
    width: 332px;
}

.lk-menu__header {
    padding: 28px;
    /* padding-bottom: 0px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

span.lk-menu__toggle {
    width: 32px;
    height: 32px;
    background: #027FEC;
    align-items: center;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

span.lk-menu__title {
    font-size: 20px;
    font-weight: 700;
}

.lk-menu-container {
    width: 100%;
    transition: width 0.3s ease;
}

/* Свернутое состояние главного меню */
.lk-menu-container.collapsed {
    width: 72px;
}

.lk-menu-container.collapsed .lk-menu__title {
    display: none;
}

.lk-menu-container.collapsed .lk-menu__text {
    display: none;
}

.lk-menu-container.collapsed .lk-menu__icon {
    margin-right: 0;
    display: flex;
    justify-content: center;
    width: 100%;
}

.lk-menu__toggle svg {
    transition: transform 0.3s ease;
}

.lk-menu-container.collapsed .lk-menu__toggle svg {
    transform: rotate(180deg);
}

.lk-menu-container.collapsed .lk-menu,
.lk-menu-container.collapsed .lk-menu__header {
    padding: 20px;
}

.lk-sidebar-employee.collapsed {
    width: 72px;
    transition: width 0.3s ease;
}

/*Кастомный хедер*/
.lk-custom-header {
    width: 100%;
    background: white;
    height: 88px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 48px;
}

a.lk-custom-header__nav {
    text-decoration: none;
    display: flex;
    gap: 6px;
}

.custom-header-logout-text {
    font-weight: 600;
    font-size: 14px;
}

.custom-logo-name-section {
    font-size: 20px;
    font-weight: 700;
}

.lk-custom-header__logo {
    display: flex;
    gap: 30px;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .lk-custom-header {
        padding: 0 20px;
    }

    .custom-logo-name-section {
        font-size: 16px;
    }
}


@media screen and (max-width: 480px) {
    .custom-logo-name-section {
        font-size: 14px;
    }

    .lk-custom-header__logo {
        gap: 12px;
    }
}

/* Мобильное меню (<800px) - вертикальный вариант */
@media (max-width: 800px) {
    .lk-sidebar-employee {
        width: 100% !important;
    }

    .lk-menu-container {
        width: 100% !important;
    }


    .lk-menu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        flex-direction: column;
        padding: 0 28px;
    }

    .lk-menu-container.open .lk-menu {
        max-height: 999px;
        padding-bottom: 28px;
    }

    .lk-menu__toggle svg {
        transition: transform 0.3s ease;
        transform: rotate(270deg);
    }

    .lk-menu-container.open .lk-menu__toggle svg {
        transform: rotate(90deg);
    }

    .lk-menu__title,
    .lk-menu__text,
    .lk-menu__icon {
        display: inline-flex !important;
    }

    .lk-menu__icon {
        margin-right: 8px;
        width: auto;
        justify-content: flex-start;
    }

    .lk-menu-container.collapsed {
        width: 100% !important;
    }
}



/*Страница Журнал регистрации заявок*/

.list-container-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.journal-name p.title {
    font-weight: 700;
    font-size: 20px;
}

.journal-nav-panel button.new-request {
    min-width: 170px;
    border-radius: 6px;
    border: none;
    background: #027FEC;
    color: white;
    margin: 0;
    padding: 8px 24px;
    transition: 0.3s ease;
    font-weight: 600;
}

button.new-request:hover {
    background: #006fd0;
}

button.new-request {
    border-radius: 6px;
    border: none;
    background: #027FEC;
    color: white;
    margin: 0;
    padding: 8px 24px;
    transition: 0.3s ease;
    font-weight: 600;
}

.journal-nav-panel button.new-request:hover {
    background: #006fd0;
}


div#notificationsList {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.journal-nav-panel {
    display: flex;
    gap: 12px;
    overflow-y: hidden;
    scrollbar-width: thin;
    padding-bottom: 5px;
    align-items: center;
}

.journal-nav-panel button.download {
    color: white;
    border: none;
    background: #FF8400;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    width: 85px;
    transition: 0.3s ease;
    line-height: 120%;
    height: 32px;
}

.journal-nav-panel button.download:hover {
    background-color: #e17400;
}

.journal-nav-panel button.filter-settings {
    border-radius: 6px;
    margin: 0;
    background: none;
    min-width: 32px;
    height: 32px;
    border: 1px solid #A7A7A7;
    transition: 0.3s ease;
}

.filter-icon {
    transition: transform 0.6s ease;
}

.filter-settings:hover .filter-icon {
    transform: rotate(180deg);
}

table,
tbody {
    border: none;
}

tr {
    border: white !important;
}

.journal-list {
    width: 100%;
    overflow: hidden;
}

.search-container {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 951px;
    border: 1px solid #ccc;
    padding: 2px;
    border-radius: 6px;
    position: relative;
    height: 32px;
}

.filter-chip {
    display: flex;
    align-items: center;
    background-color: #E6F2FD;
    padding: 5px 10px;
    border-radius: 4px;
    /* margin-right: 10px; */
    height: 26px;
}

.filter-text {
    font-size: 14px;
    font-weight: 600;
    color: #027FEC;
}

.clear-filter {
    background: none;
    border: none;
    color: #027FEC;
    font-size: 14px;
    margin-left: 5px;
    cursor: pointer;
    height: 26px;
    width: 26px;
    padding: 0;
}

.search-nav {
    max-width: 951px;
    width: 100%;
}

.search-input {
    flex: 1;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    color: #333;
    padding: 16px;
    font-weight: 600;
}

.search-icon {
    border: none;
    width: 32px;
    height: 32px;
    background: none;
}

.company-tooltip {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 12px;
    border-radius: 6px;
    z-index: 9999;
    width: 344px;
    max-width: 90vw;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0px 4px 30px 0px #00000026;
    transform: translateY(20px);
}

td.meter-table-element-td {
    position: relative;
}

.company-link {
    color: #027FEC;
    cursor: pointer;
    font-weight: 600;
    text-decoration: underline;
}

.status-link,
.doc-link {
    color: #027FEC;
    cursor: pointer;
    text-decoration: underline;
}

.status-link {
    font-weight: 500;
}

.doc-link {
    font-weight: 600;
}

table.meter-table-element.journal-table th:first-child,
table.meter-table-element.journal-table td:first-child {
    min-width: 45px !important;
    max-width: 45px !important;
}


.t-registration-col p,
.t-square-col p {
    margin: 0;
    line-height: 100%;
}

.t-registration-col,
.t-square-col {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.regist-tr {
    min-width: 190px;
}

.applicant-tr,
.adress-tr {
    min-width: 150px;
}

.number-tr,
.square-tr,
.days-tr {
    min-width: 125px;
}

.rate-tr {
    min-width: 112px;
}

.protocol-tr {
    min-width: 144px;
}

.status-tr {
    min-width: 136px;
}

.num-tr {
    min-width: 46px;
}

/*Вставка с текстом о компании*/
.tooltip-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

span#tooltip-name {
    color: #027FEC;
    font-size: 16px;
    font-weight: 600;
}

button.tooltip-close {
    width: 16px;
    height: 16px;
    background: none;
    border: none;
    padding: 0;
}

.tooltip-close .close-btn {
    width: 100%;
    height: 100%;
}

p.win-desc {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
}

span#tooltip-unp,
span#tooltip-address,
span#tooltip-phone,
span#tooltip-email {
    font-weight: 400;
}

.sorting-icon {
    transition: transform 0.3s ease;
    cursor: pointer;
}

.sorting-icon.flipped {
    transform: rotate(180deg);
}

.lk-moder-container {
    margin: 0 12px 12px;
}

th.col.contract.meter-table-element-th,
th.col.tax.meter-table-element-th,
th.col.service.meter-table-element-th {
    font-weight: 600;
    display: flex;
    justify-content: center;
}

th.num-tr.meter-table-element-th {
    text-align: center !important;
}


.journal-table th,
.journal-table td, .journal-table td:nth-child(8)[data-column="area"] {
    text-align: center;
}

tr.meter-table-row.meter-table-header-row th {
    text-align: start;
}

.journal-table td:nth-child(3),
.journal-table td:nth-child(6),
.journal-table td:nth-child(8),
.journal-table td:nth-child(12),
.journal-table td:nth-child(14),
.journal-table td:nth-child(15) {
    text-align: start;
}


.legend-container {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .legend-container {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

}

button.open-legend {
    font-size: 14px;
    font-weight: 600;
    border: #027FEC 1px solid;
    color: #027FEC;
    border-radius: 8px;
    padding: 6px 14px;
    background: none;
    transition: 0.3s ease;
    cursor: pointer;
}

button.open-legend:hover {
    background: #027FEC;
    color: white;
}

/*Легенда - подробно*/

.legend-detail-container {
    display: none;
    max-width: 740px;
    border-radius: 8px;
    background: white;
    padding: 16px;
    gap: 12px;
    flex-direction: column;
    /* position: fixed; */
    position: absolute;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    bottom: 80px;
}
.legend-detail-container .legend-data + .legend-data {
	margin-top: 12px;
}

@media (max-width: 768px) {
    .legend-detail-container {
        /* position: fixed; */
        position: absolute;
        bottom: 100px;
        left: 10px;
        right: 10px;
        width: auto;
        max-width: unset;
    }
}

p.comment {
    line-height: 110%;
    font-weight: 400;
    color: #000;
    font-size: 14px;
}

.legend-data {
    display: flex;
    gap: 12px;
    align-items: center;
    color: #383838;
    font-size: 14px;
    font-weight: 400;
}

.legend-data.text-desc1,
.legend-data.text-desc2,
.legend-data.text-desc3,
.legend-data.text-desc4,
.legend-data.text-desc5 {
    color: black;
}

.legend-data .text-example1,
.legend-data .text-example2,
.legend-data .text-example3,
.legend-data .text-example4,
.legend-data .text-example5 {
    border-radius: 8px;
    padding: 8px 14px;
}

.text-example1 {
    background: #FFF6CC;
}

.text-example2 {
    background: #E8F9EA;
}

.text-example3 {
    color: #FF0000;
}

.text-example4 {
    color: #FF0000;
    background: #FFF6CC;
}

.flip-pages {
    display: flex;
    align-items: center;
    gap: 4px;
}

.flip-pages button,
.flip-pages span {
    border: 1px solid #027FEC;
    background: white;
    color: #027FEC;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    min-width: 37px;
    min-height: 32px;
    text-align: center;
    font-weight: 600;
    transition: background 0.2s, color 0.2s;
}

@media screen and (max-width: 380px) {

    .flip-pages button,
    .flip-pages span {
        min-width: 20px;
    }
}

.flip-pages button:hover {
    background: #e3f2fd;
}

.flip-pages .active {
    background: #027FEC;
    color: white;
    font-weight: bold;
}

.flip-pages .active:hover {
    background: #006FD0;
}




.flip-pages .dots {
    border: none;
    background: none;
    cursor: default;
    padding: 0;
    margin: 0;
    color: #027FEC;
}

.flip-pages .flip-previous,
.flip-pages .flip-next {
    font-weight: bold;
    font-size: 16px;
}

/*Классы для легенды*/

tr.highlighted-new-yellow td {
    background: #FFF6CC;
}

tr.highlighted-new-green td {
    background: #E8F9EB;
}

tr.highlighted-red td {
    color: #FF0000;
}

tr.highlighted-attention-yellow td {
    color: #FF0000;
    background: #FFF6CC;
}

/*Каталог свободных площадей*/

main.free-spaces-list {
    width: 100%;
    overflow: hidden;
}

.spaces-name .title {
    font-size: 20px;
    font-weight: 700;
    color: #383838;
    margin-bottom: 24px;
}

button.btn-object-action {
    border: none;
    background: #A7A7A7;
    color: white;
    border-radius: 6px;
    font-weight: 600;
    padding: 9px 12px;
    min-width: 165px;
}

.spaces-table-container {
    margin-bottom: 24px;
}

.free-spaces-gap {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.tech-row {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.tech-row .icon img {
    filter: grayscale(1) brightness(1.5);
}

.label {
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    border-radius: 4px;
    padding: 5px;
}

.share-label--new {
    background: linear-gradient(135deg, #8caf0e 0%, #21bc71 100%);
}

.share-label--auction {
    background: linear-gradient(135deg, #e30a9e 0%, #db0936 100%);
    max-width: 55px;
	display: inline-block;
}

/* [class^="icon-"],
[class*=" icon-"] {
    width: 24px;
} */

td.td-adress-table.meter-table-element-td {
    text-align: start;
}

.table-links-number {
    font-weight: 600;
    font-size: 14px;
    color: #027FEC;
}

td.table-tech-img.meter-table-element-td,
td.table-floor-text.meter-table-element-td,
td.table-rate-info.meter-table-element-td {
    text-align: center;
}

td.table-classtype-room.meter-table-element-td,
td.table-date-rate.meter-table-element-td {
    text-align: start;
}

.table-link-changes {
    font-weight: 600;
    font-size: 14px;
    color: #027FEC;
    text-decoration: underline;
    cursor: pointer;
}


.meter-table-element-td .application-checkbox {
    margin: 0;
}

td.table-checkbox-input.meter-table-element-td {
    text-align: center;
}

td.table-num-link-center.meter-table-element-td {
    text-align: center !important;
}

.td-adress-table.unite-cell {
    position: relative;
}

/* 
.td-adress-table.unite-cell::after {
  content: "Блок";
  position: absolute;
  left: -62px;
  top: 50%; 
  transform: translateY(-50%) rotate(-90deg);
  background-color: #ff8400;
  color: #fff;
  border-radius: 6px;
  padding: 3px 5px;
} */

.unite-cell {
    position: relative;
}

.unite-label {
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    transform-origin: center center;
    background: orange;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
}

.meter-table-wrapper {
    position: relative;
    /* обязательно */
}

.block-label {
    position: absolute;
    left: -62px;
    transform: translateY(-50%) rotate(-90deg);
    background: #ff8400;
    color: #fff;
    border-radius: 6px;
    padding: 3px 5px;
    font-size: 14px;
    white-space: nowrap;
    pointer-events: none;
    z-index: 10;
}

.spaces-table-container {
    position: relative;
}

.unite-overlays {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.unite-overlay {
    position: absolute;
    transform: rotate(-90deg) translateY(-50%) translateX(15px);
    color: white;
    background: #FF8400;
    padding: 5px 8px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    z-index: 999;
    pointer-events: auto;
}


/*Стили легенды для страницы Журнала помещений*/

.legend-data .text-example1-journal,
.legend-data .text-example2-journal,
.legend-data .text-example3-journal,
.legend-data .text-example4-journal {
    border-radius: 8px;
    padding: 8px 14px;
}

.text-example1-journal {
    color: #000000;
    background: #FFF3E5;
}

.text-example3-journal {
    color: #FF0000;
    background: #E8E8E8;
}

.text-example4-journal {
    color: #FF0000;
    background: white;
}

.text-example5-journal {
	background: linear-gradient(135deg, #8caf0e 0%, #21bc71 100%);
	color: #fff;
	border-radius: 8px;
    padding: 8px 14px;
}

.text-example6-journal {
	opacity: 0.6;
	white-space: nowrap;
	color: #fff;
	border-radius: 8px;
    padding: 8px 14px;
	background: linear-gradient(135deg, #8caf0e 0%, #21bc71 100%);
}

.text-example7-journal {
	opacity: 0.6;
	color: #fff;
	white-space: nowrap;
	border-radius: 8px;
    padding: 8px 14px;
	background: linear-gradient(135deg, #8caf0e 0%, #21bc71 100%);
}

.text-example8-journal {
	opacity: 0.6;
	color: #fff;
	border-radius: 8px;
    padding: 8px 14px;
	background: linear-gradient(135deg, #8caf0e 0%, #21bc71 100%);
}

/*Классы для стилизации строк - Журнал помещений*/
.highlighted-example1-journal td {
    background: #FFF3E5;
}

.highlighted-example2-journal td {
    color: #FF0000;
    background: #E8F9EA;
}

.highlighted-example3-journal td {
    color: #FF0000;
    background: #E8E8E8;
}

.highlighted-example4-journal td {
    color: #FF0000;
    background: white;
}

.link-note-more {
    font-weight: 600;
    color: #027FEC;
    font-size: 14px;
}

/*Личный кабинет энергетика - показания электроэнергии*/
.electricity-maincontainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.electricity-maincontainer .title {
    color: #383838;
    font-weight: 700;
    font-size: 20px;
    line-height: 110%;
    margin-bottom: 22px;
}

.line-container {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
}

@media screen and (max-width: 800px) {
    /* .line-container {
        flex-direction: column;
    } */

    .primary-blue-btn.counting {
        min-width: 100% !important;
    }

    .search-input {
        padding: 0;
        width: 50%;
    }

    .line-container .download-btns {
        justify-content: center;
    }

    .secondary-orange-btn {
        width: 100% !important;
    }

}

.primary-blue-btn {
    border-radius: 6px;
    border: none;
    background: #027FEC;
    color: white;
    margin: 0;
    padding: 8px 24px;
    transition: 0.3s ease;
    font-weight: 600;
}

.primary-blue-btn.add-counter {
    min-width: 174px;
}

.primary-blue-btn.counting {
    min-width: 412px;
}

.primary-blue-btn:hover {
    background: #006fd0;
}

.secondary-orange-btn {
    color: white;
    border: none;
    background: #FF8400;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    width: 85px;
    transition: 0.3s ease;
    line-height: 120%;
    height: 32px;
}

.secondary-orange-btn:hover {
    background-color: #e17400;
}

.line-container button.filter-settings {
    border-radius: 6px;
    margin: 0;
    background: none;
    min-width: 32px;
    height: 32px;
    border: 1px solid #A7A7A7;
    transition: 0.3s ease;
}

button.secondary-orange-btn.create-dbf {
    min-width: 114px;
}

.line-container .docs-total-col {
    text-align: center;
}

.line-container .download-btns {
    display: flex;
    gap: 8px;
}

.electricity-maincontainer .bottom-container {
    display: flex;
    justify-content: flex-end;
}

/*ЛК энергетика - таблица показателей электроэнергии*/

tr.meter-table-row.line-result td {
    font-weight: 600;
    color: #027FEC;
    background-color: #E6F2FD;
}


th.adress-td.meter-table-element-th {
    min-width: 482px;
}


th.adrendator-td.meter-table-element-th {
    min-width: 280px;
}

/*чекбокс в журнале площадей*/

th.table-checkbox-input.meter-table-element-th .application-checkbox,
td.table-checkbox-input.meter-table-element-td .application-checkbox {
    width: 16px;
    height: 16px;
    margin: 0 auto;
    padding: 0;
}

th.table-checkbox-input.meter-table-element-th .application-checkbox .checkmark,
td.table-checkbox-input.meter-table-element-td .application-checkbox .checkmark {
    width: 16px;
    height: 16px;
}


th.table-checkbox-input.meter-table-element-th .application-checkbox .checkmark::after,
td.table-checkbox-input.meter-table-element-td .application-checkbox .checkmark::after {
    left: 4px;
    top: 1px;
    height: 8px;
}

/*ЛК - энергетика, ячейка с карандашом*/

.electricity-table-container .meter-table-header th:last-child,
.electricity-table-container .meter-table-body td:last-child {
    position: sticky;
    z-index: 1;
    right: 0;
    border-left: 1px solid #a7a7a7;
    padding: 12px 4px 12px 5px;
}

.electricity-table-container .meter-table-body td:last-child::before,
.electricity-table-container .meter-table-header th:last-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #a7a7a7;
}

.electricity-table-container .meter-table-header {
    z-index: 2;
}

button.btn-edit {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
}

.info-container {
    display: flex;
    gap: 8px;
}

.button-action-container {
    display: flex;
    gap: 8px;
}


@media screen and (max-width: 1220px) {
    .button-action-container {
        flex-direction: column;
    }

    .secondary-orange-btn {
        flex: 1;
    }
}

@media screen and (max-width: 860px) {
    .info-container {
        flex-direction: column;
    }
}

@media screen and (max-width: 480px) {
    .lk-moder-container {
        margin: 0;
    }
}

/*Журнал свободных площадей - адаптив*/

.free-spaces-gap .journal-nav-panel {
    align-items: start;
}

@media screen and (max-width: 1850px) {
    .free-spaces-gap .journal-nav-panel {
        flex-direction: column;
    }

    .journal-row.row-2 .search-container,
    .journal-row.row-2 .search-nav {
        max-width: initial;
    }
}

@media screen and (max-width:1500px) {
    .free-spaces-gap .journal-nav-panel {
        display: flex;
        flex-direction: column;
    }

    /*Текст в кнопках*/
    .free-spaces-gap .new-request,
    .free-spaces-gap .btn-object-action,
    .free-spaces-gap .download {
        font-size: 0 !important;
        position: relative;
    }

    .free-spaces-gap .new-request::after,
    .free-spaces-gap .btn-object-action::after,
    .free-spaces-gap .download::after {
        font-size: 14px;
        font-weight: 600;
        color: white;
        content: attr(data-label-short);
    }

    .free-spaces-gap .journal-nav-panel button.download::after {
        content: url("/upload/lk-journal/arrow-download.svg");
        display: inline-block;
        vertical-align: middle;
    }

    .free-spaces-gap .journal-nav-panel button.download {
        width: 40px;
    }
}

.journal-row {
    display: flex;
    gap: 12px;
    align-items: center;
}

.journal-row.row-1 {
    justify-content: flex-start;
    width: 100%;
}

.journal-row.row-2 {
    width: 100%;
}

.journal-row.row-3 {
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .journal-row.row-3 .docs-total-col {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .journal-row.row-1,
    .journal-row.row-2 {
        gap: 8px;
    }

}

.journal-row.row-1 .new-request,
.journal-row.row-1 .btn-object-action {
    min-width: initial;
    width: 100%;
}

@media screen and (max-width: 440px) {
    .journal-row.row-1 {
        flex-direction: column;
    }
}

@media screen and (max-width: 1180px) {
    .journal-row.row-3 {
        flex-direction: row;
    }

    .free-spaces-gap .journal-nav-panel .docs-total-col {
        display: flex;
        align-items: center;
        flex: 1;
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .journal-row.row-3 {
        flex-direction: column;
        gap: 8px;
    }

}

/*Строка в журнале заявок*/

@media screen and (max-width: 1500px) {
    .list-container-block .journal-nav-panel {
        flex-direction: column;
    }

    /* .list-container-block .journal-nav-panel button.new-request {
        max-width: 250px;
    } */

    .list-container-block .download {
        font-size: 0 !important;
        position: relative;
    }

    .list-container-block .download::after {
        font-size: 14px;
        font-weight: 600;
        color: white;
        content: attr(data-label-short);
    }

    .list-container-block .journal-nav-panel button.download::after {
        content: url("/upload/lk-journal/arrow-download.svg");
        display: inline-block;
        vertical-align: middle;
    }

    .list-container-block .journal-nav-panel button.download {
        width: 40px;
    }

    .list-container-block .journal-nav-panel button.new-request,
    .list-container-block .docs-total-col {
        text-align: center;
    }
}

@media screen and (max-width: 1000px) {
    .list-container-block .journal-nav-panel {
        width: 100%;
        padding: 0;
    }

    .list-container-block .journal-row.row-3 {
        flex-direction: column;
    }

    .list-container-block .docs-total-col {
        width: 100%;
    }
}


/*ЛК энергетика: строка в показаниях счетчиков*/

@media screen and (max-width: 1765px) {

    .line-rows.row-1,
    .line-rows.row-2 {
        display: flex;
        gap: 8px;
    }

    .line-container {
        flex-direction: column;
    }
}

@media screen and (max-width: 1160px) {
    .line-rows.row-1 {
        flex-direction: column;
    }

    .line-rows.row-3 {
        display: flex;
        gap: 8px;
    }
}

/*Класс custom nomenu - для страниц лк без меню*/

.custom-nomenu {
    border-radius: 16px;
}

/* Стили для функционала сравнения */

/* Иконка сравнения */
.icon-compare {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,');
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}


.catalog-card__compare-link.active {
    background-color: #4CAF50;
    color: white;
}

/* Счетчик сравнения в шапке */
.header-compare {
    display: inline-block;
    margin-right: 15px;
}

.header-compare .header-btn {
    position: relative;
}

.compare-count {
    position: absolute;
    top: -5px;
    right: -5px;
    display: none;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    background-color: #ff5722;
    color: white;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    padding: 0 5px;
}

/* Страница сравнения */
.compare-page {
    margin-bottom: 30px;
}

.compare-page__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.compare-page__title {
    font-size: 24px;
    font-weight: bold;
}

.compare-page__clear {
    color: #ff5722;
    text-decoration: underline;
    cursor: pointer;
}

.compare-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e0e0e0;
}

.compare-table th,
.compare-table td {
    padding: 10px;
    border: 1px solid #e0e0e0;
    text-align: left;
}

.compare-table th {
    background-color: #f8f8f8;
    font-weight: bold;
}

.compare-table__image {
    max-width: 200px;
    height: auto;
}

.compare-table__remove {
    color: #ff5722;
    cursor: pointer;
    text-decoration: underline;
}

/* Уведомления */
.notification-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
}

.notification {
    padding: 15px 20px;
    margin-bottom: 10px;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.notification.show {
    opacity: 1;
}

.notification.success {
    background-color: #4CAF50;
}

.notification.error {
    background-color: #F44336;
}

/*Карта сайта*/
table.map-columns ul.map-level-0 {
    list-style: none;
    display: flex;
    padding: 32px;
    flex-direction: column;
    gap: 12px;
    margin: 0px !important;
}

table.map-columns ul.map-level-0 a {
    color: #383838;
    text-decoration: none;
    transition: 0.3s ease;
}

table.map-columns {
    width: 100%;
    background: white;
    border-radius: 16px;
}

table.map-columns ul.map-level-0 a:hover {
    color: #027fec;
}

/*лейбл у акционов*/

.labels-row span.label.share-label--auction {
    font-size: 14px;
}

.labels-row {
    width: 124px;
}

label#citySelect-error {
    margin-top: 2px;
}

/*Модальное окно добавления уведомлений*/
div#notificationModal .modal-header {
    background: none;
    display: flex;
    justify-content: center;
}

div#notificationModal .form-group label {
    font-weight: 700;
}

div#notificationModal .form-group span {
    font-weight: 600;
}

div#notificationModal button.cancel-btn {
    flex: 0 auto;
    border: 1px solid var(--primary-color);
    color: #027FEC;
    background-color: #fff;
}

div#notificationModal button.cancel-btn:hover {
    background-color: var(--hover-color);
    transform: none;
    box-shadow: none;
    color: white;
}

div#notificationModal .modal-header h2 {

    color: #383838;
    font-weight: 700;
    font-size: 24px;
    text-transform: none;
}

div#notificationModal .close {
    color: #383838;
    position: absolute;
    right: 0;
    padding-right: 24px;
}

form#notificationForm input#title,
form#notificationForm input#sendDate,
form#notificationForm textarea#messageText {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    width: 100%;
}

form#notificationForm .submit-btn {
    padding: 12px;
    background: #027FEC;
    border-radius: 8px;
    color: white;
    transition: 0.3s ease;
}

form#notificationForm .submit-btn:hover {
    transform: none;
    box-shadow: none;
    background: var(--hover-color);
}

@media screen and (max-width: 480px) {
    div#notificationModal .modal-content {
        margin: 0;
        max-width: initial;
        width: 100%;
        max-height: 100%;
        border-radius: 0;
    }
}

/*Модальное окно Ссылка на подборку*/

div#shareSelectionModal .modal-header h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    text-transform: math-auto;
    color: #383838;
}

div#shareSelectionModal .modal-header {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 0px;
    margin: 0;
    padding: 32px 32px 16px 32px;
}

div#shareSelectionModal .share-link-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    width: 100%;
    gap: 20px;
    margin: 12px 0px;
}

div#shareSelectionModal button#copyLinkBtn {
    height: initial;
    background: none;
    color: currentColor;
    width: initial;
    right: 0;
    color: var(--primary-color);
    padding: 0;
    transition: 0.3s ease;
    display: flex;
    gap: 4px;
    flex-direction: row;
    padding-right: 10px;
}

div#shareSelectionModal button#copyLinkBtn:hover {
    color: var(--hover-color);
}

div#shareSelectionModal .modal-footer {
    display: none;
}

div#shareSelectionModal span.modal-close {
    position: absolute;
    right: 40px;
}

div#shareSelectionModal .modal-body {
    padding: 16px 40px 40px 40px;
}

div#shareSelectionModal input#shareLink {
    border: none;
    width: 100%;
    color: #383838;
    text-overflow: ellipsis;
}

div#shareSelectionModal .share-link-container label {
    font-weight: 700;
    font-style: Bold;
    font-size: 14px;
    line-height: 100%;
}

div#shareSelectionModal label {
    font-weight: 700;
}

div#shareSelectionModal button#copyLinkBtn:active {
    box-shadow: none;
}

@media screen and (max-width: 480px) {
    div#shareSelectionModal .share-link-container {
        flex-direction: column;
    }

    div#shareSelectionModal span.modal-close {
        right: 20px;
    }
}

/**/

button#clearSelectionBtn {
    padding: 0;
    height: 32px;
    width: 140px;
}

.journal-row.row-1 button.btn-object-action {
    height: 32px;
    max-width: 284px;
    padding: 0px;
}

.journal-row.row-1.custom-line {
    max-width: 430px;
}

@media screen and (max-width: 1180px) {
    .journal-row.row-1.custom-line button.btn-object-action {
        flex: 1;
        max-width: initial;
    }

    .journal-row.row-1.custom-line button#clearSelectionBtn {
        flex: 1;
        width: 100%;
    }

    .journal-row.row-1.custom-line {
        display: flex;
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .journal-row.row-1.custom-line button.btn-object-action {
        padding: 12px 9px;
    }

    .journal-row.row-1.custom-line button#clearSelectionBtn {
        padding: 12px 9px;
    }
}

/*Изображение на главном экране*/

img.main-slider__img.lazy.lz-loading,
picture.main-slider__image_container,
.main-slider .swiper-slide {
    max-height: 628px;
    height: 628px;
}

.citrus-sf-field._open[data-template="NUMBERS"] .citrus-sf-values {
    top: 45px !important;
}

/*Стили для модального окна вопроса*/
#surveyModal .application-room-form {
    min-width: 600px;
}

body #surveyModal .form-exit {
    top: 0px;
    transform: initial;
}

body #surveyModal .modal-close {
    top: initial;
}

#surveyModal input.citrus-sf__button._submit {
    min-width: 140px;
}

@media screen and (max-width: 768px) {
    body #surveyModal .application-room-form {
        width: 100%;
        min-width: initial;
        height: 100%;
        border-radius: 0px;
		position: relative;
    }

    body #surveyModal .modal-close {position: unset;}
    body #surveyModal .application-room-form {position: relative;}    
	body #surveyModal .application-room-form .form-exit {top: 24px; right: 24px; width: 32px;}       
	#surveyModal .applicaiton-room-title {margin: 0 auto 24px; position: unset; width: 80%;}

}



span.vote-answer-item.vote-answer-item-radio {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    align-items: center;
}


.vote-form-box-buttons.vote-vote-footer {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}



span.vote-answer-item.vote-answer-item-textfield input {
    border: none;
    border-bottom: 1px solid #A7A7A7;
    width: 100%;
    background: none;
    padding: 8px;
}

span.vote-answer-item.vote-answer-item-textfield input:focus-visible {
    outline: none;
}

span.vote-answer-item.vote-answer-item-radio [type="checkbox"],
[type="radio"] {
    width: 16px;
    height: 16px;
}

/*Анимация галочки*/

.approve_icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    --green-brn-approve: #1FC119;
    box-shadow: inset 0px 0px 0px var(--green-brn-approve);
    animation: fill 0.4s ease-in-out 0.4s forwards,
        scale 0.3s ease-in-out 0.9s both;
}

.approve_icon_circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: var(--green-brn-approve);
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.approve_icon_check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {

    0%,
    100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px var(--green-brn-approve);
    }
}

.approving-sticker {
    height: 64px;
    width: 64px;
    margin: 0 auto;
}

p font.notetext {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 768px) {
    body div#custom-modal-content {
        display: flex;
        height: 100%;
        width: 100%;
        margin-top: 0px;
        justify-content: center;
    }

    #custom-modal-overlay {
        background: white !important;
    }

    div#custom-modal-overlay {
        height: 100%;
        overflow-x: hidden;
    }
}

@media screen and (max-width: 460px) {
    .application-form .application-policy {
        gap: 32px;
    }

}

div#custom-modal-content h3.application-title-text {
    margin: 0;
}

.appli-btn-close.apll-con {
    right: 32px;
    top: 32px;
}

.application-container .appli-btn-close {
    top: 24px;
    right: 24px;
}

/*Кнопка добавить системное уведомление*/
body .add-notification-btn {
    background: var(--primary-color);
    color: white;
    border-radius: 8px;
    transition: 0.3s ease;
}

.add-notification-btn:hover {
    background: var(--hover-color);
}

.block-container-notify {
    cursor: pointer;
    transition: 0.3s ease;
}

.block-container-notify:hover {
    background: var(--primary-color);
}

.block-container-notify:hover .notification-time,
.block-container-notify:hover .notification-text {
    color: white;
}

/*Стили страницы ЛК Аукционы*/

.origin-header {
    font-size: 20px;
    font-weight: 700;
    color: #383838;
    margin-bottom: 24px;
    text-align: left;
}

.lk-auctions__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
    .lk-auctions__header {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }
}

.notification-form textarea#messageText {
    resize: none;
}

.notification-form label.radio-option {
    display: grid;
    grid-template-columns: 16px 1fr;
    gap: 6px;
    align-items: center;
}

/*Страница редактирования элемента ЛК Аукционы - edit/add*/

.lk-auction-edit .form-group label,
.lk-auction-add .form-group label {
    display: block;
    font-weight: 700;
    color: #333;
}

span.required {
    color: red;
}

.lk-auction-edit button.btn.btn-primary,
.lk-auction-add button.btn.btn-primary {
    background: var(--primary-color);
    color: white;
    border-radius: 8px;
    transition: 0.3s ease;
}

.lk-auction-edit a.btn,
.lk-auction-add a.btn {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    background-color: #fff;
    transition: 0.3s ease;
}

.lk-auction-edit button.btn.btn-primary:hover,
.lk-auction-add button.btn.btn-primary:hover {
    background-color: var(--hover-color);
}

.lk-auction-edit a.btn:hover,
.lk-auction-add a.btn:hover {
    background-color: var(--primary-color);
    color: white;
}

.lk-auction-edit #addingLots.no-body-rows .meter-table-element-th,
.lk-auction-edit #addingLots.no-body-rows .meter-table-element td,
.lk-auction-edit #selectedLots.no-body-rows .meter-table-element-th,
.lk-auction-edit #selectedLots.no-body-rows .meter-table-element td {
    border-bottom: none !important;
}

.lk-auction-add #addingLots.no-body-rows .meter-table-element-th,
.lk-auction-edd #addingLots.no-body-rows .meter-table-element td {
    border-bottom: none !important;
}

.lk-auction-edit button.btn-cancel-add,
.lk-auction-edit button.btn-remove-room,
.lk-auction-add button.btn-cancel-add,
.lk-auction-add button.btn-remove-room {
    background: var(--primary-color);
    color: white;
    border-radius: 8px;
    transition: 0.3s ease;
    cursor: pointer;
    border: none;
    padding: 9px 12px;
}

.lk-auction-edit .custom-select-wrapper,
.lk-auction-add .custom-select-wrapper,
.report-container .custom-select-wrapper {
    position: relative;
    width: 100%;
}

.lk-auction-edit .custom-select,
.lk-auction-add .custom-select .report-container .custom-select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    cursor: pointer;
    padding-right: 30px;
}

.lk-auction-edit .custom-select-wrapper::after,
.lk-auction-add .custom-select-wrapper::after,
.report-container .custom-select-wrapper::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    background: url(/upload/bottom-arrow.svg) no-repeat center;
    background-size: contain;
    pointer-events: none;
    transition: transform 0.3s ease;
}

.lk-auction-edit .custom-select-wrapper.open::after,
.lk-auction-add .custom-select-wrapper.open::after,
.report-container .custom-select-wrapper.open::after {
    transform: translateY(-50%) rotate(180deg);
}

.lk-auction-edit form,
.lk-auction-add form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}


.lk-auction-edit input.js-datetime.flatpickr-input.flatpickr-mobile {
    /* padding: 8px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 4px; */
}

.lk-auction-edit .bx-ed-type-selector,
.lk-auction-add .bx-ed-type-selector {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.lk-auction-edit span.bx-ed-type-selector-item,
.lk-auction-add span.bx-ed-type-selector-item {
    display: flex;
    gap: 6px;
    align-items: center;
}

.lk-auction-edit span.bx-ed-type-selector-item label,
.lk-auction-add span.bx-ed-type-selector-item label {
    font-weight: 400 !important;
}


@media screen and (max-width: 920px) {

    .lk-auction-edit form,
    .lk-auction-add form {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

}

@media screen and (max-width: 1100px) {

    .lk-auction-edit div.bx-html-editor,
    .lk-auction-add div.bx-html-editor {
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

/*---*/

#custom-modal-overlay .application-container {
    padding: 40px;
}

/*Стили страницы ЛК Опросник*/
.lk-oprosnik .summary {
    font-size: 20px;
    font-weight: 700;
    color: #383838;
    margin-bottom: 34px;
    text-align: left;
}

form.filter.oprosnik {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin-bottom: 12px;
}

.oprosnik-custom-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}


a.standart-blue-btn {
    background: var(--primary-color);
    padding: 8px 24px;
    text-decoration: none;
    color: white;
    border-radius: 6px;
    transition: 0.3s ease;
    font-size: 14px;
    font-weight: 600;
}

.lk-oprosnik a.standart-blue-btn {
    min-width: 283px;
}

a.standart-blue-btn:hover {
    background: var(--hover-color);
}

button.standart-blue-btn {
    background: var(--primary-color);
    padding: 8px 24px;
    text-decoration: none;
    color: white;
    border-radius: 6px;
    transition: 0.3s ease;
    font-size: 14px;
    font-weight: 600;
    border: none;
}

button.standart-blue-btn:hover {
    background: var(--hover-color);
}

select.select-field.opros {
    border: 1px solid #A7A7A7;
    border-radius: 6px;
    padding: 5px 12px;
    flex: 1;
}

.opros-fields.container {
    display: flex;
    gap: 12px;
    width: 100%;
}

.lk-oprosnik .actions {
    display: flex;
}

.oprosnik-custom-col label {
    font-weight: 700;
    font-style: Bold;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
}

.oproskin-main-container {
    display: flex;
    gap: 16px;
    width: 100%;
}

.opros-btn.container {
    display: flex;
    gap: 12px;
}



/*Диаграмма в ЛК - Опросник*/
.diagram-container-opros {
    margin: 80px auto;
    height: 100%;
    text-align: center;
}

div#oprosnikLegend {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 16px;
    justify-items: start;
    font-size: 13px;
    text-align: left;
    width: 80%;
    margin: 100px auto;
}

.diagram-section.opros {
    border-radius: 8px;
    border: 1px solid #E8E8E8;
    flex: 1;
}

canvas#oprosnikChart {
    display: block;
    margin: 0px auto;
    box-sizing: border-box;
    height: 300px;
    width: 300px;

}

@media screen and (max-width: 1500px) {
    div#oprosnikLegend {
        grid-template-columns: initial;
        justify-content: center;
    }
}

@media screen and (max-width: 1040px) {
    .oproskin-main-container {
        flex-direction: column;
    }

    form.filter.oprosnik {
        flex-direction: column;
    }

    .opros-btn.container {
        width: 100%;
    }

    button.standart-blue-btn {
        width: 100%;
    }
}

@media screen and (max-width: 520px) {
    .opros-btn.container {
        display: flex;
        flex-direction: column;
    }

    .lk-oprosnik a.standart-blue-btn {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 480px) {
    canvas#oprosnikChart {
        width: 200px;
        height: 200px;
    }

    .diagram-container-opros {
        margin: 40px auto;
    }

    div#oprosnikLegend {
        margin: 40px auto;
    }
}

@media screen and (max-width: 380px) {
    .lk-oprosnik a.standart-blue-btn {
        min-width: initial;
        justify-content: center;
        text-align: center;
    }
}


/*---*/

.lk-oprosnik .meter-table {
    flex: 1;
}

.lk-oprosnik .meter-table-element tr:last-child td {
    background: #F5F5F5;
}

.lk-oprosnik .meter-table-element th:first-child,
.lk-oprosnik .meter-table-element td:first-child {
    min-width: 70px;
    max-width: initial;
}

/*ЛК - Опросник Поля с выпадающим списком*/
.lk-oprosnik .custom-select-wrapper,
.report-container .custom-select-wrapper {
    position: relative;
    width: 100%;
}

.lk-oprosnik .custom-select,
.report-container .custom-select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    cursor: pointer;
    padding-right: 30px;
}

.lk-oprosnik .custom-select-wrapper::after,
.report-container .custom-select-wrapper::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    background: url(/upload/bottom-arrow.svg) no-repeat center;
    background-size: contain;
    pointer-events: none;
    transition: transform 0.3s ease;
}

.lk-oprosnik .custom-select-wrapper.open::after,
.report-container .custom-select-wrapper.open::after {
    transform: translateY(-50%) rotate(180deg);
}

/* ЛК - Опросник Поля с выпадающим списком */
@font-face {
    font-family: 'Wix Madefor Display';
    src: url('/local/templates/citrus_arealty3/fonts/WixMadeforDisplay-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}


body {
    cursor: inherit;
    font-family: 'Wix Madefor Display', sans-serif;
}


.page-404__image {
    width: 450px;
    margin-bottom: 25px;
}

.page-404 .section-description {
    display: block;
}

@media screen and (max-width: 768px) {
    .page-404__image {
        width: 250px;
    }
}

.page-404-title {
    font-size: 20px;
    font-weight: 700;
}

.section-description {
    font-size: 14px;
    font-weight: 500;
}

/* auth */
.lk__form-w,
.lk__text-w {
    background-color: #FFFFFF;
}

.lk__form-w {
    border-radius: 16px;
    width: 600px;
}

.lk__text-w {
    display: none;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.lk {
    background-color: unset;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: 0 auto;
    align-items: center;
}


.form-group .field-title {
    all: unset;
    color: black;
    font-size: 14px;
    font-weight: 700;
}

.form-group .field-title._active {
    transform: initial;
    font-size: 14px;
}

.lk--form .form-group .field-title._active {
    color: black;
}

.form-group-btn__description,
.form-group-btn__description a {
    color: #027FEC;
}

.form-group-btn__description a:hover {
    color: black;
}

.bx-no-touch .btn.btn-transparent:hover,
.btn.btn-transparent:focus {
    background-color: #006FD0;
    color: white;
}

.button-position-right .btn.btn-transparent {
    width: 215px;
}

.starrequired {
    color: #027FEC;
}

.btn.btn-transparent {
    color: white;
    background-color: #027FEC;
    border: none;
    border-radius: 8px;
    font-size: 14px;
}

.btn.btn-transparent:hover,
.btn.btn-transparent:active {
    color: white;
    background-color: #027FEC;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* :not(._with-agreement)> */

.button-position-right {
    width: initial;
    margin-left: initial;
}

.form-group-btn__description {
    width: initial;
    font-weight: 600;
}

.citrus-form .form-control {
    background-color: white;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
}


.custom-auth-title {
    color: #383838;
    font-size: 24px;
    font-weight: 700;
}

.form-group .field-title {
    color: #383838;
}


.blue-text-msg {
    background-color: #E6F2FD;
    border-radius: 8px;
    padding: 16px;
    grid-template-columns: 16px 1fr;
    display: grid;
    gap: 12px;

}

p.text-auth {
    color: black;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    line-height: 120%;
}

.blue-text-container {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-group.form-group-btn {
    margin-top: 24px;
}


@media screen and (max-width: 768px) {

    .lk,
    .lk__form-w {
        width: 100%;
    }
}

/* хлебные крошки */
.nav-breadcrumbs {
    display: flex;
    align-items: center;
}

.breadcrumbs-item .btn-label,
.breadcrumbs-item-current .btn-label {
    padding: 0;
}

.nav-panel {
    padding: 32px 0px 16px 0px;
}

/* 404 стили */
.section-description {
    font-family: 'Wix Madefor Display', sans-serif;
}

/* Отступ страницы */
/* .section._with-padding .section-inner {
    padding: 0px;
} */

.lk--form {
    margin-top: 0px;
}



.section__header h1 {
    margin-top: 0;
    display: flex;
    font-size: 28px;
    font-weight: 700;
    text-align: start;
}


.section__header {
    /* margin-bottom: 48px; */
    margin-bottom: 32px;
}

/* Услуги */
.article-item {
    border: none;
    margin: 0px;

}

.article-user-name {
    color: #383838;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    transition: .3s ease;
}

.article-user {
    display: flex;
    align-items: center;
}

.custom-goto-services {
    display: none;
}

.article-desc {
    display: none;
}

.article-user-ava span {
    min-width: initial;
    width: 100px;
}

.custom-services-pics {
    width: 90px;
    height: 90px;
    max-width: initial !important;
    transition: .3s ease;
}

.article-item:hover .custom-services-pics {
    transform: scale(1.1);
}

.article-item:hover .article-user-name {
    color: #006FD0;
}

.article-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 0px;
    gap: 80px 20px;
}

.tac {
    display: none;
}


@media screen and (max-width: 1300px) {
    .article-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 1000px) {
    .article-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 0px;
    }

    .article-item {
        margin: 0;
    }

    .article-user-ava span {
        width: 50px;
    }

    .section__header {
        margin-bottom: 20px;
    }
}


@media screen and (max-width: 768px) {
    .article-list {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
    }

    .article-item {
        padding: 0;
    }

    .custom-services-pics {
        width: 60px;
        height: 60px;
    }


    /* section.section._with-padding .section-inner {
        padding: 0;
    } */

    .section__header {
        margin-bottom: 20px;
    }

}

@media screen and (max-width: 392px) {
    .article-body .article-user {
        flex-direction: row;
    }
}

/*cookie*/

.cookie-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
}

.cookie-header-text {
    display: flex;
    display: flex;
    align-items: center;
    gap: 12px;

}

.cookie-desc-container {
    display: flex;
}

.cookie-banner {
    display: flex;
    align-items: center;
    bottom: 20px;
    overflow: hidden;
    position: fixed;
    background: #fff;
    border-radius: 16px;
    /* box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); */
    padding: 24px;
    display: flex;
    gap: 20px;
    left: 50%;
    transform: translateX(-50%);
    align-items: center;
    z-index: 10000;
    margin: 0 auto;
    width: 90%;
}

.cookie-desc-text {
    color: #282828;
}

.cookie-text strong {
    font-weight: 700;
}

.cookie-icon {
    font-size: 32px;
    flex-shrink: 0;
}

.cookie-text {
    flex-grow: 1;
    font-size: 16px;
    color: #383838;
}

.cookie-text p {
    margin: 4px 0 0;
    font-size: 14px;
    color: #333;
}


.cookie-setting {
    font-weight: 600;
    color: #027FEC;
}

.cookie-buttons {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-shrink: 0;
}

.cookie-btn {
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    font-size: 14px;
    transition: .3s ease;
    border: 1px solid transparent;
}

.cookie-btn.accept {
    background-color: #027FEC;
    color: white;
    width: 140px;
    padding: 14px 32px;
    font-weight: 600;
}

.cookie-btn.accept:hover {
    background-color: #006FD0;
}

.cookie-btn.decline {
    background-color: white;
    color: #027FEC;
    width: 140px;
    border: 1px solid #027FEC;
    padding: 14px 32px;
    font-weight: 600;
}

.cookie-btn.decline:hover {
    color: white;
    background-color: #006FD0;
}

@media (max-width: 1020px) {
    .cookie-banner {
        position: fixed;
        /* bottom: 35%; */
        left: 0;
        right: 0;
        transform: initial;
        border-radius: 8px;
        width: 90%;
        padding: 16px;
        flex-direction: column;
        align-items: flex-start;
        background: #fff;
        /* box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2); */
    }

    .cookie-buttons {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        gap: 8px;
    }

    .cookie-btn {
        width: 100%;
    }

    .cookie-icon img {
        width: 32px;
        height: 32px;
    }

    .cookie-btn.accept {
        background-color: #027FEC;
        color: white;
        border-color: #027FEC;
        width: 132px;
        padding: 14px 24px;
    }

    .cookie-btn.decline {
        background-color: white;
        color: #027FEC;
        border: 1px solid #027FEC;
        width: 132px;
        padding: 14px 24px;
    }
}

/* settings cookie */
.cookie-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 30px;
    border-radius: 16px;
    z-index: 10000;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    max-width: 500px;
    width: 90%;
}

.settings-scroll {
    max-height: 500px;
    overflow-y: auto;
    padding-right: 10px;
}

.settings-scroll::-webkit-scrollbar {
    width: 4px;
}

.cookie-seetings {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #383838;
}

.cookie-seetings-header {
    font-size: 16px;
    font-weight: 700;
    padding: 16px 0px;
}

.setting-desc {
    color: #383838;
    margin-bottom: 16px;
}

.switch-cookie {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 20px;
}

.switch-cookie input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider-cookie {
    position: absolute;
    cursor: pointer;
    background-color: #ccc;
    border-radius: 10px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: background-color 0.3s;
}

.slider-cookie::before {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 2px;
    background-color: white;
    border-radius: 10px;
    transition: transform 0.3s;
}

.cont-content {
    display: grid;
    align-items: center;
    gap: 12px;
    grid-template-columns: 32px 1fr;
    width: 100%;
}

input:checked+.slider-cookie {
    background-color: #027FEC;
}

input:checked+.slider-cookie::before {
    transform: translateX(10px);
}

.btn-cookie {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.btn-cookie-save {
    background-color: #027FEC;
    color: white;
    padding: 14px 32px;
    border: none;
    border-radius: 8px;
}

.btn-cookie-save:hover {
    background-color: #006FD0;
}


@media screen and (max-width: 480px) {
    .cookie-seetings-header {
        font-size: 14px;
    }

}

/* modal popup */
.btn.modal-close-btn {
    display: none;
}

.modal-title {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center !important;
    text-transform: none;
    font-size: 24px;
    font-weight: 700;
    color: #383838;
}

.modal-w-400 {
    max-width: 778px;
    background: white;
    border-radius: 16px;
}

.modal-header {
    background-color: white;
    border-radius: 16px 16px 0px 0px;
}

.modal-body {
    border-radius: 0px 0px 16px 16px;
}

.modal-content {
    box-shadow: none;
}


/*auktsiony*/
.auktsiony-main-contrainer {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

h3.auktsiony-desc {
    font-weight: 700;
    font-size: 24px;
    text-transform: none;
    font-family: 'Wix Madefor Display';
}

.auktsiony-tabs {
    background: #FFFFFF;
    padding: 40px;
    border-radius: 16px;
}

.tabs-col {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.aukt-column-name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
}

.aukt-column-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.auktsiony-more {
    width: 135px;
    display: flex;
    border-radius: 8px;
    border: 1px solid #027FEC;
    align-items: center;
    justify-content: center;
    color: #027FEC;
    padding: 8px 16px;
    font-weight: 600;
    transition: .3s ease;
}

.auktsiony-more:hover {
    color: white;
    background-color: #027FEC;
}

a.tabs-col__btn {
    text-decoration: none;
}

@media screen and (max-width: 680px) {
    .tabs-col {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    h3.auktsiony-desc {
        text-align: left;
    }

    .auktsiony-tabs {
        padding: 20px;
    }
}

/*Заявка на аренду*/

.application-container {
    position: relative;
    cursor: pointer;
}

.appli-btn-close {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 10px;
}

.application-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
}

.application-field label {
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: 700;
    margin: 0;
}

.application-field {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.application-field input,
.application-field select {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    width: 100%;
}

.application-container {
    max-width: 778px;
    /* margin: auto; */
    padding: 24px;
    background: #fff;
    border-radius: 8px;
}


.application-section {
    color: #383838;
}

.application-title-text {
    color: #383838;
    font-weight: 700;
    font-size: 24px;
    text-transform: none;

}

.application-row {
    display: grid;
    grid-template-columns: 343px 343px;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 24px;
}

.title-apl {
    display: flex;
    justify-content: space-between;
}

.rental-title {
    text-transform: none;
    font-size: 20px;
    font-weight: 700;
}

a.clear-list {
    text-decoration: none;
    font-weight: 600;
}

.application-policy {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.application-checkbox {
    display: flex;
    cursor: pointer;
    position: relative;
    padding-left: 32px;
    margin-bottom: 16px;
    font-size: 14px;
    height: 20px;
    color: #000;
    gap: 3px;
    user-select: none;
    align-items: center;
}

.application-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #027FEC;
    border-radius: 4px;
    box-sizing: border-box;
    transition: all 0.2s ease;
}

.checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.application-checkbox input:checked~.checkmark {
    background-color: #027FEC;
    border-color: #027FEC;
}

.application-checkbox input:checked~.checkmark::after {
    display: block;
}

.application-link {
    color: #007bff;
    text-decoration: underline;
    font-weight: 600;
}


.name-block {
    display: flex;
    margin-bottom: 25px;
    align-items: center;
    justify-content: space-between;
}

.selected-quantity {
    font-size: 14px;
    color: #027FEC;
    font-weight: 600;
}

.application-confirm {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}

.save-btn-custom {
    padding: 12px;
    background: #027FEC;
    border: none;
    border-radius: 8px;
    color: white;
    width: 140px;
    font-weight: 600;
    font-size: 14px;

}

.file-upload-container {
    margin: 40px auto;
}

.file-upload-label {
    display: block;
    border: 2px dashed #027FEC;
    padding: 40px 20px;
    text-align: center;
    border-radius: 12px;
    background-color: #E6F2FD;
    cursor: pointer;
    position: relative;
    transition: border-color 0.3s, background-color 0.3s;
}

.file-attention-name {
    font-size: 16px;
    font-weight: 700;
}

.file-upload-label:hover {
    border-color: #027FEC;
    background-color: #027fec3d;
}

.file-upload-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.file-upload-icon svg {
    width: 48px;
    height: 48px;
    fill: none;
}

.file-upload-text p {
    margin: 4px 0;
    color: #027FEC;
    font-size: 14px;
}

.file-upload-input {
    display: none;
}

@media screen and (max-width: 768px) {
    .application-row {
        display: flex;
        flex-direction: column;
        margin-bottom: 24px;
        gap: 24px;
    }

    .name-block {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
}


.add-more {
    font-size: 14px;
    color: #757575;
    cursor: pointer;
    position: absolute;
    /* padding-right: 16px; */
    user-select: none;
    padding-top: 10px;
    right: 12px;
}

.add-more::after {
    content: '';
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#custom-modal-overlay {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto;

    -ms-overflow-style: none;
    scrollbar-width: none;

}

#custom-modal-overlay::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari */
}

.custom-modal-wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 778px;
    background: #fff;
    border-radius: 12px;
    box-sizing: border-box;
    margin-top: 20px;
}

.select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.select-wrapper select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    padding: 8px 36px 8px 12px;
    font-size: 14px;
    width: 100%;
    height: 40px;
    cursor: pointer;
    z-index: 2;
    position: relative;
    background-image: none !important;
}

.select-wrapper .custom-arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 8px;
    pointer-events: none;
    z-index: 3;
}


.room-input-wrapper {
    position: relative;
    width: 100%;
}

.custom-select-box {
    border: 1px solid #ccc;
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
}

.selected-values {
    font-size: 14px;
    color: #333;
}

.custom-options {
    display: none;
    position: absolute;
    width: 100%;
    border: 1px solid #ccc;
    background: white;
    max-height: 160px;
    overflow-y: auto;
    z-index: 10;
    margin-top: 4px;
}

.custom-options label {
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    cursor: pointer;
}

.custom-options label:hover {
    background: #f0f0f0;
}

@media screen and (max-width: 768px) {
    .custom-modal-wrapper {
        margin-top: 0px;
    }

    .application-container {
        border-radius: 0px;
    }

    .application-policy {
        gap: 18px;
    }
}

@media screen and (max-width: 560px) {


    .application-checkbox {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

.listing-image-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}


.scroll-container::-webkit-scrollbar {
    width: 6px;
}

.scroll-containerr::-webkit-scrollbar {
    width: 4px;
    height: 12px;
}


.scroll-container::-webkit-scrollbar-track {
    background: #FFFFFF;
    border-radius: 3px;
}


.scroll-container::-webkit-scrollbar-thumb {
    background-color: #027FEC;
    border-radius: 3px;
    border: 2px solid #027FEC;
}

.image-track {
    display: flex;
    transition: transform 0.3s ease-in-out;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.image-track::-webkit-scrollbar {
    display: none;
}

.image-track img {
    width: 100%;
    height: 188px;
    flex-shrink: 0;
    object-fit: cover;
    scroll-snap-align: center;
    border-radius: 10px;
}

.dots {
    display: flex;
    justify-content: center;
    gap: 3px;
    margin-top: 10px;
    align-items: center;
}

.dots span {
    width: 4px;
    height: 4px;
    background: #A7A7A7;
    border-radius: 50%;
    transition: all 0.3s ease;

}

.dots span.active {
    width: 6px;
    height: 6px;
    background: #027FEC;
}


.listing-scroll-wrapper {
    width: 700px;
    height: 440px;
    overflow-y: auto;
    padding: 16px 12px 16px 16px;
    background: #f5fbff;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    scroll-behavior: smooth;


}

.scroll-container {
    position: relative;
    width: 700px;
    max-height: 440px;
    background: #f5fbff;
    border-radius: 12px;
    box-sizing: content-box;
    margin-bottom: 25px;
}

.listing-scroll-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.listing-card {
    background: white;
    padding: 20px;
    min-height: 160px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

/* Кастомный скроллбар */
.custom-scrollbar {
    position: absolute;
    top: 0;
    right: 4px;
    width: 2px;
    border-radius: 1.5px;
    background-color: #027FEC;
    transition: top 0.2s;
}

.area-square-title {
    color: #027FEC;
    font-size: 16px;
    font-weight: 700;
}

.area-square-desc {
    color: #A7A7A7;
    font-size: 14px;
    font-weight: 400;
}

.listing-card {
    display: flex;
    background: white;
    border-radius: 12px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    padding: 20px;
    width: 100%;
    gap: 20px;
    min-height: 252px;
}

.listing-image img {
    width: 284px;
    height: 188px;
    object-fit: cover;
    border-radius: 8px;
}

.listing-info {
    display: flex;
    flex-direction: column;
}

.area-price {
    display: grid;
    font-weight: 500;
    grid-template-columns: 120px 1fr;
    margin-bottom: 4px;
    background: #F2FAFF;
    width: 316px;
    border-radius: 8px;
    height: 46px;
    justify-items: center;
    align-items: center;
    box-shadow: 0px 2px 3px 0px #D5DEE480;

}

.area-square {
    color: #007aff;
    font-size: 16px;
}

.price {
    color: #027fec;
    font-size: 18px;
    font-weight: bold;
}

.price-per-m {
    font-size: 12px;
    color: #999;
}

.listing-title {
    font-size: 16px;
    margin: 6px 0;
}

.listing-meta {
    font-size: 14px;
    color: #444;
}

.listing-buttons {
    display: flex;
    gap: 4px;
    margin-top: 12px;
    justify-content: center;
}

.btn-listing {
    padding: 8px 16px;
    background: transparent;
    border: 1px solid #027fec;
    color: #027fec;
    width: 154px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
}

@media screen and (max-width: 1200px) {
    .scroll-container {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .listing-card {
        flex-direction: column;
    }

    .listing-scroll-wrapper {
        width: 100%;
    }

    .listing-header {
        display: flex;
    }

    .area-price {
        width: 100%;
    }

}

@media screen and (max-width: 380px) {
    .area-square-title {
        font-size: 12px;
    }
}

/* detail auktsiony*/

.auktsiony-info-block {
    display: flex;
    gap: 12px;
}

.auktsiony-info-col {
    flex: 1;
    background: white;
    border-radius: 16px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.auktsiony-info-link {
    display: flex;
    padding: 0;
    margin: 0px !important;
    gap: 10px;

}

a.info-pdf-link {
    font-weight: 600;
    font-size: 14px;
}

button.btn-aukt-link {
    background: #027FEC;
    border: none;
    color: white;
    border-radius: 8px;
    padding: 10px 24px;
    transition: .3s ease;
    font-weight: 600;
}

button.btn-aukt-link:hover {
    background-color: #006FD0;
}


@media screen and (max-width: 768px) {
    .auktsiony-info-block {
        flex-direction: column;
    }

    .auktsiony-info-col {
        padding: 20px;
    }
}


/* Условия участия в аукционе*/
.conditions-block {
    background: white;
    border-radius: 16px;
    padding: 40px;
}

.conditions-text-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.new-conditions-container {
    margin-top: 40px;
}

@media screen and (max-width: 768px) {
    .conditions-block {
        padding: 20px;
    }
}

/*Левое меню в личном*/

.lk-wrapper {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.lk-sidebar {
    min-width: 324px;
}

@media screen and (max-width: 930px) {
    .lk-sidebar {
        min-width: initial;
    }
}

.lk-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 28px;
    padding-top: 0;
    background: white;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

a.lk-menu__link {
    display: flex;
    gap: 12px;
}

.lk-menu__item {
    width: 100%;
}

span.lk-menu__icon {
    display: flex;
}

.lk-menu__link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #383838;
    border-radius: 6px;
    transition: 0.3s ease;
}

.lk-menu__link:hover {
    background-color: #f0f4f7;
}

.lk-menu__item.active .lk-menu__link {
    color: #027FEC;
}

span.lk-menu__text {
    font-weight: 600;
}

a.lk-menu__link:hover {
    background: none;
    color: #027FEC;
    cursor: pointer;
}

/*Личный кабинет - Профиль*/
/* main.profile-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    position: relative;

} */

.block-container {
    background: white;
    padding: 32px;
    border-radius: 16px;
    max-width: 100%;
    max-height: 100%;
}

@media screen and (max-width: 800px) {
    .block-container {
        padding: 20px;
    }

}

.profile-information {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 32px;
}

.profile-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.info-name {
    font-size: 14px;
    font-weight: 700;
}

input.profile-input {
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    padding: 12px 20px;
    font-weight: 600;
    color: #383838;
}

input.profile-input:disabled {
    border: none;
    background: #F3F3F3;

    cursor: not-allowed;
}

@media screen and (max-width: 1080px) {
    .profile-information {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 18px;
    }

}


@media screen and (max-width: 800px) {
    .profile-information {
        display: flex;
        flex-direction: column;
    }

    .lk-wrapper {
        display: flex;
        flex-direction: column;
    }

    .lk-sidebar-employee {
        width: 100%;
    }
}


/* Личный кабинет - Договоры аренды*/
.docs-total-container {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.docs-total-container::-webkit-scrollbar {
    display: none;
}

.docs-total-container.active {
    cursor: grabbing;
    user-select: none;
}

.docs-total-col {
    background: #DAEDFD;
    padding: 8px 16px;
    flex-shrink: 0;
    border-radius: 6px;
    color: #027FEC;
    font-weight: 600;
}

.docs-total-col p {
    color: #027FEC;
    font-weight: 600;
    font-size: 14px;
    margin: 0;
}

.block-container-contract {
    background: white;
    padding: 40px;
    border-radius: 16px;
    /* width: 1000px; */
    width: 100%;
}


.contract-text-container {
    display: flex;
    gap: 16px;
    flex-direction: column;
}

.contract-name {
    font-size: 16px;
    font-weight: 700;
}

.contact-square {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.square-adress {
    font-weight: 700;
}

.bold-information {
    font-weight: 600;
}

@media screen and (max-width: 1300px) {

    .docs-total-container,
    .block-container-contract {
        width: 100%;
    }
}

/*Личный кабинет - показания счетчиков*/

.blue-alert-container {
    width: 100%;
    display: flex;
    padding: 16px;
    background: #DAEDFD;
    border-radius: 16px;
    gap: 10px;
    align-items: flex-start;
}

.blue-alert-text {
    font-size: 14px;
    font-weight: 500;
}

.blue-alert-icon {
    display: flex;
}

.meter-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.meter-title {
    color: #383838;
    font-size: 20px;
    font-weight: 700;
}

.meter-desc {
    color: #383838;
    font-weight: 500;
    font-size: 14px;
}

button.meter-history {
    display: flex;
    background: none;
    border: none;
    padding: 0;
    gap: 2px;
    color: #027FEC;
    font-weight: 600;
    font-size: 14px;
    width: 80px;
}

.meter-arrow img {
    transition: transform 0.3s ease;
}

.meter-arrow.rotated img {
    transform: rotate(180deg);
}

.meter-table {
    overflow-x: auto;
    border: 1px solid #A7A7A7;
    border-radius: 10px;
}

.meter-table-wrapper {
    /* overflow-x: auto; */
    scrollbar-width: none;
    -ms-overflow-style: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    /* border: 1px solid #A7A7A7; */
    display: block;
}

.meter-table-wrapper::-webkit-scrollbar {
    display: none;
}

.meter-table-border {
    border: 1px solid #A7A7A7;
    border-radius: 8px;
    overflow: hidden;
    width: fit-content;
    min-width: 100%;
}

.meter-table-element {
    width: 100%;
    border-collapse: collapse;
}

.meter-table-element th,
.meter-table-element td {
    border-right: 1px solid #A7A7A7;
    border-bottom: 1px solid #A7A7A7;
    padding: 11px 9px;
    text-align: left;
    font-size: 14px;
    background-color: #fff;
}

.meter-table-header-row th {
    border-top: none;
    line-height: 100%;
    font-weight: 600;
}

.meter-table-element tr:last-child td {
    border-bottom: none;
}

.meter-table-element td:last-child,
.meter-table-element th:last-child {
    border-right: none;
}

.location {
    font-weight: bold;
}

.address {
    display: block;
    color: #383838;
}

.meter-table-element th:first-child,
.meter-table-element td:first-child {
    width: 190px;
    min-width: 190px;
    max-width: 190px;
    word-break: break-word;
}

.input-wrapper {
    position: relative;
    display: inline-block;
    width: 135px;
}

.input-wrapper input {
    width: 100%;
    padding-right: 40px;
    border: 1px solid #A7A7A7;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    padding-left: 8px;
    height: 32px;
    box-sizing: border-box;
}

.save-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    pointer-events: none;
}

img.save-icon {
    width: 16px;
    height: 16px;
}

.meter-arrow {
    width: 16px;
    height: 16px;
}

@media (max-width: 768px) {

    .meter-table-element th,
    .meter-table-element td {
        font-size: 12px;
        padding: 8px;
    }

}

.profile-alert-svg {
    min-width: 16px;
    min-height: 16px;
}


/* Контакты - исправление карты */

span.menu_sel_03 {
    color: black !important;
}

.hideair {
    margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
    ymaps.ymaps-map.ymaps-i-ua_js_yes {
        width: 400px !important;
    }

    div#BX_YMAP_MAP_mF8Ev4 {
        width: initial !important;
    }
}

@media screen and (max-width: 460px) {
    ymaps.ymaps-map.ymaps-i-ua_js_yes {
        width: 300px !important;
    }
}


@media screen and (max-width: 380px) {
    ymaps.ymaps-map.ymaps-i-ua_js_yes {
        width: 280px !important;
    }
}


/*Личный кабинет - Платежные документы*/

.tax-summary {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.summary-item {
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
}

.summary-item.red {
    background-color: #FFE5E5;
    color: #383838;
}

.summary-item.green {
    background-color: #DEF7E1;
    color: #383838;
}

.billing-section {
    border-radius: 16px;
    padding: 12px;
    max-width: 100%;
    background: white;
}

.billing-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 22px;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
    align-items: center;
}

.billing-header .title {
    display: flex;
    font-size: 14px;
    font-weight: 600;
    color: #383838;
    gap: 4px;
    margin-left: 12px;
}

.billing-header-link {
    color: #027FEC;
    text-decoration: none;
}

.billing-header .download-all img {
    width: 36px;
    vertical-align: middle;
    margin-right: 6px;
    height: 21px;
}

.billing-month-dropdown {
    position: relative;
    display: flex;
    cursor: pointer;
}

.billing-month-dropdown .month-options {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #dcdcdc;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    list-style: none;
    margin: 4px 0 0;
    padding: 0;
    z-index: 10;
    min-width: 140px;
    display: none;
}

.billing-month-dropdown .month-options li {
    padding: 8px 12px;
    font-size: 14px;
    color: #383838;
    cursor: pointer;
}

.billing-month-dropdown .month-options li:hover {
    background-color: #f0f0f0;
}

.billing-month-dropdown .bold-arrow {
    transition: transform 0.3s ease;
}

.billing-month-dropdown .bold-arrow.rotated {
    transform: rotate(180deg);
}


.billing-table {
    /* border: 1px solid #E8E8E8; */
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
}

.billing-row {
    display: flex;
    border-top: 1px solid #E8E8E8;
}

.billing-row.billing-head {
    font-weight: 600;
    font-size: 14px;
    border-top: none;
}

.col {
    padding: 12px;
    flex: 1;
    /* border-left: 1px solid #E8E8E8; */
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    /* width: 320px; */
    width: 226px;
    text-align: left;
}

@media screen and (max-width: 590px) {
    .col {
        width: 260px;
    }
}

.col:first-child {
    border-left: none;
}

.icons-documents {
    display: flex;
    gap: 10px;
}


.status {
    font-size: 14px;
    font-weight: 500;
}

.status.red {
    color: #BC0000;
    font-weight: 500;
    font-size: 14px;
}

.status.green {
    color: #1FC119;
}

.download-documents-link {
    font-size: 14px;
    font-weight: 600;
}

.download-all {
    margin-left: 12px;
}

tr.billing-head {
    display: flex;
}

.billing-table-wrapper {
    overflow-x: auto;
    scrollbar-width: none;
}

.documents-container {
    gap: 12px;
    display: flex;
    flex-direction: column;
}

/* Личный кабинет - Сообщения от Арендодателя */

.menu-msg-count {
    color: #027FEC;
    font-weight: 600;
    font-size: 14px;
}

.block-container-notify {

    background: white;
    padding: 16px;
    border-radius: 16px;
    max-width: 100%;
    max-height: 100%;

}

.notification-container {
    display: flex;
    gap: 12px;
    align-items: stretch;
}

.notification-time {
    color: #A7A7A7;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: flex-start;
}

.notification-text {
    font-size: 14px;
    font-weight: 600;
    color: #383838;
}

.notification-new-span {
    padding: 4px 8px;
    background: #E6F2FD;
    border-radius: 4px;
    color: #027FEC;
    font-weight: 700;
}

.notification-text p {
    line-height: 120%;
    font-size: 14px;
    font-weight: 600;
}


.notification-text,
.notification-new-span {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 500px) {
    .notification-container {
        align-items: flex-start;
        flex-direction: column;
    }
}

/*Страница Сообщения от Арендодателя - попап*/

.popup-overlay-notification {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.popup-window-container {
    background: #fff;
    border-radius: 16px;
    padding: 32px;
    width: 90%;
    max-width: 600px;
    position: relative;
    top: -20%;
}

.popup-title-notify {
    font-size: 24px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 120%;
    margin-bottom: 24px;
    color: #383838;
}

.popup-close {
    font-size: 24px;
    border: none;
    background: transparent;
    cursor: pointer;
    color: #383838;
    line-height: 1;
    padding: 0;
    position: absolute;
    display: flex;
    right: 32px;
}

.popup-text-container {
    display: flex;
    gap: 8px;
    flex-direction: column;
    align-items: flex-start;
}

.popup-text-container p {
    margin: 0;
}

p.notification-text {
    font-size: 16px;
}

@media screen and (max-width: 768px) {
    .popup-window-container {
        top: 0;
    }
}


/*Заявление на подбор помещений*/
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    overflow-y: auto;
    scrollbar-width: none;
}

/* .modal-content {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    max-width: 500px;
    width: 90%;
    position: relative;
} */

/* .modal-close {
    position: absolute;
} */


.application-room-form {
    max-width: 778px;
    margin-top: 0px;
    padding: 40px;
    background: #fff;
    border-radius: 16px;
}

.room-title {
    color: #383838;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    text-transform: none;
}



.btn-exit.modal-close img {
    position: absolute;
    right: 40px;
}

/* 
.send-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
} */

.error-message {
    display: none;
}

.range-wrapper {
    display: flex;
}

.description-application {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.description-application label {
    font-weight: 700;
}

.description-application textarea {
    border-radius: 8px;
    width: 100% !important;
    padding: 16px 20px;
    min-height: 172px;
    color: #A7A7A7;
    resize: none;
    border: 1px solid #E8E8E8;
    overflow-y: auto;
}

.range-wrapper {
    display: flex;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
}

.range-field {
    display: flex;
    align-items: center;
    padding: 10px;
    flex: 1;
}

.range-field input {
    border: none;
    outline: none;
    font-size: 14px;
    flex: 1;
    margin-left: 5px;
    background: transparent;
}

.range-label {
    color: #666;
    font-size: 14px;
    white-space: nowrap;
}

.divider-bar {
    width: 1px;
    background-color: #e1e1e1;
    height: 100% !important;
}

.range-field input {
    padding: 0;
}


.applicaiton-room-title {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /* padding-right: 40px; */
    margin-bottom: 40px;
}

.form-exit {
    position: absolute;
    right: 0;
    top: 30%;
    width: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}

/*Страница Услуг - детально*/

@media screen and (max-width: 480px) {
    input[type="image"] {
        width: 100%;
    }
}

.b-news-detail-text {
    overflow-x: auto;
    width: 100%;
}

/* Страница Личный кабинет сотрудника по вовлечению */

.lk-sidebar-employee {
    background: white;
    border-radius: 8px;
    width: 332px;
}

.lk-menu__header {
    padding: 28px;
    /* padding-bottom: 0px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

span.lk-menu__toggle {
    width: 32px;
    height: 32px;
    background: #027FEC;
    align-items: center;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

span.lk-menu__title {
    font-size: 20px;
    font-weight: 700;
}

.lk-menu-container {
    width: 100%;
    transition: width 0.3s ease;
}

/* Свернутое состояние главного меню */
.lk-menu-container.collapsed {
    width: 72px;
}

.lk-menu-container.collapsed .lk-menu__title {
    display: none;
}

.lk-menu-container.collapsed .lk-menu__text {
    display: none;
}

.lk-menu-container.collapsed .lk-menu__icon {
    margin-right: 0;
    display: flex;
    justify-content: center;
    width: 100%;
}

.lk-menu__toggle svg {
    transition: transform 0.3s ease;
}

.lk-menu-container.collapsed .lk-menu__toggle svg {
    transform: rotate(180deg);
}

.lk-menu-container.collapsed .lk-menu,
.lk-menu-container.collapsed .lk-menu__header {
    padding: 20px;
}

.lk-sidebar-employee.collapsed {
    width: 72px;
    transition: width 0.3s ease;
}

/*Кастомный хедер*/
.lk-custom-header {
    width: 100%;
    background: white;
    height: 88px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 48px;
}

a.lk-custom-header__nav {
    text-decoration: none;
    display: flex;
    gap: 6px;
}

.custom-header-logout-text {
    font-weight: 600;
    font-size: 14px;
}

.custom-logo-name-section {
    font-size: 20px;
    font-weight: 700;
}

.lk-custom-header__logo {
    display: flex;
    gap: 30px;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .lk-custom-header {
        padding: 0 20px;
        gap: 10px;
    }

    .custom-logo-name-section {
        font-size: 16px;
    }
}


@media screen and (max-width: 480px) {
    .custom-logo-name-section {
        font-size: 14px;
    }

    .lk-custom-header__logo {
        gap: 12px;
    }
}

/* Мобильное меню (<800px) - вертикальный вариант */
@media (max-width: 800px) {
    .lk-sidebar-employee {
        width: 100% !important;
    }

    .lk-menu-container {
        width: 100% !important;
    }


    .lk-menu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        flex-direction: column;
        padding: 0 28px;
    }

    .lk-menu-container.open .lk-menu {
        max-height: 999px;
        padding-bottom: 28px;
    }

    .lk-menu__toggle svg {
        transition: transform 0.3s ease;
        transform: rotate(270deg);
    }

    .lk-menu-container.open .lk-menu__toggle svg {
        transform: rotate(90deg);
    }

    .lk-menu__title,
    .lk-menu__text,
    .lk-menu__icon {
        display: inline-flex !important;
    }

    .lk-menu__icon {
        margin-right: 8px;
        width: auto;
        justify-content: flex-start;
    }

    .lk-menu-container.collapsed {
        width: 100% !important;
    }
}



/*Страница Журнал регистрации заявок*/

.list-container-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.journal-name p.title {
    font-weight: 700;
    font-size: 20px;
}

.journal-nav-panel button.new-request {
    min-width: 170px;
    border-radius: 6px;
    border: none;
    background: #027FEC;
    color: white;
    margin: 0;
    padding: 8px 24px;
    transition: 0.3s ease;
    font-weight: 600;
}

button.new-request:hover {
    background: #006fd0;
}

button.new-request {
    border-radius: 6px;
    border: none;
    background: #027FEC;
    color: white;
    margin: 0;
    padding: 8px 24px;
    transition: 0.3s ease;
    font-weight: 600;
}

.journal-nav-panel button.new-request:hover {
    background: #006fd0;
}


div#notificationsList {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.journal-nav-panel {
    display: flex;
    gap: 12px;
    overflow-y: hidden;
    scrollbar-width: thin;
    padding-bottom: 5px;
    align-items: center;
}

.journal-nav-panel button.download {
    color: white;
    border: none;
    background: #FF8400;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    width: 85px;
    transition: 0.3s ease;
    line-height: 120%;
    height: 32px;
}

.journal-nav-panel button.download:hover {
    background-color: #e17400;
}

.journal-nav-panel button.filter-settings {
    border-radius: 6px;
    margin: 0;
    background: none;
    min-width: 32px;
    height: 32px;
    border: 1px solid #A7A7A7;
    transition: 0.3s ease;
}

.filter-icon {
    transition: transform 0.6s ease;
}

.filter-settings:hover .filter-icon {
    transform: rotate(180deg);
}

table,
tbody {
    border: none;
}

tr {
    border: white !important;
}

.journal-list {
    width: 100%;
    overflow: hidden;
}

.search-container {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 951px;
    border: 1px solid #ccc;
    padding: 2px;
    border-radius: 6px;
    position: relative;
    height: 32px;
}

/* .filter-chip {
    display: flex;
    align-items: center;
    background-color: #E6F2FD;
    padding: 5px 10px;
    border-radius: 4px;
    margin-right: 10px;
    height: 26px;
} */

.filter-text {
    font-size: 14px;
    font-weight: 600;
    color: #027FEC;
}

.clear-filter {
    background: none;
    border: none;
    color: #027FEC;
    font-size: 14px;
    margin-left: 5px;
    cursor: pointer;
    height: 26px;
    width: 26px;
    padding: 0;
}

.search-nav {
    max-width: 951px;
    width: 100%;
}

.search-input {
    flex: 1;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    color: #333;
    padding: 16px;
    font-weight: 600;
}

.search-icon {
    border: none;
    width: 32px;
    height: 32px;
    background: none;
}

.company-tooltip {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 12px;
    border-radius: 6px;
    z-index: 9999;
    width: 344px;
    max-width: 90vw;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0px 4px 30px 0px #00000026;
    transform: translateY(20px);
}

td.meter-table-element-td {
    position: relative;
}

.company-link {
    color: #027FEC;
    cursor: pointer;
    font-weight: 600;
    text-decoration: underline;
}

.status-link,
.doc-link {
    color: #027FEC;
    cursor: pointer;
    text-decoration: underline;
}

.status-link {
    font-weight: 500;
}

.doc-link {
    font-weight: 600;
}

table.meter-table-element.journal-table th:first-child,
table.meter-table-element.journal-table td:first-child {
    min-width: 45px !important;
    max-width: 45px !important;
}


.t-registration-col p,
.t-square-col p {
    margin: 0;
    line-height: 100%;
}

.t-registration-col,
.t-square-col {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.regist-tr {
    min-width: 190px;
}

.applicant-tr,
.adress-tr {
    min-width: 150px;
}

.number-tr,
.square-tr,
.days-tr {
    min-width: 125px;
}

.rate-tr {
    min-width: 112px;
}

.protocol-tr {
    min-width: 144px;
}

.status-tr {
    min-width: 136px;
}

.num-tr {
    min-width: 46px;
}

/*Вставка с текстом о компании*/
.tooltip-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

span#tooltip-name {
    color: #027FEC;
    font-size: 16px;
    font-weight: 600;
}

button.tooltip-close {
    width: 16px;
    height: 16px;
    background: none;
    border: none;
    padding: 0;
}

.tooltip-close .close-btn {
    width: 100%;
    height: 100%;
}

p.win-desc {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
}

span#tooltip-unp,
span#tooltip-address,
span#tooltip-phone,
span#tooltip-email {
    font-weight: 400;
}

.sorting-icon {
    transition: transform 0.3s ease;
    cursor: pointer;
}

.sorting-icon.flipped {
    transform: rotate(180deg);
}

.lk-moder-container {
    margin: 0 12px 12px;
}

th.col.contract.meter-table-element-th,
th.col.tax.meter-table-element-th,
th.col.service.meter-table-element-th {
    font-weight: 600;
    display: flex;
    justify-content: center;
}

th.num-tr.meter-table-element-th {
    text-align: center !important;
}


.journal-table th,
.journal-table td {
    text-align: center;
}

tr.meter-table-row.meter-table-header-row th {
    text-align: start;
}

.journal-table td:nth-child(3),
.journal-table td:nth-child(6),
.journal-table td:nth-child(8),
.journal-table td:nth-child(12),
.journal-table td:nth-child(14),
.journal-table td:nth-child(15) {
    text-align: start;
}


.legend-container {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .legend-container {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

}

button.open-legend {
    font-size: 14px;
    font-weight: 600;
    border: #027FEC 1px solid;
    color: #027FEC;
    border-radius: 8px;
    padding: 6px 14px;
    background: none;
    transition: 0.3s ease;
    cursor: pointer;
}

button.open-legend:hover {
    background: #027FEC;
    color: white;
}

/*Легенда - подробно*/

.legend-detail-container {
    display: none;
    max-width: 740px;
    border-radius: 8px;
    background: white;
    padding: 16px;
    gap: 12px;
    flex-direction: column;
    /* position: fixed; */
    position: absolute;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    bottom: 80px;
}

@media (max-width: 768px) {
    .legend-detail-container {
        /* position: fixed; */
        position: absolute;
        bottom: 100px;
        left: 10px;
        right: 10px;
        width: auto;
        max-width: unset;
    }
}

p.comment {
    line-height: 110%;
    font-weight: 400;
    color: #000;
    font-size: 14px;
}

.legend-data {
    display: flex;
    gap: 12px;
    align-items: center;
    color: #383838;
    font-size: 14px;
    font-weight: 400;
}

.legend-data.text-desc1,
.legend-data.text-desc2,
.legend-data.text-desc3,
.legend-data.text-desc4,
.legend-data.text-desc5 {
    color: black;
}

.legend-data .text-example1,
.legend-data .text-example2,
.legend-data .text-example3,
.legend-data .text-example4,
.legend-data .text-example5 {
    border-radius: 8px;
    padding: 8px 14px;
}

.text-example1 {
    background: #FFF6CC;
}

.text-example2 {
    background: #E8F9EA;
}

.text-example3 {
    color: #FF0000;
}

.text-example4 {
    color: #FF0000;
    background: #FFF6CC;
}

.flip-pages {
    display: flex;
    align-items: center;
    gap: 4px;
}

.flip-pages button,
.flip-pages span {
    border: 1px solid #027FEC;
    background: white;
    color: #027FEC;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    min-width: 37px;
    min-height: 32px;
    text-align: center;
    font-weight: 600;
    transition: background 0.2s, color 0.2s;
}

@media screen and (max-width: 380px) {

    .flip-pages button,
    .flip-pages span {
        min-width: 20px;
    }
}

.flip-pages button:hover {
    background: #e3f2fd;
}

.flip-pages .active {
    background: #027FEC;
    color: white;
    font-weight: bold;
}

.flip-pages .active:hover {
    background: #006FD0;
}




.flip-pages .dots {
    border: none;
    background: none;
    cursor: default;
    padding: 0;
    margin: 0;
    color: #027FEC;
}

.flip-pages .flip-previous,
.flip-pages .flip-next {
    font-weight: bold;
    font-size: 16px;
}

/*Классы для легенды*/

tr.highlighted-new-yellow td {
    background: #FFF6CC;
}

tr.highlighted-new-green td {
    background: #E8F9EB;
}

tr.highlighted-red td {
    color: #FF0000;
}

tr.highlighted-attention-yellow td {
    color: #FF0000;
    background: #FFF6CC;
}

/*Каталог свободных площадей*/

main.free-spaces-list {
    width: 100%;
    overflow: hidden;
}

.spaces-name .title {
    font-size: 20px;
    font-weight: 700;
    color: #383838;
    margin-bottom: 24px;
}

button.btn-object-action {
    border: none;
    background: #A7A7A7;
    color: white;
    border-radius: 6px;
    font-weight: 600;
    padding: 9px 12px;
    min-width: 165px;
}

.spaces-table-container {
    margin-bottom: 24px;
}

.free-spaces-gap {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.tech-row {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.tech-row .icon img {
    filter: grayscale(1) brightness(1.5);
}

.label {
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    border-radius: 4px;
    padding: 5px;
}

.share-label--new {
    background: linear-gradient(135deg, #8caf0e 0%, #21bc71 100%);
}

.share-label--auction {
    background: linear-gradient(135deg, #e30a9e 0%, #db0936 100%);
    max-width: 55px;
}

/* [class^="icon-"],
[class*=" icon-"] {
    width: 24px;
} */

td.td-adress-table.meter-table-element-td {
    text-align: start;
}

.table-links-number {
    font-weight: 600;
    font-size: 14px;
    color: #027FEC;
}

td.table-tech-img.meter-table-element-td,
td.table-floor-text.meter-table-element-td,
td.table-rate-info.meter-table-element-td {
    text-align: center;
}

td.table-classtype-room.meter-table-element-td,
td.table-date-rate.meter-table-element-td {
    text-align: start;
}

.table-link-changes {
    font-weight: 600;
    font-size: 14px;
    color: #027FEC;
    text-decoration: underline;
    cursor: pointer;
}


.meter-table-element-td .application-checkbox {
    margin: 0;
}

td.table-checkbox-input.meter-table-element-td {
    text-align: center;
}

td.table-num-link-center.meter-table-element-td {
    text-align: center !important;
}

.td-adress-table.unite-cell {
    position: relative;
}

/* 
.td-adress-table.unite-cell::after {
  content: "Блок";
  position: absolute;
  left: -62px;
  top: 50%; 
  transform: translateY(-50%) rotate(-90deg);
  background-color: #ff8400;
  color: #fff;
  border-radius: 6px;
  padding: 3px 5px;
} */

.unite-cell {
    position: relative;
}

.unite-label {
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    transform-origin: center center;
    background: orange;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
}

.meter-table-wrapper {
    position: relative;
    /* обязательно */
}

.block-label {
    position: absolute;
    left: -62px;
    transform: translateY(-50%) rotate(-90deg);
    background: #ff8400;
    color: #fff;
    border-radius: 6px;
    padding: 3px 5px;
    font-size: 14px;
    white-space: nowrap;
    pointer-events: none;
    z-index: 10;
}

.spaces-table-container {
    position: relative;
}

.unite-overlays {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.unite-overlay {
    position: absolute;
    transform: rotate(-90deg) translateY(-50%) translateX(15px);
    color: white;
    background: #FF8400;
    padding: 5px 8px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    z-index: 999;
    pointer-events: auto;
}


/*Стили легенды для страницы Журнала помещений*/

.legend-data .text-example1-journal,
.legend-data .text-example2-journal,
.legend-data .text-example3-journal,
.legend-data .text-example4-journal {
    border-radius: 8px;
    padding: 8px 14px;
}

.text-example1-journal {
    color: #000000;
    background: #FFF3E5;
}

.text-example2-journal {
    color:#000000;
}

.text-example3-journal {
    color:#000000;
    background: none;
	opacity: 0.4;
}

.text-example4-journal {
    color: #FF0000;
    background: white;
}

/*Классы для стилизации строк - Журнал помещений*/
.highlighted-example1-journal td {
    background: #FFF3E5;
}

.highlighted-example2-journal td {
    color: #FF0000;
    background: #E8F9EA;
}

.highlighted-example3-journal td {
    color: #FF0000;
    background: #E8E8E8;
}

.highlighted-example4-journal td {
    color: #FF0000;
    background: white;
}

.link-note-more {
    font-weight: 600;
    color: #027FEC;
    font-size: 14px;
}

/*Личный кабинет энергетика - показания электроэнергии*/
.electricity-maincontainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.electricity-maincontainer .title {
    color: #383838;
    font-weight: 700;
    font-size: 20px;
    line-height: 110%;
    margin-bottom: 22px;
}

.line-container {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
}

@media screen and (max-width: 800px) {
    /* .line-container {
        flex-direction: column;
    } */

    .primary-blue-btn.counting {
        min-width: 100% !important;
    }

    .search-input {
        padding: 0;
        width: 50%;
    }

    .line-container .download-btns {
        justify-content: center;
    }

    .secondary-orange-btn {
        width: 100% !important;
    }

}

.primary-blue-btn {
    border-radius: 6px;
    border: none;
    background: #027FEC;
    color: white;
    margin: 0;
    padding: 8px 24px;
    transition: 0.3s ease;
    font-weight: 600;
}

.primary-blue-btn.add-counter {
    min-width: 174px;
}

.primary-blue-btn.counting {
    min-width: 412px;
}

.primary-blue-btn:hover {
    background: #006fd0;
}

.secondary-orange-btn {
    color: white;
    border: none;
    background: #FF8400;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    width: 85px;
    transition: 0.3s ease;
    line-height: 120%;
    height: 32px;
}

.secondary-orange-btn:hover {
    background-color: #e17400;
}

.line-container button.filter-settings {
    border-radius: 6px;
    margin: 0;
    background: none;
    min-width: 32px;
    height: 32px;
    border: 1px solid #A7A7A7;
    transition: 0.3s ease;
}

button.secondary-orange-btn.create-dbf {
    min-width: 114px;
}

.line-container .docs-total-col {
    text-align: center;
}

.line-container .download-btns {
    display: flex;
    gap: 8px;
}

.electricity-maincontainer .bottom-container {
    display: flex;
    justify-content: flex-end;
}

/*ЛК энергетика - таблица показателей электроэнергии*/

tr.meter-table-row.line-result td {
    font-weight: 600;
    color: #027FEC;
    background-color: #E6F2FD;
}


th.adress-td.meter-table-element-th {
    min-width: 482px;
}


th.adrendator-td.meter-table-element-th {
    min-width: 280px;
}

/*чекбокс в журнале площадей*/

th.table-checkbox-input.meter-table-element-th .application-checkbox,
td.table-checkbox-input.meter-table-element-td .application-checkbox {
    width: 16px;
    height: 16px;
    margin: 0 auto;
    padding: 0;
}

th.table-checkbox-input.meter-table-element-th .application-checkbox .checkmark,
td.table-checkbox-input.meter-table-element-td .application-checkbox .checkmark {
    width: 16px;
    height: 16px;
}


th.table-checkbox-input.meter-table-element-th .application-checkbox .checkmark::after,
td.table-checkbox-input.meter-table-element-td .application-checkbox .checkmark::after {
    left: 4px;
    top: 1px;
    height: 8px;
}

/*ЛК - энергетика, ячейка с карандашом*/

.electricity-table-container .meter-table-header th:last-child,
.electricity-table-container .meter-table-body td:last-child {
    position: sticky;
    z-index: 1;
    right: 0;
    border-left: 1px solid #a7a7a7;
    padding: 12px 4px 12px 5px;
}

.electricity-table-container .meter-table-body td:last-child::before,
.electricity-table-container .meter-table-header th:last-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #a7a7a7;
}

.electricity-table-container .meter-table-header {
    z-index: 2;
}

button.btn-edit {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
}

.info-container {
    display: flex;
    gap: 8px;
}

.button-action-container {
    display: flex;
    gap: 8px;
}


@media screen and (max-width: 1220px) {
    .button-action-container {
        flex-direction: column;
    }

    .secondary-orange-btn {
        flex: 1;
    }
}

@media screen and (max-width: 860px) {
    .info-container {
        flex-direction: column;
    }
}

@media screen and (max-width: 480px) {
    .lk-moder-container {
        margin: 0;
    }
}

/*Журнал свободных площадей - адаптив*/

.free-spaces-gap .journal-nav-panel {
    align-items: start;
}

@media screen and (max-width: 1850px) {
    .free-spaces-gap .journal-nav-panel {
        flex-direction: column;
    }

    .journal-row.row-2 .search-container,
    .journal-row.row-2 .search-nav {
        max-width: initial;
    }
}

@media screen and (max-width:1500px) {
    .free-spaces-gap .journal-nav-panel {
        display: flex;
        flex-direction: column;
    }

    /*Текст в кнопках*/
    .free-spaces-gap .new-request,
    .free-spaces-gap .btn-object-action,
    .free-spaces-gap .download {
        font-size: 0 !important;
        position: relative;
    }

    .free-spaces-gap .new-request::after,
    .free-spaces-gap .btn-object-action::after,
    .free-spaces-gap .download::after {
        font-size: 14px;
        font-weight: 600;
        color: white;
        content: attr(data-label-short);
    }

    .free-spaces-gap .journal-nav-panel button.download::after {
        content: url("/upload/lk-journal/arrow-download.svg");
        display: inline-block;
        vertical-align: middle;
    }

    .free-spaces-gap .journal-nav-panel button.download {
        width: 40px;
    }
}

.journal-row {
    display: flex;
    gap: 12px;
    align-items: center;
}

.journal-row.row-1 {
    justify-content: flex-start;
    width: 100%;
}

.journal-row.row-2 {
    width: 100%;
}

.journal-row.row-3 {
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .journal-row.row-3 .docs-total-col {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .journal-row.row-1,
    .journal-row.row-2 {
        gap: 8px;
    }

}

.journal-row.row-1 .new-request,
.journal-row.row-1 .btn-object-action {
    min-width: initial;
    width: 100%;
}

@media screen and (max-width: 440px) {
    .journal-row.row-1 {
        flex-direction: column;
    }
}

@media screen and (max-width: 1180px) {
    .journal-row.row-3 {
        flex-direction: row;
    }

    .free-spaces-gap .journal-nav-panel .docs-total-col {
        display: flex;
        align-items: center;
        flex: 1;
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .journal-row.row-3 {
        flex-direction: column;
        gap: 8px;
    }

}

/*Строка в журнале заявок*/

@media screen and (max-width: 1500px) {
    .list-container-block .journal-nav-panel {
        flex-direction: column;
    }

    /* .list-container-block .journal-nav-panel button.new-request {
        max-width: 250px;
    } */

    .list-container-block .download {
        font-size: 0 !important;
        position: relative;
    }

    .list-container-block .download::after {
        font-size: 14px;
        font-weight: 600;
        color: white;
        content: attr(data-label-short);
    }

    .list-container-block .journal-nav-panel button.download::after {
        content: url("/upload/lk-journal/arrow-download.svg");
        display: inline-block;
        vertical-align: middle;
    }

    .list-container-block .journal-nav-panel button.download {
        width: 40px;
    }

    .list-container-block .journal-nav-panel button.new-request,
    .list-container-block .docs-total-col {
        text-align: center;
    }
}

@media screen and (max-width: 1000px) {
    .list-container-block .journal-nav-panel {
        width: 100%;
        padding: 0;
    }

    .list-container-block .journal-row.row-3 {
        flex-direction: column;
    }

    .list-container-block .docs-total-col {
        width: 100%;
    }
}


/*ЛК энергетика: строка в показаниях счетчиков*/

@media screen and (max-width: 1765px) {

    .line-rows.row-1,
    .line-rows.row-2 {
        display: flex;
        gap: 8px;
    }

    .line-container {
        flex-direction: column;
    }
}

@media screen and (max-width: 1160px) {
    .line-rows.row-1 {
        flex-direction: column;
    }

    .line-rows.row-3 {
        display: flex;
        gap: 8px;
    }
}

/*Класс custom nomenu - для страниц лк без меню*/

.custom-nomenu {
    border-radius: 16px;
}

/* Стили для функционала сравнения */

/* Иконка сравнения */
.icon-compare {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,');
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}


.catalog-card__compare-link.active {
    background-color: #4CAF50;
    color: white;
}

/* Счетчик сравнения в шапке */
.header-compare {
    display: inline-block;
    margin-right: 15px;
}

.header-compare .header-btn {
    position: relative;
}

.compare-count {
    position: absolute;
    top: -5px;
    right: -5px;
    display: none;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    background-color: #ff5722;
    color: white;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    padding: 0 5px;
}

/* Страница сравнения */
.compare-page {
    margin-bottom: 30px;
}

.compare-page__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.compare-page__title {
    font-size: 24px;
    font-weight: bold;
}

.compare-page__clear {
    color: #ff5722;
    text-decoration: underline;
    cursor: pointer;
}

.compare-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e0e0e0;
}

.compare-table th,
.compare-table td {
    padding: 10px;
    border: 1px solid #e0e0e0;
    text-align: left;
}

.compare-table th {
    background-color: #f8f8f8;
    font-weight: bold;
}

.compare-table__image {
    max-width: 200px;
    height: auto;
}

.compare-table__remove {
    color: #ff5722;
    cursor: pointer;
    text-decoration: underline;
}

/* Уведомления */
.notification-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
}

.notification {
    padding: 15px 20px;
    margin-bottom: 10px;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.notification.show {
    opacity: 1;
}

.notification.success {
    background-color: #4CAF50;
}

.notification.error {
    background-color: #F44336;
}

/*Карта сайта*/
table.map-columns ul.map-level-0 {
    list-style: none;
    display: flex;
    padding: 32px;
    flex-direction: column;
    gap: 12px;
    margin: 0px !important;
}

table.map-columns ul.map-level-0 a {
    color: #383838;
    text-decoration: none;
    transition: 0.3s ease;
}

table.map-columns {
    width: 100%;
    background: white;
    border-radius: 16px;
}

table.map-columns ul.map-level-0 a:hover {
    color: #027fec;
}

/*лейбл у акционов*/

.labels-row span.label.share-label--auction {
    font-size: 14px;
}

.labels-row {
    width: 124px;
}

label#citySelect-error {
    margin-top: 2px;
}

label#area_from-error,
label#area_to-error {
    font-size: 12px;
}

/*Модальное окно добавления уведомлений*/
div#notificationModal .modal-header {
    background: none;
    display: flex;
    justify-content: center;
}

div#notificationModal .form-group label {
    font-weight: 700;
}

div#notificationModal .form-group span {
    font-weight: 600;
}

div#notificationModal button.cancel-btn {
    flex: 0 auto;
    border: 1px solid var(--primary-color);
    color: #027FEC;
    background-color: #fff;
}

div#notificationModal button.cancel-btn:hover {
    background-color: var(--hover-color);
    transform: none;
    box-shadow: none;
    color: white;
}

div#notificationModal .modal-header h2 {

    color: #383838;
    font-weight: 700;
    font-size: 24px;
    text-transform: none;
}

div#notificationModal .close {
    color: #383838;
    position: absolute;
    right: 0;
    padding-right: 24px;
}

form#notificationForm input#title,
form#notificationForm input#sendDate,
form#notificationForm textarea#messageText {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    width: 100%;
}

form#notificationForm .submit-btn {
    padding: 12px;
    background: #027FEC;
    border-radius: 8px;
    color: white;
    transition: 0.3s ease;
}

form#notificationForm .submit-btn:hover {
    transform: none;
    box-shadow: none;
    background: var(--hover-color);
}

@media screen and (max-width: 480px) {
    div#notificationModal .modal-content {
        margin: 0;
        max-width: initial;
        width: 100%;
        max-height: 100%;
        border-radius: 0;
    }
}

/*Модальное окно Ссылка на подборку*/

div#shareSelectionModal .modal-header h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    text-transform: math-auto;
    color: #383838;
}

div#shareSelectionModal .modal-header {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 0px;
    margin: 0;
    padding: 32px 32px 16px 32px;
}

div#shareSelectionModal .share-link-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    width: 100%;
    gap: 20px;
    margin: 12px 0px;
}

div#shareSelectionModal button#copyLinkBtn {
    height: initial;
    background: none;
    color: currentColor;
    width: initial;
    right: 0;
    color: var(--primary-color);
    padding: 0;
    transition: 0.3s ease;
    display: flex;
    gap: 4px;
    flex-direction: row;
    padding-right: 10px;
}

div#shareSelectionModal button#copyLinkBtn:hover {
    color: var(--hover-color);
}

div#shareSelectionModal .modal-footer {
    display: none;
}

div#shareSelectionModal span.modal-close {
    position: absolute;
    right: 40px;
}

div#shareSelectionModal .modal-body {
    padding: 16px 40px 40px 40px;
}

div#shareSelectionModal input#shareLink {
    border: none;
    width: 100%;
    color: #383838;
    text-overflow: ellipsis;
}

div#shareSelectionModal .share-link-container label {
    font-weight: 700;
    font-style: Bold;
    font-size: 14px;
    line-height: 100%;
}

div#shareSelectionModal label {
    font-weight: 700;
}

div#shareSelectionModal button#copyLinkBtn:active {
    box-shadow: none;
}

@media screen and (max-width: 480px) {
    div#shareSelectionModal .share-link-container {
        flex-direction: column;
    }

    div#shareSelectionModal span.modal-close {
        right: 20px;
    }
}

/**/

button#clearSelectionBtn {
    padding: 0;
    height: 32px;
    width: 140px;
}

.journal-row.row-1 button.btn-object-action {
    height: 32px;
    max-width: 284px;
    padding: 0px;
}

.journal-row.row-1.custom-line {
    max-width: 430px;
}

@media screen and (max-width: 1180px) {
    .journal-row.row-1.custom-line button.btn-object-action {
        flex: 1;
        max-width: initial;
    }

    .journal-row.row-1.custom-line button#clearSelectionBtn {
        flex: 1;
        width: 100%;
    }

    .journal-row.row-1.custom-line {
        display: flex;
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .journal-row.row-1.custom-line button.btn-object-action {
        padding: 12px 9px;
    }

    .journal-row.row-1.custom-line button#clearSelectionBtn {
        padding: 12px 9px;
    }
}

/*Изображение на главном экране*/


.citrus-sf-field._open[data-template="NUMBERS"] .citrus-sf-values {
    top: 45px !important;
}

/*Стили для модального окна вопроса*/
#surveyModal .application-room-form {
    min-width: 600px;
}

body #surveyModal .form-exit {
    top: 0px;
    transform: initial;
}

body #surveyModal .modal-close {
    top: initial;
}

#surveyModal input.citrus-sf__button._submit {
    min-width: 140px;
}

@media screen and (max-width: 768px) {
    body #surveyModal .application-room-form {
        width: 100%;
        min-width: initial;
        height: 100%;
        border-radius: 0px;
    }

    body #surveyModal .modal-close {
        top: initial;
        right: -20px;
    }

    /* 
    body .vote-form-box-buttons.vote-vote-footer {
        margin-top: 10px;
    } */
}



span.vote-answer-item.vote-answer-item-radio {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    align-items: center;
}


.vote-form-box-buttons.vote-vote-footer {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}



span.vote-answer-item.vote-answer-item-textfield input {
    border: none;
    border-bottom: 1px solid #A7A7A7;
    width: 100%;
    background: none;
    padding: 8px;
}

span.vote-answer-item.vote-answer-item-textfield input:focus-visible {
    outline: none;
}

span.vote-answer-item.vote-answer-item-radio [type="checkbox"],
[type="radio"] {
    width: 16px;
    height: 16px;
}

/*Анимация галочки*/

.approve_icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    --green-brn-approve: #1FC119;
    box-shadow: inset 0px 0px 0px var(--green-brn-approve);
    animation: fill 0.4s ease-in-out 0.4s forwards,
        scale 0.3s ease-in-out 0.9s both;
}

.approve_icon_circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: var(--green-brn-approve);
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.approve_icon_check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {

    0%,
    100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px var(--green-brn-approve);
    }
}

.approving-sticker {
    height: 64px;
    width: 64px;
    margin: 0 auto;
}

p font.notetext {
    display: flex;
    justify-content: center;
}

/* 
@media screen and (max-width: 768px) {
    body div#custom-modal-content {
        display: flex;
        height: 100%;
        width: 100%;
        margin-top: 0px;
    }
} */


div#custom-modal-content h3.application-title-text {
    margin: 0;
}

.approving-sticker.apll-con {
    margin: 0px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}


.application-info .info-text {
    font-size: 16px;
    text-align: center;
}

.appli-btn-close.apll-con {
    right: 32px;
    top: 32px;
}

.application-container .appli-btn-close {
    top: 24px;
    right: 24px;
}

/*Кнопка добавить системное уведомление*/
body .add-notification-btn {
    background: var(--primary-color);
    color: white;
    border-radius: 8px;
    transition: 0.3s ease;
}

.add-notification-btn:hover {
    background: var(--hover-color);
}

.block-container-notify {
    cursor: pointer;
    transition: 0.3s ease;
}

.block-container-notify:hover {
    background: var(--primary-color);
}

.block-container-notify:hover .notification-time,
.block-container-notify:hover .notification-text {
    color: white;
}

/*Стили страницы ЛК Аукционы*/

.origin-header {
    font-size: 20px;
    font-weight: 700;
    color: #383838;
    margin-bottom: 24px;
    text-align: left;
}

.lk-auctions__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
    .lk-auctions__header {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }
}

.notification-form textarea#messageText {
    resize: none;
}

.notification-form label.radio-option {
    display: grid;
    grid-template-columns: 16px 1fr;
    gap: 6px;
    align-items: center;
}

/*Страница редактирования элемента ЛК Аукционы - edit/add*/

.lk-auction-edit .form-group label,
.lk-auction-add .form-group label {
    display: block;
    font-weight: 700;
    color: #333;
}

span.required {
    color: red;
}

.lk-auction-edit button.btn.btn-primary,
.lk-auction-add button.btn.btn-primary {
    background: var(--primary-color);
    color: white;
    border-radius: 8px;
    transition: 0.3s ease;
}

.lk-auction-edit a.btn,
.lk-auction-add a.btn {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    background-color: #fff;
    transition: 0.3s ease;
}

.lk-auction-edit button.btn.btn-primary:hover,
.lk-auction-add button.btn.btn-primary:hover {
    background-color: var(--hover-color);
}

.lk-auction-edit a.btn:hover,
.lk-auction-add a.btn:hover {
    background-color: var(--primary-color);
    color: white;
}

.lk-auction-edit #addingLots.no-body-rows .meter-table-element-th,
.lk-auction-edit #addingLots.no-body-rows .meter-table-element td,
.lk-auction-edit #selectedLots.no-body-rows .meter-table-element-th,
.lk-auction-edit #selectedLots.no-body-rows .meter-table-element td {
    border-bottom: none !important;
}

.lk-auction-add #addingLots.no-body-rows .meter-table-element-th,
.lk-auction-edd #addingLots.no-body-rows .meter-table-element td {
    border-bottom: none !important;
}

.lk-auction-edit button.btn-cancel-add,
.lk-auction-edit button.btn-remove-room,
.lk-auction-add button.btn-cancel-add,
.lk-auction-add button.btn-remove-room {
    background: var(--primary-color);
    color: white;
    border-radius: 8px;
    transition: 0.3s ease;
    cursor: pointer;
    border: none;
    padding: 9px 12px;
}

.lk-auction-edit .custom-select-wrapper,
.lk-auction-add .custom-select-wrapper {
    position: relative;
    width: 100%;
}

.lk-auction-edit .custom-select,
.lk-auction-add .custom-select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    cursor: pointer;
    padding-right: 30px;
}

.lk-auction-edit .custom-select-wrapper::after,
.lk-auction-add .custom-select-wrapper::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    background: url(/upload/bottom-arrow.svg) no-repeat center;
    background-size: contain;
    pointer-events: none;
    transition: transform 0.3s ease;
}

.lk-auction-edit .custom-select-wrapper.open::after,
.lk-auction-add .custom-select-wrapper.open::after {
    transform: translateY(-50%) rotate(180deg);
}

.lk-auction-edit form,
.lk-auction-add form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}


.lk-auction-edit input.js-datetime.flatpickr-input.flatpickr-mobile {
    /* padding: 8px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 4px; */
}

.lk-auction-edit .bx-ed-type-selector,
.lk-auction-add .bx-ed-type-selector {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.lk-auction-edit span.bx-ed-type-selector-item,
.lk-auction-add span.bx-ed-type-selector-item {
    display: flex;
    gap: 6px;
    align-items: center;
}

.lk-auction-edit span.bx-ed-type-selector-item label,
.lk-auction-add span.bx-ed-type-selector-item label {
    font-weight: 400 !important;
}


@media screen and (max-width: 920px) {

    .lk-auction-edit form,
    .lk-auction-add form {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

}

@media screen and (max-width: 1100px) {

    .lk-auction-edit div.bx-html-editor,
    .lk-auction-add div.bx-html-editor {
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

/*---*/

#custom-modal-overlay .application-container {
    padding: 40px;
}

/*Стили страницы ЛК Опросник*/

.lk-oprosnik .summary,
.lk-oprosnik-edit .summary {
    font-size: 20px;
    font-weight: 700;
    color: #383838;
    margin-bottom: 34px;
    text-align: left;
}

.lk-oprosnik-edit .summary {
    margin-bottom: 12px;
}

form.filter.oprosnik {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin-bottom: 12px;
}

.oprosnik-custom-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}


a.standart-blue-btn {
    background: var(--primary-color);
    padding: 8px 24px;
    text-decoration: none;
    color: white;
    border-radius: 6px;
    transition: 0.3s ease;
    font-size: 14px;
    font-weight: 600;
}

.lk-oprosnik a.standart-blue-btn {
    min-width: 283px;
}

a.standart-blue-btn:hover {
    background: var(--hover-color);
}

button.standart-blue-btn {
    background: var(--primary-color);
    padding: 8px 24px;
    text-decoration: none;
    color: white;
    border-radius: 6px;
    transition: 0.3s ease;
    font-size: 14px;
    font-weight: 600;
    border: none;
}

button.standart-blue-btn:hover {
    background: var(--hover-color);
}

select.select-field.opros {
    border: 1px solid #A7A7A7;
    border-radius: 6px;
    padding: 5px 12px;
    flex: 1;
}

.opros-fields.container {
    display: flex;
    gap: 12px;
    width: 100%;
}

.lk-oprosnik .actions {
    display: flex;
}

.oprosnik-custom-col label {
    font-weight: 700;
    font-style: Bold;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
}

.oproskin-main-container {
    display: flex;
    gap: 16px;
    width: 100%;
}

.opros-btn.container {
    display: flex;
    gap: 12px;
}



/*Диаграмма в ЛК - Опросник*/
.diagram-container-opros {
    margin: 80px auto;
    height: 100%;
    text-align: center;
}

div#oprosnikLegend {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 16px;
    justify-items: start;
    font-size: 13px;
    text-align: left;
    width: 80%;
    margin: 100px auto;
}

.diagram-section.opros {
    border-radius: 8px;
    border: 1px solid #E8E8E8;
    flex: 1;
}

canvas#oprosnikChart {
    display: block;
    margin: 0px auto;
    box-sizing: border-box;
    height: 300px;
    width: 300px;

}

@media screen and (max-width: 1500px) {
    div#oprosnikLegend {
        grid-template-columns: initial;
        justify-content: center;
    }
}

@media screen and (max-width: 1040px) {
    .oproskin-main-container {
        flex-direction: column;
    }

    form.filter.oprosnik {
        flex-direction: column;
    }

    .opros-btn.container {
        width: 100%;
    }

    button.standart-blue-btn {
        width: 100%;
    }
}

@media screen and (max-width: 520px) {
    .opros-btn.container {
        display: flex;
        flex-direction: column;
    }

    .lk-oprosnik a.standart-blue-btn {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 480px) {
    canvas#oprosnikChart {
        width: 200px;
        height: 200px;
    }

    .diagram-container-opros {
        margin: 40px auto;
    }

    div#oprosnikLegend {
        margin: 40px auto;
    }
}

@media screen and (max-width: 380px) {
    .lk-oprosnik a.standart-blue-btn {
        min-width: initial;
        justify-content: center;
        text-align: center;
    }
}


/*---*/

.lk-oprosnik .meter-table {
    flex: 1;
}

.lk-oprosnik .meter-table-element tr:last-child td {
    background: #F5F5F5;
}

.lk-oprosnik .meter-table-element th:first-child,
.lk-oprosnik .meter-table-element td:first-child {
    min-width: 70px;
    max-width: initial;
}

/*ЛК - Опросник Поля с выпадающим списком*/
.lk-oprosnik .custom-select-wrapper,
.report-container .custom-select-wrapper {
    position: relative;
    width: 100%;
}

.lk-oprosnik .custom-select,
.report-container .custom-select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    cursor: pointer;
    padding-right: 30px;
}

.lk-oprosnik .custom-select-wrapper::after,
.report-container .custom-select-wrapper::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    background: url(/upload/bottom-arrow.svg) no-repeat center;
    background-size: contain;
    pointer-events: none;
    transition: transform 0.3s ease;
}

.lk-oprosnik .custom-select-wrapper.open::after,
.report-container .custom-select-wrapper.open::after {
    transform: translateY(-50%) rotate(180deg);
}

/* ЛК - Опросник Поля с выпадающим списком */
.lk-oprosnik .custom-select-wrapper {
    position: relative;
    width: 100%;
}

.lk-oprosnik .custom-select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    cursor: pointer;
    padding-right: 30px;
}

.lk-oprosnik .custom-select-wrapper::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    background: url(/upload/bottom-arrow.svg) no-repeat center;
    background-size: contain;
    pointer-events: none;
    transition: transform 0.3s ease;
}

.lk-oprosnik .custom-select-wrapper.open::after {
    transform: translateY(-50%) rotate(180deg);
}

/*Иконка спец. предложения*/

span.label.label--special-offer {
    right: 83px;
    height: 24px;
    display: flex;
    width: 24px;
    position: absolute;
    z-index: 6;
    background: white;
    top: 28px;
    padding: 0px;
    box-shadow: 0 0 0 1px #f0e8e8;
}


.oprosnik-custom-col .select-wrapper .bootstrap-select>.dropdown-toggle {
    height: 32px;
}

.lk-oprosnik-edit .btn.secondary {
    display: flex;
    align-items: center;
    background: white !important;
    border: 1px solid var(--primary-color);
    transition: 0.3s ease;
    color: var(--primary-color);
}

.lk-oprosnik-edit .btn.secondary:hover {
    background: var(--primary-color) !important;
    color: white;
}

/*---*/

.lk-auction-add .meter-table-element th:first-child,
.lk-auction-add .meter-table-element td:first-child,
.lk-auction-edit .meter-table-element th:first-child,
.lk-auction-edit .meter-table-element td:first-child {
    min-width: 105px;
    max-width: 200px;
    width: initial !important;
}

.lk-auction-add .meter-table-element input,
.lk-auction-edit .meter-table-element input {
    max-width: 180px;
    min-width: 40px;
    width: 100%;
}

.lk-auction-add .meter-table-element th,
.lk-auction-add .meter-table-element td,
.lk-auction-edit .meter-table-element th,
.lk-auction-edit .meter-table-element td {
    max-width: 200px;
    min-width: 80px;
    width: initial !important;
}

.lk-auction-edit .meter-table-element td:last-child,
.lk-auction-edit .meter-table-element th:last-child {
    min-width: 140px;
}

@media screen and (max-width: 960px) {

    .lk-auction-add .meter-table-element th:first-child,
    .lk-auction-add .meter-table-element td:first-child,
    .lk-auction-edit .meter-table-element th:first-child,
    .lk-auction-edit .meter-table-element td:first-child {
        min-width: 200px;
    }

    .lk-auction-add .meter-table-element input,
    .lk-auction-edit .meter-table-element input {
        min-width: 60px;
    }

}

.history-table {
    border-right: 1px solid #e0e6ef;
    border-bottom: 1px solid #e0e6ef;
}

.schetchik-page-table .meter-table-element th,
.schetchik-page-table .meter-table-element td {
    border-bottom: 1px solid #A7A7A7;
}

.schetchik-page-table .meter-table-element tr.meter-table-row.is-last-no-bottom td {
    border-bottom: none !important;
}

a.billing-header-link.selected-month {
    display: flex;
    gap: 4px;
    align-items: center;
}

/*ЛК Отчеты Каталог*/
.report-header h2 {
    text-align: left;
    color: #383838;
    margin-bottom: 0px;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Wix Madefor Display', sans-serif;
}

body .report-container label {
    font-weight: 700;
    font-size: 14px;
}

body .rooms-section h3,
body .type-stats-section h3,
.report-container.rates h3,
.report-container.report .section-title {
    text-align: left;
    padding-bottom: 0;
    margin: 40px 0 24px;
    font-size: 18px;
    font-weight: 700;
    text-transform: math-auto;
}

.report-container.report .section-title {
    margin: 0 !important;
}

body .report-container .stats-cards {
    border-radius: 15px;
    background: linear-gradient(90deg, #027fec 0%, #0069c4 100%);
}

body .report-container .stat-card {
    background: none !important;
    box-shadow: none !important;
}

.report-container .application-field {
    flex-direction: row;
    align-items: center;
}

.report-container.catalog .select-wrapper {
    width: 30%;
}

/*Стили страницы ЛК Отчеты Сравнительный анализ*/

.report-container.analysis .report-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.report-container.analysis .report-header h2 {
    margin-bottom: 0px;
}

.analysis-btns-container {
    display: flex;
}

.analysis-btns-container button.btn.btn-secondary,
.report-container.analysis-modal button.btn.btn-secondary,
.report-container.rates button#resetFilters,
.report-container.auctions button#resetFilters {
    transition: 0.3s ease;
    background: white;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.analysis-btns-container button.btn.btn-secondary:hover,
.report-container.analysis-modal button.btn.btn-secondary:hover,
.report-container.rates button#resetFilters:hover,
.report-container.auctions button#resetFilters:hover {
    background: var(--primary-color);
    color: white;
}

.report-container.analysis .select-wrapper {
    width: 50%;
}

.report-container.analysis-modal button.btn.dropdown-toggle.btn-default,
.report-container.analysis-modal button.btn.btn-secondary {
    margin-left: 0px;
}

@media screen and (max-width: 768px) {

    .report-container.rates .report-header,
    .report-container.auctions .report-header {
        display: flex;
        align-items: flex-start;
    }

    .report-header {
        align-items: flex-start !important;
    }
}


@media screen and (max-width: 1200px) {
    .report-container.analysis .report-header {
        flex-direction: column;
        gap: 12px;
    }

    .report-container.analysis .form-row {
        justify-content: center;
    }
}

@media screen and (max-width: 480px) {
    .analysis-btns-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        align-items: flex-start;
    }

    .analysis-btns-container button.btn.btn-secondary {
        margin-left: 0px;
        padding: 9px 12px;
        width: 100%;
    }

    .report-container.analysis .report-header {
        align-items: flex-start;
    }

    .report-container.analysis .form-row {
        justify-content: flex-start;
    }

    .report-container.analysis button.btn.btn-primary {
        margin-left: 0px;
    }
}

.select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.filter-select {
    width: 100%;
    padding: 8px 40px 8px 12px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    appearance: none;
    background: #fff;
    cursor: pointer;
}

.filter-select:disabled {
    background-color: #f5f5f5;
    cursor: not-allowed;
    opacity: 0.7;
}

/* 
.custom-arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: auto;
    pointer-events: none;
} */

.report-container.rates .filter-dropdown,
.report-container.auctions .filter-dropdown {
    display: flex;
    justify-content: center;
    width: 100%;
}

.report-container.rates .filter-form-inner,
.report-container.auctions .filter-form-inner {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    max-width: initial;
}

.report-container.rates .filter-buttons,
.report-container.auctions .filter-buttons {
    justify-content: flex-end;
}

.report-container.rates .btn-apply,
.report-container.auctions .btn-apply {
    font-weight: 600;
    transition: 0.3s ease;
}

.report-container.rates .btn-apply:hover,
.report-container.auctions .btn-apply:hover {
    background: var(--hover-color);
}

@media screen and (max-width: 1000px) {

    body .report-container.rates .filter-form-inner,
    body .report-container.auctions .filter-form-inner {
        display: flex;
        flex-direction: column;
    }

    body .report-container.rates .filter-buttons,
    body .report-container.auctions .filter-buttons {
        display: flex;
        flex-direction: column;
    }

    body .report-container.rates button#resetFilters,
    body .report-container.auctions button#resetFilters {
        width: 100%;
    }

    body .report-container.rates .btn-apply,
    body .report-container.auctions .btn-apply {
        height: 46px;
    }

    body .report-container.rates .filter-select,
    body .report-container.auctions .filter-select {
        min-width: initial;
    }
}

/*ЛК Отчет по контенту*/

@media screen and (max-width:820px) {
    .report-container.report .report-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

.citrus-sf-field.citrus-sf-field-hour-link {
    display: none;
}

/*модальное окно, стили с карточкой помещений*/


body .application-form .scroll-container {
    width: 100%;
    overflow-y: auto;
}

body .btn-listing.btn-small {
    width: 100%;
}


@media screen and (max-width: 480px) {

    #custom-modal-overlay:has(.application-container) .area-price:has(.is-block) {
        min-height: 56px;
        gap: 4px;
    }
}

@media screen and (max-width: 340px) {
    #custom-modal-overlay .area-square-desc {
        font-size: 10px;
    }

    #custom-modal-overlay .area-price {
        display: flex;
        justify-content: space-around;
    }

    .listing-scroll-wrapper {
        padding: 10px !important;
    }

    #custom-modal-overlay .application-confirm {
        padding-bottom: 40px;
    }
}

/*Страница ЛК Наши здания - индексная страница*/
.buildings-container.main-page a.btn.btn-primary {
    height: 32px;
}

.buildings-container.main-page .journal-nav-panel {
    padding-bottom: 12px;
}

@media screen and (max-width: 1100px) {
    .buildings-container.main-page .journal-nav-panel {
        flex-wrap: wrap;
    }

    .buildings-container.main-page .add-building-section {
        order: 1;
    }

    .buildings-container.main-page .docs-total-col {
        order: 2;
    }

    .buildings-container.main-page .search-nav {
        order: 3;
    }

}

@media screen and (max-width: 580px) {
    .buildings-container.main-page .add-building-section {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .buildings-container.main-page a.btn.btn-primary {
        width: 100%;
    }

    .buildings-container.main-page .docs-total-col {
        order: 2;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .buildings-container.main-page .search-input {
        padding-left: 12px;
    }
}

.buildings-container.main-page .filter-chips {
    margin: 0;
    flex-wrap: nowrap !important;
}

.buildings-container.main-page .filter-chip .filter-text {
    width: 100%;
}

/*изменения в мобильный хедер*/
@media screen and (max-width: 360px) {
    a.header-btn.hamburger.js-open-menu {
        padding: 0px;
        width: 28px;
    }

    .opener--mob.hidden-desktop {
        gap: 0px;
    }

    .mainheader1.header .c-side {
        z-index: 1;
        padding: 0 12px;
    }

    .mainheader1 .header-btn {
        font-size: 12px;
    }
}

/*---*/

.section.section--page-wrapper>.w>.section-inner .auktsiony-detail-page+.catalog-cards-wrapper .section:first-of-type {
    margin: initial !important;
    padding: initial !important;
}

/*---*/
h3.property-name-middle {
    margin: 0 0 12px;
    font-weight: 700;
    font-size: 16px;
    text-transform: math-auto;
}

/*---*/

.catalog-cards-wrapper.auction-cards-wrapper .catalog-cards__item {
    max-height: initial !important;
}

.catalog-cards-wrapper.auction-cards-wrapper ymaps.ymaps-2-1-79-balloon__content ymaps {
    width: 284px !important;
}

.catalog-cards-wrapper.auction-cards-wrapper .citrus-objects-map-popup {
    width: 284px;
}

@media (min-width: 990px) and (max-width: 1420px) {
    .catalog-cards-wrapper.auction-cards-wrapper .auction-cards-wrapper .catalog-cards-map {
        margin-top: 0px;
    }

    .auction-cards-wrapper .catalog-cards-map {
        margin-top: 0px;
    }
}

@media (min-width: 991px) and (max-width: 1391px) {
    .catalog-cards-wrapper {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }

    .catalog-cards-wrapper ymaps.ymaps-2-1-79-map {
        width: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 1391px) {
    body .catalog-cards-wrapper .catalog-card {
        flex-direction: column !important;
        display: flex !important;
        align-items: center;
    }
}

@media screen and (max-width: 1000px) {
    .auction-cards-wrapper .catalog-cards-map {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 767px) {
    .auction-cards-wrapper .catalog-card__name.h3 {
        display: flex !important;
        justify-content: flex-start;
    }
	.application-confirm .save-btn-custom {margin-bottom: 24px}
}

/*Страница таблицы Свободных помещений*/

@media screen and (max-width: 768px) {
    .section__content.catalog-section-content .tech-row {
        flex-direction: column !important;
    }

    .table-slider__td.table-slider__NVP.view-cell {
        width: 100% !important;
    }

    .swiper-slide.table-slider__slide {
        width: auto !important;
    }
}


@media screen and (max-width: 768px) {
    .catalog-card__price-square {
        align-items: center;
    }
}

@media screen and (max-width: 380px) {
    .catalog-card .catalog-card__price .month-period {
        font-size: 14px;
    }

    .catalog-slider .catalog-card__price-square:has(.is-block) {
        margin-top: 6px !important;
    }
}


.catalog-slider .catalog-card__price-square:has(.is-block),
.catalog-card__price-square {
    margin-top: 10px !important;
}

/*---*/

.form-group.form-group-btn.js_material_switch_container .button-position-right {
    margin-left: initial !important;
    width: initial !important;
}

/*---*/

@media screen and (max-width: 580px) {

    .report-container.analysis button.btn.dropdown-toggle.btn-default {
        margin: 0;
    }

    .report-container.analysis .form-row {
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .report-container.analysis .form-row {
        justify-content: center;
        display: flex;
        width: 100%;
        align-items: center;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .report-container.analysis .application-field {
        align-items: center;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .report-container.analysis button.btn.btn-primary {
        margin: 0;
        width: 100%;
    }

    body .report-container.analysis .application-field label {
        width: 90px;
    }

    .report-container.analysis .select-wrapper {
        max-width: 140px;
    }
}

/*---*/

@media screen and (max-width: 1200px) {
    .free-spaces-gap .journal-row.row-1 {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .free-spaces-gap button.btn-object-action {
        width: 100%;
        max-width: initial;
    }

    .free-spaces-gap .journal-nav-panel .docs-total-col {
        width: 100%;
    }

    .free-spaces-gap .journal-row.row-1 button.btn-object-action {
        max-width: initial !important;
    }
}

/*---*/

.catalog-cards-row .catalog-card__property+.catalog-card__property {
    display: block !important;
}

/*---*/

.plan-canvas-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/*---*/

.opener.hidden-mobile span.footer-counter.footer-favourites-counter,
.opener.hidden-mobile span.footer-counter.footer-compare-counter {
    margin-left: 4px;
}

/*---*/

.obnovlenie-btns.info {
    display: flex;
    margin-top: 10px;
    gap: 10px;
    justify-content: center;
}

@media screen and (max-width: 1000px) {
    .obnovlenie-btns.info {
        flex-direction: column;
        align-items: center;
    }
}

/*zoom icon*/
.plan-canvas-wrapper .btn-zoom img {
    width: 12px;
    height: 12px;
}

.plan-canvas-wrapper .btn-zoom {
    padding: 4px;
    display: flex;
    align-items: center;
    width: 26px;
    height: 26px;
    justify-content: center;
}

.plan-canvas-wrapper .plan-toolbar {
    background: initial !important;
    top: 0px;
    right: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
}

.plan-canvas-wrapper:has(.fullscreen) {justify-content: center;}

#interactive-plan-canvas {
    border-radius: 4px;
    width: 100%;
}
.plan-canvas-wrapper:has(.fullscreen) #interactive-plan-canvas  {
	width: auto;
} 

.form-group.gap-0 .plan-container {
    display: flex;
    flex-direction: column;
}

.form-group.gap-0 .plan-container .plan-toolbar {
    right: 0px;
    padding-right: 0px !important;
}

/*---*/

.plan-toolbar {
    gap: 4px !important;
}

.zoom-value {
    color: white;
}

.zoom-controls.fullscreen .btn-zoom {
    padding: initial !important;
    width: 26px;
    display: flex;
    height: 26px;
    justify-content: center;
}

.zoom-controls.fullscreen {
    position: absolute;
    top: 20px;
    right: 52px;
}

.btn-zoom.map.fullscreen {
    top: 20px;
    position: absolute;
    right: 20px;
}

/*---*/

.district-checkbox-list {
    overflow-x: hidden;
}

.district-checkbox-item .district-name {
    font-weight: 400;
}

/*---*/

img.custom-arrow {
    width: 12px;
}

/*---*/

.districts-dropdown-trigger._disabled {
    opacity: 1;
}

/*---*/

.clear-rooms-link {
    font-weight: 600 !important;
    right: 0;
    position: absolute;
}

/*---*/

.btn-print {
    background: #28a745 !important;
    transition: 0.3s ease;
}

.btn-print:hover {
    background: #218838 !important;
}
/*---*/

.complex-search-option {
    display: none;
}