:root {
    --ah-success-color: #339E75;
    --ah-danger-color: #DD5238;
    --ah-secondary-color: #8E8E8E;
    --ah-warning-color: #FAB734;
    --ah-dark-color: #1C1C1F;
    --ah-info-color: #4C5FAA;
    --ah-light-color: #EAEAEA;
    --ah-primary-color: #007BAA;
    --ah-not-active-gray-color: #A9A9A9;
    --ah-not-active-green-color: #A3F7C6;
    --ah-white-color: #ffffff;
    --ah-border-width: 2px;
    --ah-el-min-width: 200px;
    --ah-small-padding: 5px;
    --ah-medium-padding: calc(var(--ah-small-padding) * 2);
    --ah-large-padding: calc(var(--ah-small-padding) * 3);
    --ah-small-margin: 5px;
    --ah-medium-margin: calc(var(--ah-small-margin) * 2);
    --ah-large-margin: calc(var(--ah-small-margin) * 3);
    --ah-input-height: 36px;
    --ah-input-width: 100%;
    --ah-minimap-input-height: 34px;
    --ah-minimap-input-width: 34px;
    --ah-map-btn-radius: 4px;
    --ah-map-input-submenu-margin: 4px;
    --ah-map-leaflet-control-search-entered-width: 130px;
    --ah-map-leaflet-control-search-width: 93px;
    --ah-map-leaflet-control-gap: 9px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    color: var(--ah-dark-color) !important;
    background-color: var(--ah-light-color) !important; /* Наш цвет фона для выбранного в комбобоксе элемента, чтобы перебить дефолтовый из select2.min.css, который цепляется уже после redesign.common.css. */
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: var(--ah-dark-color) !important;
    background-color: var(--ah-light-color) !important; /* Наш цвет фона для элемента выпадающей части комбобокса, когда над ним проходит мышь, чтобы перебить дефолтовый из select2.min.css, который цепляется уже после redesign.common.css. */
}

.bootstrap-datetimepicker-widget table td.day {
    font-size: 14px;
}

.bootstrap-datetimepicker-widget table td span:hover {
    background: var(--ah-white-color);
}

.bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: var(--ah-success-color) !important;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: var(--ah-success-color) !important;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: var(--ah-success-color) !important;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

div.bootstrap-datetimepicker-widget.dropdown-menu {
    font-size: 14px;
}

.active.today {
    background-color: var(--ah-success-color);
}

a, a:hover, a:focus {
    color: var(--ah-success-color);
}

#searchInput {
    max-width: 280px;
    color: #6c757d;
}

#RoutesControl {
    margin: calc(var(--ah-large-margin) / 2);
}

h4.page-header {
    font-weight: bold;
}

.form-group.has-feedback {
    margin-bottom: 0;
}

    .form-group.has-feedback.add-form-margin {
        margin-right: -15px;
        margin-left: -15px;
        margin-bottom: 15px;
    }

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

label {
    display: inline-block;
    cursor: default;
}

    label.validation-error {
        font-size: 10px;
    }

/*
* Textareas, inputs, selects, select2s
*/
input.form-control,
textarea.form-control,
input,
select.form-control,
select {
    height: var(--ah-input-height);
    width: var(--ah-input-width);
    max-width: -webkit-fill-available;
}

.field-validation-valid {
    display: none;
}

.field-validation-error {
    color: var(--ah-danger-color);
}

input.form-control,
input,
select.form-control,
select,
textarea.form-control,
textarea {
    box-shadow: none;
    border-radius: var(--ah-small-padding);
    border: var(--ah-border-width) solid var(--ah-light-color); /* бордер есть, но в цвет, чтобы избегть скакания при фокусах */
    background-color: var(--ah-light-color);
    color: var(--ah-dark-color);
}

input.form-control[disabled],
input[disabled],
select.form-control[disabled],
select[disabled],
textarea.form-control[disabled],
textarea[disabled] {
    color: #A9A9A9;
}

    /* Элемент ввода с белым фоном (для случаев, когда, например, элемент поиска оказывается на серой панельке или фоне страницы и сливается с ней).
Этот класс не заменяет, а дополняет form-control. */
    input.form-control-white, textarea.form-control-white {
        background-color: var(--ah-white-color);
    }

    input.form-control:focus,
    input:focus:not(.select2-search__field):not(.btn),
    select.form-control:focus,
    select:focus,
    textarea.form-control:focus,
    textarea:focus,
    input.form-control:target,
    input:target,
    select.form-control:target,
    select:target,
    textarea.form-control:target,
    textarea:target {
        border-radius: var(--ah-small-padding);
        border: var(--ah-border-width) solid var(--ah-secondary-color);
        box-shadow: none;
        outline: none;
    }

.input-group .form-control:first-child:focus {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

input.form-control::placeholder,
input::placeholder,
select.form-control::placeholder,
select::placeholder,
textarea.form-control::placeholder,
textarea::placeholder {
    color: var(--ah-secondary-color);
}

input.form-control.validation-error:not(:focus),
input.form-control:invalid,
input.form-control:not(:focus):not(:valid):not(:disabled):not(:read-only),
label.validation-error:not(:focus),
input.validation-error:not(:focus),
input:invalid,
input:not(:focus):not(:valid):not(:disabled):not(:read-only),
.field-validation-valid,
select.form-control.validation-error,
select.form-control:invalid,
select.form-control:not(:focus):not(:valid):not(:disabled):not(:read-only),
select.validation-error:not(:focus),
select:invalid,
select:not(:focus):not(:valid):not(:disabled):not(:read-only),
textarea.form-control.validation-error:not(:focus),
textarea.form-control:invalid,
textarea.form-control:not(:focus):not(:valid):not(:disabled),
textarea.validation-error:not(:focus),
textarea:invalid,
textarea:not(:focus):not(:valid):not(:disabled) {
    color: var(--ah-danger-color);
}

    input.form-control.validation-error:not(:focus),
    input.form-control:invalid,
    input.form-control:not(:focus):not(:valid):not(:disabled):not(:read-only),
    input.validation-error:not(:focus),
    input:invalid,
    input:not(:focus):not(:valid):not(:disabled):not(:read-only),
    select.form-control.validation-error:not(:focus),
    select.form-control:invalid,
    select.form-control:not(:focus):not(:valid):not(:disabled):not(:read-only),
    select.validation-error:not(:focus),
    select:invalid,
    select:not(:focus):not(:valid):not(:disabled):not(:read-only),
    textarea.form-control.validation-error:not(:focus),
    textarea.form-control:invalid,
    textarea.form-control:not(:focus):not(:valid):not(:disabled),
    textarea.validation-error:not(:focus),
    textarea:invalid,
    textarea:not(:focus):not(:valid):not(:disabled) {
        border: var(--ah-border-width) solid var(--ah-danger-color);
    }

.validation-success,
input.form-control.validation-success,
input.validation-success {
    border: var(--ah-border-width) solid var(--ah-success-color);
}

textarea.small,
select.small,
input.small {
    font-size: 11px;
}

textarea.large,
.select2.large,
select.large,
input.large {
    font-size: 17px;
}

input.small {
    height: 20px;
}

input.large {
    height: 35px;
}

textarea.form-control,
textarea {
    height: 100px;
}

    textarea.small {
        height: 80px;
    }

    textarea.large {
        height: 150px;
    }

textarea, select, input {
    padding-block: 2px;
    padding-inline: 5px;
}

/*
* Стилизация частных компонентов
*/
#FormAgroUnit select.form-control.custom-select,
#AddUnitWrapper select.form-control.custom-select,
.select2-selection__arrow,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/Content/images/caret.svg) !important;
    background-repeat: no-repeat;
    background-size: 10px 50%;
}

/* Самые общие комбобоксы */
.select2.select2-container .select2-selection__arrow {
    background-position: 2px 50%; /* Сползание галочек в "худых" комбобоксах вне форм */
}

/* Комбобоксы внутри форм более раздутые с более толстой рамкой, поэтому для них положение галочки корректируем на величину "раздутия" */
form .select2.select2-container .select2-selection__arrow {
    background-position: 2px calc((100% + 9px) / 2); /* Сползание галочек в "раздутых" комбобоксах */
}

#FormAgroUnit select.form-control.custom-select, #AddUnitWrapper select.form-control.custom-select, select {
    background-position: 96% 50%
}

/* Стилизация dropdown-menu не делает его похожим на кнопку, как в макете. Чтобы не ломать как минимум существующее меню в шапке */
.dropdown .dropdown-toggle {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
}

/* чтобы ничего не сломать - базу не меняем */
.dropdown .dropdown-toggle {
    background: unset;
    color: var(--ah-dark-color);
}

    .dropdown .dropdown-toggle .info {
        background-color: var(--ah-white-color);
        color: var(--ah-dark-color);
    }

    .dropdown .dropdown-toggle .success {
        background-color: var(--ah-success-color);
        color: var(--ah-white-color);
    }

    .dropdown .dropdown-toggle .secondary {
        background-color: var(--ah-secondary-color);
        color: var(--ah-white-color);
    }

    .dropdown .dropdown-toggle .danger {
        background-color: var(--ah-danger-color);
        color: var(--ah-white-color);
    }

    .dropdown .dropdown-toggle .warning {
        background-color: var(--ah-warning-color);
        color: var(--ah-dark-color);
    }

    .dropdown .dropdown-toggle .primary {
        background-color: var(--ah-primary-color);
        color: var(--ah-white-color);
    }

    .dropdown .dropdown-toggle .dark {
        background-color: var(--ah-dark-color);
        color: var(--ah-white-color);
    }

    .dropdown .dropdown-toggle .white {
        background-color: var(--ah-white-color);
        color: var(--ah-dark-color);
    }

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem;
}

.dropdown-toggle {
    white-space: nowrap;
}

.dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
    margin-left: 0;
}

.dropdown, .dropend, .dropstart, .dropup, #ReportsMenu ul .btn-group {
    position: relative;
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.dropdown-toggle::after,
.dropdown-toggle-white::after {
    position: absolute;
    display: inline-block;
    margin-left: 5px;
}

.dropdown-toggle::after {
    content: url(/Content/images/caret.svg);
}

.dropdown-toggle-white::after {
    content: url(/Content/images/caret-white.svg);
}

/* Галочку в нажатой кнопке переворачиваем вверх ногами. */
.open .dropdown-toggle::after {
    content: url(/Content/images/caret-up.svg);
}

/* Пунктам в линейке меню, имеющим галочку, сделанную через ::after, увеличиваем правый габарит на величину блока галочки (10px), чтобы расстояние до следующего пункта не уменьшалось.
Исключение - пункты с галочкой через отдельный span. */
.dropdown:has(a.dropdown-toggle) {
    padding-right: calc(15px + 10px);
}

.dropdown:has(a.dropdown-toggle.season) {
    padding-right: 15px;
}

.dropdown-toggle:has(span)::after {
    margin-left: 0;
}

.dropdown-toggle span.glyphicon {
    transform: translateX(-3px);
}

.select2-container .select2-selection--single .select2-selection__arrow b,
span.caret { /* obsolete - use .dropdown-toggle */
    display: none;
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: var(--ah-border-width) solid rgba(0, 0, 0, .15);
    border-radius: var(--ah-small-padding);
}

.btn {
    height: var(--ah-input-height);
    max-width: var(--ah-input-width);
    border-width: var(--ah-border-width);
}

div.timepicker-picker a.btn {
    height: inherit;
    max-width: inherit;
    border-width: inherit;
}


.dropend .dropdown-toggle::after {
    position: absolute;
    display: inline-block;
    content: url(/Content/images/caret.svg);
    transform: rotate(270deg);
}

.dropend .dropdown-toggle::after {
    vertical-align: 0;
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0;
}

.dropstart .dropdown-toggle::before {
    position: absolute;
    display: inline-block;
    margin-left: .255em;
    content: url(/Content/images/caret.svg);
    transform: rotate(90deg);
}

.dropup .dropdown-toggle::after {
    position: absolute;
    display: inline-block;
    content: url(/Content/images/caret.svg);
    transform: rotate(180deg);
}

.dropend .dropdown-menu {
    left: 98%;
    top: 0;
}

.dropdown-menu > li > a {
    padding: 3px 10px;
}

.dropdown-menu {
    border: calc(var(--ah-border-width) / 2) solid var(--ah-secondary-color);
    background-color: var(--ah-white-color);
    border-radius: var(--ah-small-padding);
    margin-inline-start: 0;
    margin-block-start: var(--ah-small-padding);
}

.dropend .dropdown-menu {
    margin-inline-start: var(--ah-small-padding);
    margin-block-start: 0;
}

.dropdown-menu hr {
    margin-block: 0;
    border: 0;
    border-top: var(--ah-border-width) solid var(--ah-light-color); /* бордер есть, но в цвет, чтобы избегть скакания при фокусах */
}

.btn-secondary:hover {
    background-color: var(--ah-white-color);
    border-color: var(--ah-secondary-color);
}

/* checkboxes, radios, switches from bootstrap5  */

input[type=checkbox],
input[type=checkbox]:focus {
    border-radius: 0.25em;
}

    input[type=radio]:checked,
    input[type=checkbox]:checked {
        background-color: var(--ah-success-color);
        border-color: var(--ah-success-color);
    }

    input[type=radio]:disabled,
    input[type=checkbox]:disabled {
        pointer-events: none;
        filter: none;
        opacity: .5;
    }

input[type=checkbox],
input[type=radio] {
    min-height: 1em !important;
    min-width: 1em !important;
    width: 1em;
    height: 1em;
    vertical-align: top;
    background-size: contain;
    border: var(--ah-border-width) solid #e1e1e1;
    background: var(--ah-white-color) none no-repeat center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

    input[type=checkbox]:checked {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    }

input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='4' fill='white'/%3e%3ccircle r='3' fill='%2347B881'/%3e%3c/svg%3e");
    border: 1px solid var(--ah-success-color);
}

input[type=radio] {
    border-radius: 50% !important;
}

input.form-switch:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

input.form-switch {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: var(--ah-small-padding);
    transition: background-position .15s ease-in-out;
}

    input.form-switch.large {
        height: 20px;
        width: 45px;
        border-radius: calc(var(--ah-small-padding) * 2);
    }

.leaflet-container.leaflet-touch .leaflet-control-container input.form-switch.large {
    height: 20px;
    width: var(--ah-minimap-input-width);
    border-radius: calc(var(--ah-small-padding) * 2);
    border: none;
    margin-bottom: var(--ah-map-leaflet-control-gap);
}

.good-select .select2-selection {
    height: var(--ah-input-height) !important;
}

.good-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: var(--ah-input-height) !important;
    padding-left: 12px !important;
}

.good-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: var(--ah-input-height) !important;
}
    /*!
 * Select2 v4 Bootstrap 5 theme v1.3.0
*/
    form .select2-container {
    display: block;
    width: var(--ah-input-width) !important;
}

    form .select2-container,
    form .select2-container .selection {
        min-height: var(--ah-input-height);
    }

        form .select2-container .selection .select2-selection {
            min-height: var(--ah-input-height);
        }

        form .select2-container.select2-container--focus .selection .select2-selection {
            min-height: calc(var(--ah-input-height) - calc(var(--ah-border-width) * 2));
            height: auto;
        }

li.select2-results__option {
    min-height: var(--ah-input-height); /* типа если деволт пустая строка, то чтобы было +- понятно */
    word-break: break-word;
}

form select + .select2-container {
    z-index: 1;
}

form .select2-container *:focus {
    outline: 0;
}

form .select2-container--default .select2-selection--single .select2-selection__rendered,
form .select2-container--default .select2-selection--multiple,
form .select2-container--default .select2-selection--multiple .select2-selection__rendered,
span .select2-selection__rendered,
span .select2-container--default .select2-selection--single {
    height: -webkit-fill-available;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: var(--ah-light-color);
    background-color: var(--ah-light-color);
    border-radius: 5px;
    width: var(--ah-input-width);
}


span .select2-container--open,
span .select2-dropdown.select2-dropdown--below,
span .select2-dropdown.select2-dropdown--above {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: var(--ah-secondary-color);
    border: var(--ah-border-width) solid var(--ah-secondary-color);
    background: var(--ah-white-color);
    width: var(--ah-input-width);
}

span .select2-dropdown.select2-dropdown--below {
    transform: translateY(-1px);
}

span .select2-dropdown.select2-dropdown--above {
    transform: translateY(1px);
}

form .select2-container .select2-selection {
    width: var(--ah-input-width) !important;
    max-width: -webkit-fill-available;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: var(--ah-light-color);
    border: var(--ah-border-width) solid var(--ah-secondary-color);
    border-radius: var(--ah-small-padding);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    form .select2-container .select2-selection {
        transition: none;
    }
}

form .select2-container.select2-container--open.select2-container--below .select2-selection {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: var(--ah-border-width) solid var(--ah-secondary-color);
}

form .select2-container.select2-container--open.select2-container--above .select2-selection {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom: var(--ah-border-width) solid var(--ah-secondary-color);
}

form .select2-container .select2-search--inline .select2-search__field {
    vertical-align: top;
}

form .select2-container + .select2-container {
    z-index: 1056;
}

form .select2-container .select2-dropdown {
    z-index: 1056;
    overflow: hidden;
    color: #212529;
    background-color: var(--ah-light-color);
    border: var(--ah-border-width) solid var(--ah-secondary-color);
    border-radius: var(--ah-small-padding);
}

    form .select2-container .select2-dropdown.select2-dropdown--below {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    form .select2-container .select2-dropdown.select2-dropdown--above {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    form .select2-container .select2-dropdown .select2-search {
        padding: 3px 12px;
    }

        form .select2-container .select2-dropdown .select2-search .select2-search__field {
            transform: translate(calc(var(--ah-small-padding) * (-1)), calc(var(--ah-small-padding) * (-1)));
            border-block-end: var(--ah-border-width) solid var(--ah-secondary-color);
            display: block;
            width: 100%;
            padding: 3px 12px;
            font-family: inherit;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            background-color: var(--ah-light-color);
            background-clip: padding-box;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: 0;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }

@media (prefers-reduced-motion: reduce) {
    form .select2-container .select2-dropdown .select2-search .select2-search__field {
        transition: none;
    }
}

form .select2-container .select2-dropdown .select2-search .select2-search__field:focus {
    border-color: var(--ah-secondary-color);
    box-shadow: none;
}

form .select2-container .select2-dropdown .select2-results__options:not(.select2-results__options--nested) {
    max-height: 15rem;
    overflow-y: auto;
    transform: translateX(3px);
}

form .select2-container .select2-dropdown .select2-results__options .select2-results__option {
    padding: 3px 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
}

    form .select2-container .select2-dropdown .select2-results__options .select2-results__option.select2-results__message {
        color: var(--ah-secondary-color);
    }

    form .select2-container .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
        color: var(--ah-dark-color);
        background-color: var(--ah-secondary-color);
    }

    form .select2-container .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--disabled,
    form .select2-container .select2-dropdown .select2-results__options .select2-results__option[aria-disabled=true] {
        color: var(--ah-secondary-color);
    }

    form .select2-container .select2-dropdown .select2-results__options .select2-results__option[role=group] {
        padding: 0;
    }

        form .select2-container .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
            padding: 3px 12px;
            font-weight: 500;
            line-height: 1.5;
            color: #6c757d;
        }

        form .select2-container .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
            padding: 3px 12px;
        }

form .select2-container .select2-selection--single {
    border: var(--ah-border-width) solid var(--ah-light-color); /* бордер есть, но в цвет, чтобы избегть скакания при фокусах */
    padding: 5px 12px;
}

form .select2-container.select2-container--open .select2-selection--single {
    border-top: var(--ah-border-width) solid var(--ah-secondary-color);
    border-left: var(--ah-border-width) solid var(--ah-secondary-color);
    border-right: var(--ah-border-width) solid var(--ah-secondary-color);
}

form .select2-container .select2-selection--single .select2-selection__rendered {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: var(--ah-dark-color);
}

    form .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5;
        color: var(--ah-secondary-color);
    }

    form .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__arrow {
        display: none;
    }

form .select2-container .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    text-align: center;
    justify-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 4px !important;
    margin: 0;
    list-style: none;
    padding-block-start: 4px;
    align-items: center;
    gap: var(--ah-small-padding);
}

    form .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
        text-wrap: pretty;
        display: math;
        flex-direction: row;
        align-items: center;
        margin-inline: 0.375rem;
        margin-block: 0.3rem;
        color: #212529;
        cursor: auto;
        border: var(--ah-border-width) solid var(--ah-secondary-color);
        border-radius: var(--ah-small-padding);
    }

form .select2-container .select2-results > .select2-results__options {
    background-color: var(--ah-light-color);
}

form .select2-container .select2-selection {
    box-shadow: none;
    border: var(--ah-border-width) solid var(--ah-light-color); /* бордер есть, но в цвет, чтобы избегть скакания при фокусах */
    background-color: var(--ah-light-color);
}

form .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    width: 0.75rem;
    height: 0.75rem;
    padding: 0.25em 0.25em;
    margin-right: 0.25rem;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
    border: 0;
}

form .select2-container.select2-container--focus .select2-selection, .select2-container.select2-container--open .select2-selection {
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: none;
    -webkit-transition: none;
    border: var(--ah-border-width) solid var(--ah-secondary-color);
    width: var(--ah-input-width) !important;
}

form select + .select2-container.select2-container--focus {
    width: var(--ah-input-width) !important;
    border-radius: var(--ah-small-padding);
}

span.selection {
    display: inline; /* чтобы серый фон у комбобоксов не уползал */
}

/* В формах комбобоксы "раздутые", для них flex-ом выравнивание происходит. */
form span.selection {
    display: flex;
}

form .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
}

form .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove > span {
    display: none;
}

form .select2-container .select2-selection--multiple .select2-search .select2-search__field {
    width: 100%;
    height: 30px;
    margin-top: 0;
    margin-left: 12px;
    font-family: inherit;
    line-height: 1.5;
    background-color: transparent;
}

form .select2-container .select2-selection--multiple .select2-selection__clear {
    right: 0.75rem;
}

form .select2-container.select2-container--disabled .select2-selection, .select2-container.select2-container--disabled.select2-container--focus .select2-selection {
    color: var(--ah-secondary-color);
    box-shadow: none;
    pointer-events: none;
    filter: none;
    opacity: .5;
}

form .select2-container.select2-container--disabled .select2-selection--multiple .select2-selection__clear, .select2-container.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__clear {
    display: none;
}

form .select2-container.select2-container--disabled .select2-selection--multiple .select2-selection__choice, .select2-container.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__choice {
    cursor: not-allowed;
}

    form .select2-container.select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove, .select2-container.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
        display: none;
    }

form .select2-container.select2-container--disabled .select2-selection--multiple .select2-selection__rendered:not(:empty), .select2-container.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__rendered:not(:empty) {
    padding-bottom: 0;
}

    form .select2-container.select2-container--disabled .select2-selection--multiple .select2-selection__rendered:not(:empty) + .select2-search, .select2-container.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__rendered:not(:empty) + .select2-search {
        display: none;
    }

form .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu).select2-container .select2-selection {
    border-radius: var(--ah-small-padding);
}

form .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu).select2-container .select2-selection {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

form .input-group > .input-group-text ~ .select2-container .select2-selection,
form .input-group > .btn ~ .select2-container .select2-selection,
form .input-group > .dropdown-menu ~ .select2-container .select2-selection {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

form .input-group .select2-container {
    flex-grow: 1;
}

    form .input-group .select2-container .select2-selection {
        height: 100%;
    }

form .is-valid + .select2-container .select2-selection, .was-validated select:valid + .select2-container .select2-selection {
    border-color: var(--ah-success-color);
}

form .is-valid + .select2-container.select2-container--focus .select2-selection, .is-valid + .select2-container.select2-container--open .select2-selection, .was-validated select:valid + .select2-container.select2-container--focus .select2-selection, .was-validated select:valid + .select2-container.select2-container--open .select2-selection {
    border-color: var(--ah-success-color);
    box-shadow: none;
}

form .is-valid + .select2-container.select2-container--open.select2-container--above .select2-selection, .was-validated select:valid + .select2-container.select2-container--open.select2-container--above .select2-selection {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

form .is-invalid + .select2-container .select2-selection, .was-validated select:invalid + .select2-container .select2-selection {
    border-color: var(--ah-danger-color);
}

form .is-invalid + .select2-container.select2-container--focus .select2-selection, .is-invalid + .select2-container.select2-container--open .select2-selection, .was-validated select:invalid + .select2-container.select2-container--focus .select2-selection, .was-validated select:invalid + .select2-container.select2-container--open .select2-selection {
    border-color: var(--ah-danger-color);
    box-shadow: none;
}

form .is-invalid + .select2-container.select2-container--open.select2-container--above .select2-selection, .was-validated select:invalid + .select2-container.select2-container--open.select2-container--above .select2-selection {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

form .select2-container .select2--small.select2-selection {
    min-height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: var(--ah-small-padding);
}

form .select2-container.select2-container--open.select2-container--below .select2-selection {
    box-shadow: none;
}

form .select2-search--dropdown {
    background-color: var(--ah-light-color);
}

form .select2-container .select2--small.select2-selection--single .select2-search,
form .select2-container .select2--small.select2-selection--single .select2-search .select2-search__field,
form .select2-container .select2--small.select2-selection--multiple .select2-search,
form .select2-container .select2--small.select2-selection--multiple .select2-search .select2-search__field {
    height: var(--ah-small-padding);
}

form .select2-container .select2--small.select2-dropdown {
    border-radius: var(--ah-small-padding);
}

    form .select2-container .select2--small.select2-dropdown.select2-dropdown--below {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    form .select2-container .select2--small.select2-dropdown.select2-dropdown--above {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    form .select2-container .select2--small.select2-dropdown .select2-search .select2-search__field {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
    }

    form .select2-container .select2--small.select2-dropdown .select2-results__options .select2-results__option {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
    }

        form .select2-container .select2--small.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
            padding: 0.25rem 0.25rem;
        }

        form .select2-container .select2--small.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
            padding: 0.25rem 0.5rem;
        }

form .select2-container .select2--small.select2-selection--single {
    padding: 0.25rem 2.25rem 0.25rem 0.5rem;
}

form .select2-container .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    padding: 0.35em 0.65em;
    font-size: 0.875rem;
}

    form .select2-container .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
        width: 0.5rem;
        height: 0.5rem;
        padding: 0.125rem 0.125rem;
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
    }

        form .select2-container .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
            background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
        }

form .select2-container .select2--small.select2-selection--multiple .select2-selection__clear {
    right: 0.5rem;
}

form .select2-container .select2--large.select2-selection {
    min-height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--ah-small-padding);
}

form .select2-container .select2--large.select2-selection--single .select2-selection__clear,
form .select2-container .select2--large.select2-selection--multiple .select2-selection__clear {
    width: 1rem;
    height: 1rem;
    padding: 0.5rem 0.5rem;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
}

    form .select2-container .select2--large.select2-selection--single .select2-selection__clear:hover,
    form .select2-container .select2--large.select2-selection--multiple .select2-selection__clear:hover {
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
    }

form .select2-container .select2--large.select2-selection--single .select2-search,
form .select2-container .select2--large.select2-selection--single .select2-search .select2-search__field,
form .select2-container .select2--large.select2-selection--multiple .select2-search,
form .select2-container .select2--large.select2-selection--multiple .select2-search .select2-search__field {
    height: 1.5em;
}

form .select2-container .select2--large.select2-dropdown {
    border-radius: var(--ah-small-padding);
}

    form .select2-container .select2--large.select2-dropdown.select2-dropdown--below {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    form .select2-container .select2--large.select2-dropdown.select2-dropdown--above {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    form .select2-container .select2--large.select2-dropdown .select2-search .select2-search__field {
        padding: 0.5rem 1rem;
        font-size: 1.25rem;
    }

    form .select2-container .select2--large.select2-dropdown .select2-results__options .select2-results__option {
        padding: 0.5rem 1rem;
        font-size: 1.25rem;
    }

        form .select2-container .select2--large.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
            padding: 0.5rem 0.5rem;
        }

        form .select2-container .select2--large.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
            padding: 0.5rem 1rem;
        }

form .select2-container .select2--large.select2-selection--single {
    padding: 0.5rem 2.25rem 0.5rem 1rem;
}

form .select2-container .select2--large.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    padding: 0.35em 0.65em;
    font-size: 1.25rem;
}

    form .select2-container .select2--large.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
        width: 1rem;
        height: 1rem;
        padding: 0.5rem 0.5rem;
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
    }

        form .select2-container .select2--large.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
            background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
        }

form .select2-container .select2--large.select2-selection--multiple .select2-selection__clear {
    right: 1rem;
}

form .form-select-sm ~ .select2-container .select2-selection {
    min-height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: var(--ah-small-padding);
}

form .form-select-sm ~ .select2-container .select2-selection--single .select2-selection__clear,
form .form-select-sm ~ .select2-container .select2-selection--multiple .select2-selection__clear {
    width: 0.5rem;
    height: 0.5rem;
    padding: 0.125rem 0.125rem;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
}

    form .form-select-sm ~ .select2-container .select2-selection--single .select2-selection__clear:hover,
    form .form-select-sm ~ .select2-container .select2-selection--multiple .select2-selection__clear:hover {
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
    }

form .form-select-sm ~ .select2-container .select2-selection--single .select2-search,
form .form-select-sm ~ .select2-container .select2-selection--single .select2-search .select2-search__field,
form .form-select-sm ~ .select2-container .select2-selection--multiple .select2-search,
form .form-select-sm ~ .select2-container .select2-selection--multiple .select2-search .select2-search__field {
    height: 1.5em;
}

form .form-select-sm ~ .select2-container .select2-dropdown {
    border-radius: var(--ah-small-padding);
}

    form .form-select-sm ~ .select2-container .select2-dropdown.select2-dropdown--below {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    form .form-select-sm ~ .select2-container .select2-dropdown.select2-dropdown--above {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    form .form-select-sm ~ .select2-container .select2-dropdown .select2-search .select2-search__field {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
    }

    form .form-select-sm ~ .select2-container .select2-dropdown .select2-results__options .select2-results__option {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
    }

        form .form-select-sm ~ .select2-container .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
            padding: 0.25rem 0.25rem;
        }

        form .form-select-sm ~ .select2-container .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
            padding: 0.25rem 0.5rem;
        }

form .form-select-sm ~ .select2-container .select2-selection--single {
    padding: 0.25rem 2.25rem 0.25rem 0.5rem;
}

form .form-select-sm ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    padding: 0.35em 0.65em;
    font-size: 0.875rem;
}

    form .form-select-sm ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
        width: 0.5rem;
        height: 0.5rem;
        padding: 0.125rem 0.125rem;
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
    }

.btn-change {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

    .btn-change:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #ec971f;
    }

.btn-delete {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
}

    .btn-delete:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #c9302c;
    }

.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info:active:hover,
.btn-info:active:focus,
.btn-info[disabled]:hover,
.btn-info.active,
.btn-info.active:hover {
    background-color: var(--ah-info-color);
    border-color: var(--ah-info-color);
    outline: initial;
    border: initial;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary[disabled]:hover,
.btn-primary.active,
.btn-primary.active:hover {
    background-color: var(--ah-primary-color);
    border-color: var(--ah-primary-color);
    outline: initial;
    border: initial;
}

.btn-warning,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning[disabled]:hover,
.btn-warning.active,
.btn-warning.active:hover {
    background-color: var(--ah-warning-color);
    border-color: var(--ah-warning-color);
    outline: initial;
    border: initial;
}

.btn-light,
.btn-light:hover,
.btn-light:active,
.btn-light:active:hover,
.btn-light:active:focus,
.btn-light[disabled]:hover,
.btn-light.active,
.btn-light.active:hover {
    background-color: var(--ah-white-color);
    border-color: var(--ah-white-color);
    outline: initial;
    border: initial;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:active:hover,
.btn-secondary:active:focus,
.btn-secondary[disabled]:hover,
.btn-secondary.active,
.btn-secondary.active:hover {
    background-color: var(--ah-light-color);
    border-color: var(--ah-light-color);
    outline: initial;
    border: initial;
}

.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success:active:hover,
.btn-success:active:focus,
.btn-success[disabled]:hover,
.btn-success.active,
.btn-success.active:hover {
    background-color: var(--ah-success-color);
    border-color: var(--ah-success-color);
    outline: initial;
    border: initial;
}

.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger[disabled]:hover,
.btn-danger.active,
.btn-danger.active:hover {
    background-color: var(--ah-danger-color);
    border-color: var(--ah-danger-color);
    outline: initial;
    border: initial;
}

.btn-light-gray,
.btn-light-gray:hover,
.btn-light-gray:focus,
.btn-light-gray:active,
.btn-light-gray:active:hover,
.btn-light-gray:active:focus,
.btn-light-gray[disabled]:hover,
.btn-light-gray.active,
.btn-light-gray.active:hover {
    background-color: var(--ah-light-color);
    border-color: var(--ah-light-color);
    outline: initial;
    border: initial;
}

.btn-dark-gray,
.btn-dark-gray:hover,
.btn-dark-gray:focus,
.btn-dark-gray:active,
.btn-dark-gray:active:hover,
.btn-dark-gray:active:focus,
.btn-dark-gray[disabled]:hover,
.btn-dark-gray.active,
.btn-dark-gray.active:hover {
    color: #fff;
    background-color: var(--ah-secondary-color);
    border-color: var(--ah-secondary-color);
    outline: initial;
    border: initial;
}

.btn-dark,
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark:active:hover,
.btn-dark:active:focus,
.btn-dark[disabled]:hover,
.btn-dark.active,
.btn-dark.active:hover {
    color: #fff;
    background-color: var(--ah-dark-color);
    border-color: var(--ah-dark-color);
    outline: initial;
    border: initial;
}

.text-success {
    color: var(--ah-success-color);
}

.form-select-sm ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
}

.form-select-sm ~ .select2-container .select2-selection--multiple .select2-selection__clear {
    right: 0.5rem;
}

.form-select-lg ~ .select2-container .select2-selection {
    min-height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--ah-small-padding);
}

.form-select-lg ~ .select2-container .select2-selection--single .select2-selection__clear,
.form-select-lg ~ .select2-container .select2-selection--multiple .select2-selection__clear {
    width: 1rem;
    height: 1rem;
    padding: 0.5rem 0.5rem;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
}

    .form-select-lg ~ .select2-container .select2-selection--single .select2-selection__clear:hover,
    .form-select-lg ~ .select2-container .select2-selection--multiple .select2-selection__clear:hover {
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
    }

.form-select-lg ~ .select2-container .select2-selection--single .select2-search,
.form-select-lg ~ .select2-container .select2-selection--single .select2-search .select2-search__field,
.form-select-lg ~ .select2-container .select2-selection--multiple .select2-search,
.form-select-lg ~ .select2-container .select2-selection--multiple .select2-search .select2-search__field {
    height: 1.5em;
}

.form-select-lg ~ .select2-container .select2-dropdown {
    border-radius: var(--ah-small-padding);
}

    .form-select-lg ~ .select2-container .select2-dropdown.select2-dropdown--below {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .form-select-lg ~ .select2-container .select2-dropdown.select2-dropdown--above {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .form-select-lg ~ .select2-container .select2-dropdown .select2-search .select2-search__field {
        padding: 0.5rem 1rem;
        font-size: 1.25rem;
    }

    .form-select-lg ~ .select2-container .select2-dropdown .select2-results__options .select2-results__option {
        padding: 0.5rem 1rem;
        font-size: 1.25rem;
    }

        .form-select-lg ~ .select2-container .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
            padding: 0.5rem 0.5rem;
        }

        .form-select-lg ~ .select2-container .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
            padding: 0.5rem 1rem;
        }

.form-select-lg ~ .select2-container .select2-selection--single {
    padding: 0.5rem 2.25rem 0.5rem 1rem;
}

.form-select-lg ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    padding: 0.35em 0.65em;
    font-size: 1.25rem;
}

    .form-select-lg ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
        width: 1rem;
        height: 1rem;
        padding: 0.5rem 0.5rem;
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
    }

        .form-select-lg ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
            background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat;
        }

.form-select-lg ~ .select2-container .select2-selection--multiple .select2-selection__clear {
    right: 1rem;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 5px !important; /* !important т.к. redesign.common.css подключен до стилей select2, и они перешибают в общем случае все наши местные изменения редизайна */
    padding-right: 0;
    margin: 0; /* Чтобы белый фон по краям комбобокса не просвечивал рядом с рамкой */
    width: auto; /* Чтобы серый фон не убегал и белым фоном галочки не перекрывался */
}

td .select2-container.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 3px 12px;
    padding-top: 0; /* Чтобы текст не убегал в комбобоксах */
}

/* nav-bar */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--ah-white-color);
    background-color: var(--ah-success-color);
}

.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
    width: 100%;
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem;
}

.nav-link {
    display: block;
    color: var(--ah-dark-color);
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.nav { /* не редактировать, писать стили ниже иначе ломаются пресеты в.ч. бутстрапа */
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    list-style: none;
    border-radius: calc(var(--ah-small-padding) * 2);
    background-color: var(--ah-white-color);
    padding: 5px;
    width: max-content;
}

#FilterMenu.dropdown-menu > div {
    width: 23%;
    float: left;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-inline-start: 5px;
    margin-inline: 5px;
}

#LayerFilter {
    display: contents;
    padding: 0;
}

#RegionFilter, #YearFilter, #ClusterFilter, #GardeningYearFilter,
.nav-justified {
    display: contents;
    justify-content: space-between;
    padding: 0;
}

.dropdown .layers-years-menu {
    display: none;
}

.dropdown.open .layers-years-menu {
    float: right;
    width: max-content;
    max-width: 930px;
    left: auto;
    display: flex;
    right: 0px;
    padding-left: 10px;
    padding-right: 0px;
    overflow-y: auto;
}

.nav-fill .nav-item, .nav-fill > .nav-link {
    flex: 1 1 auto;
    text-align: center;
}

.nav.nav-tabs {
    background: none;
    border: none;
}

    .nav.nav-tabs .nav-link {
        border-bottom: calc(var(--ah-border-width) * 2) solid var(--ah-white-color);
    }

        .nav.nav-tabs .nav-link.active {
            color: var(--ah-success-color);
            border-bottom: calc(var(--ah-border-width) * 2) solid var(--ah-success-color)
        }

            .nav.nav-tabs .nav-link.active a {
                color: var(--ah-success-color);
            }

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    margin: var(--ah-small-padding);
    color: var(--ah-white-color);
    background-color: var(--ah-success-color);
}

.nav.nav-tabs .nav-item {
    display: inline-table;
}

.nav-justified ul {
    list-style: none;
    padding: 0;
}

.nav-justified li {
    flex: 1;
    text-align: center;
}

    .nav-justified li a {
        display: flex;
        padding: 10px;
        text-decoration: none;
        color: var(--ah-dark-color);
        text-align: center;
        justify-content: center;
    }

.nav-tabs.nav-justified > li > a {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: var(--ah-border-width) solid var(--ah-white-color);
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: var(--ah-border-width) solid var(--ah-success-color);
}

/* modal */
.btn,
.modal-footer,
.modal-header {
    font-weight: bold;
}

.modal-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .modal-footer .btn {
        margin-inline: var(--ah-small-padding);
    }

        /* Кнопка отмены */
        .modal-footer .btn[data-dismiss] {
            order: -100; /* всегда самая левая */
            background-color: var(--ah-light-color);
            border-color: var(--ah-light-color);
            color: var(--ah-dark-color);
        }

            .modal-footer .btn[data-dismiss]:hover {
                border-color: var(--ah-secondary-color);
                color: var(--ah-dark-color);
            }

        /* Кнопка сохранения */
        .modal-footer .btn:not([data-dismiss]) {
            order: 100; /* всегда самая правая */
            background-color: var(--ah-success-color);
            border-color: var(--ah-success-color);
            color: var(--ah-white-color);
        }

            .modal-footer .btn:not([data-dismiss]):hover {
                border-color: #28a745;
                color: var(--ah-white-color);
            }

/* tooltips */
[tooltip-right],
[tooltip-left],
[tooltip-top],
[tooltip-bottom] {
    position: relative;
}

    [tooltip-bottom]:before {
        content: '';
        position: absolute;
        top: 100%;
        left: calc(50% - 6px);
        margin-top: -6px;
        pointer-events: none;
        border: 6px solid transparent;
        border-bottom-color: var(--ah-dark-color);
    }

    [tooltip-bottom]:after {
        content: attr(tooltip-bottom);
        position: absolute;
        top: 100%;
        left: 50%;
        margin-top: 6px;
        background-color: var(--ah-dark-color);
        color: var(--ah-white-color);
        border-radius: var(--ah-small-padding);
        white-space: nowrap;
        font-size: 0.8em;
        padding: 0.5em 1em;
        z-index: 100;
        transform: translate(-50%, 0);
    }

    [tooltip-right]:before {
        content: '';
        position: absolute;
        top: calc(50% - 6px);
        left: 100%;
        margin-left: -6px;
        pointer-events: none;
        border: 6px solid transparent;
        border-left-color: var(--ah-dark-color);
        transform: rotate(180deg);
    }

    [tooltip-right]:after {
        content: attr(tooltip-right);
        position: absolute;
        top: 50%;
        left: 100%;
        margin-left: 6px;
        background-color: var(--ah-dark-color);
        color: var(--ah-white-color);
        border-radius: var(--ah-small-padding);
        white-space: nowrap;
        font-size: 0.8em;
        padding: 0.5em 1em;
        z-index: 100;
        transform: translate(0, -50%);
    }

    [tooltip-left]:before {
        content: '';
        position: absolute;
        top: calc(50% - 6px);
        right: 100%;
        margin-right: -6px;
        pointer-events: none;
        border: 6px solid transparent;
        border-right-color: var(--ah-dark-color);
        transform: rotate(180deg);
    }

    [tooltip-left]:after {
        content: attr(tooltip-left);
        position: absolute;
        top: 50%;
        right: 100%;
        margin-right: 6px;
        background-color: var(--ah-dark-color);
        color: var(--ah-white-color);
        border-radius: var(--ah-small-padding);
        white-space: nowrap;
        font-size: 0.8em;
        padding: 0.5em 1em;
        z-index: 100;
        transform: translate(0, -50%);
    }

    [tooltip-top]:before {
        content: '';
        position: absolute;
        bottom: 100%;
        left: calc(50% - 6px);
        margin-top: 6px;
        pointer-events: none;
        border: 6px solid transparent;
        border-top-color: var(--ah-dark-color);
    }

    [tooltip-top]:after {
        content: attr(tooltip-top);
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-top: -6px;
        background-color: var(--ah-dark-color);
        color: var(--ah-white-color);
        border-radius: var(--ah-small-padding);
        white-space: nowrap;
        font-size: 0.8em;
        padding: 0.5em 1em;
        z-index: 100;
        transform: translate(-50%, -12px);
    }

    [tooltip-bottom]:before,
    [tooltip-bottom]:after,
    [tooltip-right]:before,
    [tooltip-right]:after,
    [tooltip-left]:before,
    [tooltip-left]:after,
    [tooltip-top]:before,
    [tooltip-top]:after {
        position: absolute;
        z-index: 100;
        visibility: hidden;
        opacity: 0;
    }

    [tooltip-bottom]:hover:before,
    [tooltip-bottom]:hover:after,
    [tooltip-right]:hover:before,
    [tooltip-right]:hover:after,
    [tooltip-left]:hover:before,
    [tooltip-left]:hover:after,
    [tooltip-top]:hover:before,
    [tooltip-top]:hover:after {
        visibility: visible;
        opacity: 1;
    }


/* Пины */
.pin {
    display: block;
    position: relative;
    background-image: url('data:image/png;base64, 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');
    background-repeat: no-repeat;
    background-size: contain;
    height: 40px;
    width: 35px;
}

    .pin.large {
        height: 70px;
        width: 63px;
    }

    .pin img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -65%);
        border-radius: 50%;
        background-color: white;
        height: 22px;
        width: 65%;
        background-size: contain;
    }

    .pin.large img {
        transform: translate(-52%, -65%);
        height: 40px;
    }

    .pin.activeStock img {
        /* #EA1010 */
        filter: invert(28%) sepia(80%) saturate(7202%) hue-rotate(355deg) brightness(93%) contrast(98%);
    }

    .pin img.info {
        background-image: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAGsAAABnCAYAAAAHfbx3AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAO/SURBVHhe7dvRSSRBEMZxAxHuXbh3xXfFd8V3xQDkApALQA1ADEBNwEtAE9AE3Ag2gjm+gYalZmbd2e6qrq+tPxQHMu6y/nbO3p5xp4to2pFfiPwWWEQFFlGBRVRgERVYRAUWUYFFVGARFVhEBRZRgUVUYBEVWEQFFlGBRVRgERVYRAUWUYFFFD3Wcrns7u7uu7Oz825//7A7Pj7pbm7+dovFQh5KHzXW19eiB9rd/TWYg4PD7u3tXX4LdbRY66BW5/n5RX4rbZRYm0K1BkaHNReqJTAqrG2hWgGjwcqFagGMAqsUVBpWMPdYpaHSMIK5xtKCSsMG5hZLGyoNE5hLLCuoNCxg7rCsodIwgLnCqgWVxjuYG6wSULnfj/EM5gIrF+r6+k9/qQTh39vb+8Exc8YrWHWsXKijoxP5kH24piWPnTMewapi5UJhXl//yYftw2PLY+eON7BqWCWgMFMXGEtgYTyBVcEqBYWZ+mF+fHwOjt12pp7DOnOsklCYh4dH+RR9OOPksTnjAcwUqzQUBguJsZ6eXgbH5k5tMDMsDSgMlu1j5S7fp6YmmAmWFhTm9PRcPl1f7tJ93dQCU8fShMLgsce6uLgaHFtyaoCpYmlDYfb2fsun7cNNn/LY0mMNpoZlAZUmbTWtZvHceKPgI4JValhYUssXpzVjt0rLY7QGZ7BVali451y+MK2Ruxg40+QxmjN2ZmukhiVfkObI3x0ldy82mbEzWyM1LIvfGWnkLkbp3Yvvhv7MwodV+aK0Ru5iaOxeTA3+WsUqNSzLdzd+YKvv7stL3c9YqyP/C9ZMDQtZrggBhrPZ4vNVGmxpWaaKhbT26GqPNRRSx0KtgdWAQiZYqBWwWlDIDAtpgWHnHQsafN7BZyytlWhNKGSKhUqDYeU3VulLJLWhkDkWKgm2bvcAG63y+G3GAxSqgoVKgE1dHkmVWMZ7gULVsFAumDaWJyhUFQvlgmnd5OkNClXHQjlgOLvk763cC58eoZALLJQDhsGqEI+BZXvOwsIrFHKDhXLBcsczFHKFhWqBeYdC7rCQNRgDFHKJhazAWKCQWyykDcYEhVxjIS0wNijkHguVBmOEQhRYqBQYKxSiwUK5YMxQiAoLbQvGDoXosNBcsBagECUW2hSsFShEi4W+A2sJClFjIdwqLS+HYNdd3v/eQvRYKdzVhDucLP+4zbpmsH5CgUVUYBEVWEQFFlGBRVRgERVYRAUWUYFFVGARFVhEBRZRgUVUYBEVWEQFFlGBRVRgERVYRAUWUYFF1H+KKEfdiHUzrQAAAABJRU5ErkJggg==");
    }

    .pin img.empty {
        background-image: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAG8AAABpCAYAAAA0nH19AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEGSURBVHhe7dExDQAACMAw/JuGHwdL2nPvZsmaH+gwL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCzAszL8y8MPPCDu4ucICkAVwMAAAAAElFTkSuQmCC");
    }

.leaflet-marker-icon.leaflet-div-icon .pin {
    transform: translate(-35%, -85%);
}

.leaflet-marker-icon.leaflet-div-icon:has(.pin) {
    background: transparent;
    border: none;
}

body {
    background-color: #EAEAEA;
    background-attachment: local;
    background-image: url('/image/MainPageBackground');
    background-size: cover;
    padding: 0px 0px 30px 0px;
    color: #1C1C1F;
}

.container {
    width: 100% !important;
}

.container-main {
    margin-bottom: var(--ah-large-margin);
    background-color: #FFFFFF;
    height: 67px;
    padding: 15px 0;
    border-radius: 12px 12px 0 0;
    border-width: 0;
}

#MainLayout {
    padding: 0px;
    margin: 0px;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

footer {
    font-family: "Inter";
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #8E8E8E;
}

span.footer-left-area {
    float: left;
}

span.footer-right-area {
    float: right;
}

span.version {
}

span.helpdesk {
    text-align: right;
}

span.helpdesk-email {
    color: #339E75;
}

:root {
    /* Ключевые размеры меню для расчета ширины основной линейки меню при разном размере окна браузера и разной фактической длине и составе его внутренних пунктов */
    --left-header-width: 189px; /* Ширина блока с логотипом слева от основной линейки меню */
    --left-header-margin-left: 15px; /* Размер отступа блока с логотипом от левой границы окна */
    --right-box_menu-width: 450px; /* Ширина правой линейки меню с сезоном, языком, логином и прочими пиктограммами */
    --nav-dropdownlabel-width: 0px; /* Ширина пункта "Еще" (при его отсутствии 0px, при его присутствии - его фактическая ширина) */
    --center-box_menu-width: calc(100% - var(--left-header-margin-left) - var(--left-header-width) - var(--nav-dropdownlabel-width) - var(--right-box_menu-width));
}

.left-header img {
    width: auto;
    height: 37px;
}

.left-header {
    width: var(--left-header-width);
    height: 37px;
    padding-top: 0px;
    margin: 0px 0px 0px var(--left-header-margin-left);
}

.navbar-brand {
    height: 37px;
}

/* Основная линейка меню */
.center-box_menu {
    width: var(--center-box_menu-width);
    margin-right: 0px; /* отсвечивает custom_menu.css, приводящее к сползанию правого меню ниже левого при достаточной ширине экрана */
}

    .center-box_menu .nav-ul-over {
        float: left;
        margin-top: 0px;
    }

    /* vvv Пункт "Еще" */
    .center-box_menu span.nav__dropdown-wrapper {
        width: auto;
        height: 30px;
        top: 3px;
        right: 0px;
        position: absolute;
        z-index: 1031;
        display: inline-block;
        -webkit-perspective: 500px;
        perspective: 500px;
    }

.nav__dropdown-toggle.priority-nav__dropdown-toggle.priority-nav-is-visible .more {
    width: fit-content;
    color: #1C1C1F;
    font-weight: bold;
}

    .nav__dropdown-toggle.priority-nav__dropdown-toggle.priority-nav-is-visible .more:hover {
        color: #339E75;
    }

.nav__dropdown-toggle.priority-nav__dropdown-toggle.priority-nav-is-visible .more-active {
    color: #339E75;
}

/* Главное меню внутри пункта "Еще" делает priority-nav (добавляет класс priority-nav).
Отображаем его в этом пункте вертикально вместо горизонтального в штатной линейке главного меню */
.priority-nav li {
    display: block;
}

/* ^^^ Пункт "Еще" */

/* Правая линейка меню с пиктограммами */
.right-box_menu {
    float: right;
    right: 0;
    height: 37px;
    padding: 0px 0px 0px 20px;
    display: block;
    position: relative;
    z-index: 1031;
    width: var(--right-box_menu-width);
}

    .right-box_menu .nav-ul-over {
        float: right;
        margin-top: 0px;
        width: max-content; /* Название подразделения, даже обрезанное, может получиться разной длины, поэтому подстраиваем общую ширину правого меню под фактический контент "в линию". */
    }

    .right-box_menu ul li a {
        font-family: "Inter";
        font-weight: bold;
        font-size: 14px;
        line-height: 21px;
        color: #1C1C1F;
        padding: 0px;
        display: block;
    }

    .right-box_menu a.icon {
        margin-top: -10px;
    }

    .right-box_menu .nav-wrapper-over {
        float: right;
        width: calc(val(--right-box_menu-width) - 20px);
        height: 37px;
    }

    /* У правой линейки меню с пиктограммами пункт "Еще" не должен отображаться - скрываем его: */
    .right-box_menu span.nav__dropdown-wrapper {
        display: none;
    }

    /* Длинное наименование подразделения обрезаем на сервере, а здесь только запрещаем его разбиение на несколько строк. */
    .right-box_menu .season {
        white-space: nowrap;
    }
    /* Галочка через общий .dropdown-toggle::after приводит к лишнему смещению вправо, зависящему от фактической длины текста в наименовании подразделения,
поэтому используем здесь галочку через соответствующую верстку. */
    .right-box_menu .dropdown-toggle.season::after {
        display: none;
    }

    .right-box_menu span.caret {
        display: inline-block;
        margin-top: 0; /* Чтобы сверстанная для меню сезонов галочка была вровень с теми, которые через .dropdown-toggle::after сделаны. */
        margin-left: 5px;
    }

.nav-ul-over li {
    padding-top: 7px;
    padding-left: 15px; /* Половина отступа между пунктами в линейке меню */
    padding-right: 15px; /* Половина отступа между пунктами в линейке меню */
}

.right-box_menu ul li {
    padding-top: 7px;
}

.nav-ul-over div.dropdown-menu li {
    padding: 5px;
}

.nav-ul-over li.report-group-header {
    padding-bottom: 0px;
    padding-top: 0px;
    height: auto;
}

.nav-ul-over li a:hover {
    color: var(--ah-success-color);
}

.nav-ul-over li a:focus {
    color: var(--ah-success-color);
}

.nav-ul-over li a {
    font-family: "Inter";
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    color: var(--ah-dark-color);
    height: 25px;
}

/* font-weight: 400 - это не bold, а на картинке дизайна шрифт - жирный, по крайне мере для меню,
   поэтому только для меню перекрываем общие стили этих классов */
.nav-ul-over li.dropdown a.dropdown-toggle {
    font-family: "Inter";
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
}

.nav__dropdown li.dropdown a.dropdown-toggle {
    font-family: "Inter";
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
}

.dropdown-toggle {
    font-family: "Inter";
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
}

/* Чтобы клик мыши между наименованием пункта меню и галочкой приводил к раскрытию этого пункта меню */
.caret {
    width: 10px;
    height: 10px;
    border: 0px;
    background-image: url('/Content/images/caret.svg');
}

.custem_dropmenu ul li {
    display: block;
    width: 100%;
    margin: 0;
    height: auto;
}

    .custem_dropmenu ul li:has(input) {
        display: block;
        height: 41px;
        width: 100%;
        margin: 0;
    }

.dropdown-menu .divider {
    height: 1px;
    padding: 0;
}

li .custem_dropmenu {
    margin-top: 0;
    padding: 0;
}

.nav__dropdown a {
    display: inline-block;
    height: 29px;
    margin: 0;
    padding: 4px 12px 4px 12px;
    color: #1C1C1F;
    font-weight: bold;
    font-family: "Inter";
}

.dropdown-header {
    padding-left: 0px;
    padding-top: 0px;
}

#FilterMenu {
    top: 70%
}

#ReportsMenu .btn-group:not(:hover) ul {
    display: none;
}

#ReportsMenu ul li {
    padding: 0;
}

#ReportsMenu .dropdown-menu {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    top: -20%;
}

#ReportsMenu div.report-group-header:hover {
    background-color: var(--ah-light-color);
    color: var(--ah-dark-color);
}

.nav-ul-over .custem_dropmenu ul li:hover {
    background-color: var(--ah-light-color);
    color: var(--ah-dark-color);
    border-radius: 5px;
}

#search-report {
    margin: 4px 10px;
    width: 100%;
    min-width: 300px;
}

/* Выпадающий блок меню выбора сезона выравниваем по правому краю пункта меню, чтобы не уползал вправо за экран.
Часть с .dropdown-menu важна, чтобы перешибить отсвечивающий site.css. */
.dropdown-menu.layers-years-menu {
    float: right;
    width: fit-content;
    max-width: 768px; /*чтобы при длинном тексте внутри весь блок не распирало более максимальной ширины */
    left: auto;
    right: 0px;
    padding-left: 10px;
    padding-right: 0px;
}

.open > .dropdown .layers-years-menu {
    display: block;
}

/* Блок выбора сезона делаем вертикальным, т.к. его ширина зависит от содержимого и может меняться, из-за чего он в некоторых случаях не будет влезать по ширине в экран. */
.layers-years-menu > div {
    display: block;
}

    .layers-years-menu > div > ul {
        display: block;
        float: none;
    }

            .layers-years-menu > div > ul > li {
                width: auto;
                height: auto;
                display: block;
                padding: 10px;
                padding-top: 5px;
            }

            .layers-years-menu > div > ul > li.bg-info a::before {
                content: "";
                position: absolute;
                left: 10px;
                top: 50%;
                transform: translateY(-50%);
                width: 20px;
                height: 20px;
                background-image: url('/Content/images/icon-check.png');
                background-size: contain;
                background-repeat: no-repeat;
            }

#FilterMenu.nav li {
    padding: 5px 10px 10px 0;
}



.layers-years-menu, #RegionFilter, #LayerFilter, #ClusterFilter, #YearFilter {
    margin: 5px;
    margin-bottom: 0;
    list-style: none;
    border-radius: calc(var(--ah-small-padding) * 2);
    background-color: var(--ah-white-color);
    padding: 5px;
    overflow-y: auto;
    overflow-x: hidden;
    display: grid;
    width: auto;
    max-width: none;
    min-width: 221px;
}

.settings-search-element {
    margin-left: 15px;
    display: inline;
    position: relative;
}

.additional-form-element, additional-form-element #additional-form-actions {
    display: inline-flex;
    vertical-align: top;
}

.additional-form-element .btn-success {
    color: #fff !important;
}

.additional-form-content {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row;
    margin-left: 15px;
    position: relative;
}

.custum-plus-element {
    line-height: 0.4em;
    font-size: 3em;
    font-weight: 100;
    padding: 0.1em;
}

.glyphicon-custom-arrow-down-from-line {
    background: url(/Content/images/CustomGlypfIcons/glyficon_down-arrow-from-line.png) no-repeat 50% 50%;
    background-size: 16px 16px;
    display: inline-block;
    height: 16px;
    width: 16px;
    position: relative;
    top: 2px;
}

.glyphicon-custom-copy {
    background: url(/Content/images/CustomGlypfIcons/glyficon_copy.png) no-repeat 100% 100%;
    background-size: 14px 14px;
    display: inline-block;
    height: 14px;
    width: 14px;
}

.custom-clear {
    background: url(/Content/images/custom-clear.png) no-repeat 50% 50%;
    height: 20px;
    width: 20px;
}

#technology-table > thead {
    font-size: 14px;
    font-weight: 500 !important;
}

#technology-table > tbody {
    font-size: 14px;
    font-weight: 400 !important;
}
.bg-info {
    background-color: #EDEAEF;
}
#LayerFilter {
    /* 200px наследуется из site.css всеми списками блока выбора сезона, а список подразделений делаем ниже на высоту добавленного ему сверху input-а и 10px margin-а между ними */
    max-height: calc(200px - var(--ah-input-height) - 10px)
}

    #RegionFilter li a, #LayerFilter li a, #ClusterFilter li a, #YearFilter li a, #GardeningYearFilter li a {
        white-space: normal;
        overflow-wrap: anywhere;
        height: auto;
    }

    #LayerFilter li a, #YearFilter li a, #GardeningYearFilter li a {
        padding-left: 40px;
    }

    #YearFilter li a {
        height: 25px;
    }

/* Dropdown-кнопки для панелей над/под гридами на страницах */
.buttons-panel_dropdown-toggle {
    font-weight: bold;
}

    .buttons-panel_dropdown-toggle::after {
        position: inherit;
    }

.dropup .buttons-panel_dropdown-toggle::after {
    position: inherit;
}

.buttons-panel_dropdown {
    font-size: inherit;
    border: none;
}

.pull-right > .buttons-panel_dropdown {
    right: auto;
    left: 0;
}

.buttons-panel > button, .buttons-panel > .btn-group {
    margin-right: var(--ah-small-padding);
}

/* Заголовок для страниц */
.page-header {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 0px;
    border: none;
}

/* До пункта "Поля" включительно. Меньше - все меню сворачивается в одну кнопку с полосками.
Бывшее 767px из custom_menu.css, увеличившееся за счет логотипа, правой линейки меню и новых отступов. */
@media(max-width: 979px), (max-width: 767px) {
    #ReportsMenu .dropdown-menu {
        left: -2%;
        top: 100%;
    }


    .left-header {
        float: none;
    }

    .center-box_menu {
        float: none;
        position: relative;
        z-index: 1031;
        background-color: #FFFFFF;
        border-top: solid 1px rgb(16, 16, 16);
        box-sizing: border-box;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
        height: 37px;
        margin-right: 0px;
        width: 100%;
    }

        .center-box_menu .nav-ul-over {
            margin-bottom: 0px;
        }

        .center-box_menu .nav-wrapper-over {
            background-color: #FFFFFF;
        }


    .right-box_menu {
        float: left;
        background-color: #FFFFFF;
        height: auto;
        padding: 0px 0px 0px 0px;
        display: block;
        position: relative;
        z-index: 1031;
        width: auto;
    }


    .btn-open_menu {
        height: 38px;
        width: 54px;
        float: right;
        cursor: pointer;
        position: relative;
        padding: 0;
        margin-top: 0px;
        margin-right: 15px;
        margin-bottom: 0px;
        background-color: transparent;
        background-image: none;
        border: 0;
        display: block;
    }

        .btn-open_menu:active,
        .btn-open_menu:focus,
        .btn-open_menu:hover {
            background-color: transparent;
            outline: none;
        }

        .btn-open_menu span {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            transform: none;
            height: 38px;
            background: url('/Content/images/menu-mini.svg');
            width: 54px;
        }

            .btn-open_menu span::before,
            .btn-open_menu span::after {
                display: none;
            }

    .header-drop-menu {
        height: 0px;
        overflow: hidden;
    }

        .header-drop-menu.open-show {
            height: 100px; /* Фактическая высота вычисляется в обработчике клика по кнопке #clickme в MainMenu.cshtml.  */
            overflow: hidden;
        }

            /* Пункты главного меню, раскрывающиеся из свернутого вида по иконке при минимальном размере экрана, отрисовываем вертикально. */
            .header-drop-menu.open-show .center-box_menu ul.nav-ul-over > li {
                float: none;
                display: block;
            }

    .nav__dropdown {
        right: auto;
        left: 0;
    }

    .header-drop-menu.open-show .center-box_menu {
        float: right;
        width: var(--right-box_menu-width);
        height: 400px;
        overflow-y: auto;
    }

    /* Правое меню под левым меню в условиях минимальной ширины экрана. */
    .header-drop-menu.open-show .right-box_menu {
        float: right;
        right: 0; /* Чтобы на минимальной ширине экрана правое меню оказывалось под основным и не убегало влево от него, когда там еще остается место, но основое меню уже свернуто в иконку. */
        width: var(--right-box_menu-width);
        top: 0;
        left: 0;
    }

    .panel {
        border-radius: 8px;
    }

    .st-container.btn-group.dropup button {
        transform: translate(-5px, -5px);
    }

    .st-container.btn-group.dropup ul {
        min-width: 200px;
        padding: 10px;
        font-size: 11px;
        margin: 5px;
    }

    span.glyphicon-calendar {
        transform: translateX(-150%);
    }
}

/* form */
.form-horizontal .control-label,
.form-group > label,
.form-group.form-horizontal > .control-label {
    display: flex;
    text-align: left;
}

.form-group:has(input[type=radio]):not(:has(.btn)) label,
.form-group:has(input[type=checkbox]):not(:has(.btn)) label {
    padding-top: 0;
}

.d-flex {
    display: flex;
}

.d-inline-table {
    display: inline-table;
}

.justify-content-between {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.map-slider-justify-content {
    font-size: 12px;
}

.w-fill-available {
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    width: -ms-fill-available;
}

*[hidden] {
    display: none !important;
}

.p-0 {
    padding: 0;
}

page {
    padding: var(--ah-large-padding);
    padding-top: 0;
    display: block;
    overflow: hidden;
}

.panel {
    border-radius: var(--ah-medium-padding);
    border: none;
    padding: var(--ah-medium-padding);
    margin-bottom: var(--ah-large-margin);
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .panel:not(.leaflet-container):not(:has(.leaflet-container)) > span.irs {
        top: 17%;
        margin-inline: var(--ah-large-padding);
        height: var(--ah-minimap-input-height);
        overflow-x: unset;
    }

    .panel:not(.leaflet-container):not(:has(.leaflet-container)) span.irs-line {
        top: 40%;
    }

#FilterRotations span.irs-line {
    top: 65%;
}

.panel:not(.leaflet-container):not(:has(.leaflet-container)) span.irs-slider {
    top: 40%;
    border-radius: 50%;
    border: var(--ah-border-width) solid var(--ah-white-color);
    background: var(--ah-success-color);
    width: var(--ah-large-padding);
    height: var(--ah-large-padding);
}

.panel:not(.leaflet-container):not(:has(.leaflet-container)) span.irs-bar,
.panel:not(.leaflet-container):not(:has(.leaflet-container)) span.irs-bar-edge {
    top: 50%;
}


.panel:not(.leaflet-container):not(:has(.leaflet-container)) span.irs-min,
.panel:not(.leaflet-container):not(:has(.leaflet-container)) span.irs-max {
    display: none;
}

.leaflet-container .irs-slider-mark {
    transform: translateX(8px);
}

.panel:not(.leaflet-container):not(:has(.leaflet-container)) span.irs-slider-mark {
    height: 6px;
    background: var(--ah-success-color);
    transform: translate(9px, 4px);
    padding: 0;
    width: 3px;
    border: none;
    border-radius: 0;
}

.panel:not(.leaflet-container):not(:has(.leaflet-container)) span.irs-bar,
.panel:not(.leaflet-container):not(:has(.leaflet-container)) span.irs-bar-edge,
.panel:not(.leaflet-container):not(:has(.leaflet-container)) span.irs-line span.irs-line-left,
.panel:not(.leaflet-container):not(:has(.leaflet-container)) span.irs-line span.irs-line-mid,
.panel:not(.leaflet-container):not(:has(.leaflet-container)) span.irs-line span.irs-line-right {
    background: var(--ah-light-color) none;
    border-radius: var(--ah-small-padding);
}

.panel > .form-group:last-child {
    margin-bottom: unset;
}

span.season {
    border: 1px solid var(--ah-light-color);
    height: 20px;
}

    span.season.half {
        height: 10px;
        margin-block-start: 5px;
    }

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar,
.leaflet-bar a, .leaflet-bar a:hover,
.leaflet-touch .leaflet-bar a,
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
    border: none !important;
}

.leaflet-bottom.leaflet-right .leaflet-control-attribution.leaflet-control {
    display: none;
}

.leaflet-control button,
.leaflet-bar a {
    height: var(--ah-minimap-input-height) !important;
}

.leaflet-touch .leaflet-bar a {
    width: var(--ah-minimap-input-width);
}

.leaflet-control-layers-toggle {
    height: var(--ah-minimap-input-height) !important;
    width: var(--ah-minimap-input-height) !important;
}

#mapContainerLeaflet {
    height: calc(13 * var(--ah-minimap-input-height) + var(--ah-medium-padding) * 7); /* 13 иконок действий + отсутпы*/
}

div.leaflet-container .legend.info {
    width: 90px;
    height: max-content;
    margin-inline-start: var(--ah-medium-margin);
    margin-block: var(--ah-medium-margin);
    background: var(--ah-white-color);
    display: flow-root;
    min-width: min-content;
    position: absolute;
    font-size: 10px;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif;
    right: 0px;
    bottom: 30px;
}

    div.leaflet-container .legend.info.operation-planning-legend {
        width: 132px;
    }

div.leaflet-container .leaflet-bar a {
    border-radius: 0;
}

.leaflet-container.leaflet-touch .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control,
.leaflet-container.leaflet-touch .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control .leaflet-draw-section {
    margin-bottom: var(--ah-map-leaflet-control-gap);
}

    .leaflet-container.leaflet-touch .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control:last-child,
    .leaflet-container.leaflet-touch .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control .leaflet-draw-section:last-child {
        margin-bottom: 0px;
    }

    .leaflet-container.leaflet-touch .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control .leaflet-draw-toolbar {
        margin-top: 0;
    }

div.leaflet-container .leaflet-left,
div.leaflet-container .leaflet-top,
div.leaflet-container .leaflet-right,
div.leaflet-container .leaflet-bottom {
    margin: var(--ah-medium-padding);
}

div.leaflet-container .leaflet-control {
    box-shadow: none;
    margin: 0;
}

div.leaflet-container .leaflet-control-layers.leaflet-control {
    height: fit-content;
    width: fit-content;
    margin-bottom: var(--ah-map-leaflet-control-gap);
}

div.leaflet-container.topleft-is-horizontal .leaflet-top.leaflet-left .leaflet-draw-section {
    float: left;
}

div.leaflet-container.topleft-is-horizontal .leaflet-top.leaflet-left .leaflet-bar a {
    float: left;
    border: none;
    border-radius: 0;
}

div.leaflet-container.topleft-is-horizontal.leaflet-touch .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control,
div.leaflet-container.topleft-is-horizontal.leaflet-touch .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control .leaflet-draw-section {
    margin-right: var(--ah-map-leaflet-control-gap);
}

    div.leaflet-container.topleft-is-horizontal.leaflet-touch .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control:last-child,
    div.leaflet-container.topleft-is-horizontal.leaflet-touch .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control .leaflet-draw-section:last-child {
        margin-right: 0px;
    }

div.leaflet-container.topleft-is-horizontal.leaflet-touch .leaflet-top.leaflet-left .leaflet-control:not(.general-map-layers-container) {
    clear: none;
}

div.leaflet-container.topleft-is-horizontal.leaflet-touch .leaflet-top.leaflet-left .export-map-btn-flex-group {
    position: absolute;
    top: var(--ah-minimap-input-height);
    left: 0px;
}

div.leaflet-container.topleft-is-horizontal.leaflet-touch .leaflet-top.leaflet-left .leaflet-draw-actions {
    top: var(--ah-minimap-input-height) !important;
    margin-top: var(--ah-map-input-submenu-margin);
}

.panel:not(.leaflet-container):not(:has(.leaflet-container)) span.irs-single {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-top: -14px;
    background-color: var(--ah-dark-color);
    color: var(--ah-white-color);
    border-radius: var(--ah-small-padding);
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.5;
    padding: 0.5em 1em;
    z-index: 100;
    transform: translate(0, -12px);
    height: 28px;
    line-height: 14px;
    width: 101px;
    text-align: center;
}

    .panel:not(.leaflet-container):not(:has(.leaflet-container)) span.irs-single:before {
        content: '';
        position: absolute;
        bottom: -35%;
        left: calc(50% - 6px);
        margin-top: 6px;
        pointer-events: none;
        border: 6px solid transparent;
        border-top-color: var(--ah-dark-color);
    }

.map-slider-container {
    padding: 0px;
    line-height: 16px;
}

div.leaflet-container .leaflet-top.leaflet-right .leaflet-control-search .leaflet-control-search-placeholders {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 7px;
    height: var(--ah-minimap-input-height);
}

div.leaflet-container .leaflet-top.leaflet-right .leaflet-control-search {
    display: inline;
    clear: none;
    right: var(--ah-map-leaflet-control-gap);
    border: none;
    width: var(--ah-map-leaflet-control-search-width);
}

div.leaflet-container .leaflet-top.leaflet-right .leaflet-control-search.search-right {
    float: right;
}

    div.leaflet-container .leaflet-top.leaflet-right .leaflet-control-search:hover,
    div.leaflet-container .leaflet-top.leaflet-right .leaflet-control-search:has(input.search-input:not(:placeholder-shown)),
    div.leaflet-container .leaflet-top.leaflet-right .leaflet-control-search .search-result ul {
        width: var(--ah-map-leaflet-control-search-entered-width);
    }

    div.leaflet-container .leaflet-top.leaflet-right .leaflet-control-search:not(:hover) .search-result ul {
        display: none;
    }

    div.leaflet-container .leaflet-top.leaflet-right .leaflet-control-search .leaflet-control-search-btn {
        border-radius: 5px;
        background-image: url(/Content/images/search.png);
        background-size: cover;
        padding: 0;
        border: none;
        width: 20px;
        height: 20px;
        justify-self: end;
    }

    div.leaflet-container .leaflet-top.leaflet-right .leaflet-control-search a.search-cancel {
        display: none !important;
    }

    div.leaflet-container .leaflet-top.leaflet-right .leaflet-control-search input.search-input {
        display: block !important;
        float: left;
        position: relative;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        background-color: var(--ah-white-color);
        font-size: 14px;
        line-height: 21px;
        font-weight: 500;
        color: var(--ah-secondary-color);
    }

        div.leaflet-container .leaflet-top.leaflet-right .leaflet-control-search input.search-input:focus {
            border: none;
        }

div.leaflet-container.leaflet-touch .leaflet-control-layers-toggle {
    background-image: url(/Content/images/layers.png);
    background-size: cover;
    background-color: var(--ah-white-color);
    border-radius: var(--ah-map-btn-radius);
}

div.leaflet-container.leaflet-touch .leaflet-control-layers-toggle.active-layers {
    background-image: url(/Content/images/active_layers.png);
    background-size: cover;
    background-color: var(--ah-white-color);
    border-radius: var(--ah-map-btn-radius);
}

div.leaflet-container.leaflet-touch .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: block;
}

.leaflet-control-layers.leaflet-control.leaflet-control-layers-expanded label {
    color: var(--ah-dark-color);
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px;
    line-height: 14px;
}

.leaflet-control-layers.leaflet-control.leaflet-control-layers-expanded {
    margin-bottom: 0px;
    padding: 0;
    background: none;
    align-items: end;
    gap: var(--ah-map-leaflet-control-gap);
}


.leaflet-control-layers.leaflet-control.leaflet-control-layers-expanded .leaflet-control-layers-list {
    position: absolute;
    right: 0;
    width: max-content;
    z-index: 9999;
    padding: 9px 0 0 0;
}

.leaflet-control-layers.leaflet-control.leaflet-control-layers-expanded:has(.leaflet-control-layers-toggle.all-layers) .leaflet-control-layers-list {
    z-index: 99999;
}

.leaflet-container.leaflet-touch .leaflet-control-container div:has(.leaflet-control-layers-expanded) .leaflet-control {
    z-index: auto;
}

.leaflet-control-layers.leaflet-control.leaflet-control-layers-expanded .leaflet-control-layers-list > div {
    padding: 10px;
    background-color: white;
    border-bottom-color: #EAEAEA;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.leaflet-control-layers.leaflet-control.leaflet-control-layers-expanded .leaflet-control-layers-list .leaflet-control-layers-separator {
    display: none;
}

.leaflet-control-layers.leaflet-control.leaflet-control-layers-expanded .leaflet-control-layers-list > div:first-child {
    border-radius: var(--ah-map-btn-radius) var(--ah-map-btn-radius) 0 0;
}

.leaflet-control-layers.leaflet-control.leaflet-control-layers-expanded .leaflet-control-layers-list > div:last-child {
    border-bottom: none;
    border-radius: 0 0 var(--ah-map-btn-radius) var(--ah-map-btn-radius);
}

.leaflet-control-layers.leaflet-control.leaflet-control-layers-expanded label:last-child {
    margin-bottom: 0px;
}

.leaflet-control-layers-expanded .leaflet-control-layers-overlays .leaflet-control-layers-group:last-child {
    margin-bottom: 0;
}

div.leaflet-container.leaflet-touch .leaflet-control-container .leaflet-control-zoom-in {
    font-size: 0;
    background-image: url(/Content/images/plus.png);
    background-size: cover;
}

div.leaflet-container.leaflet-touch .leaflet-control-container .leaflet-control-zoom-out {
    font-size: 0;
    background-image: url(/Content/images/minus.png);
    background-size: cover;
}

div.leaflet-container .fullscreen-icon {
    background-image: url(/Content/images/fullscreen.png);
    background-size: cover;
}

div.leaflet-container.leaflet-touch .leaflet-control-container .leaflet-draw-draw-polyline {
    background-image: url(/Content/images/line.png);
    background-size: cover;
}

div.leaflet-container.leaflet-touch .leaflet-control-container .leaflet-draw-draw-polygon {
    background-image: url(/Content/images/polygon.png);
    background-size: cover;
}

div.leaflet-container.leaflet-touch .leaflet-control-container .leaflet-draw-draw-marker {
    background-image: url(/Content/images/geo-marker.png);
    background-size: cover;
}

div.leaflet-container.leaflet-touch .leaflet-control-container .leaflet-draw-draw-cutter {
    background-image: url(/Content/images/cut.png);
    background-size: cover;
}

div.leaflet-container.leaflet-touch .leaflet-control-container .leaflet-draw-edit-edit {
    background-image: url(/Content/images/pen.png);
    background-size: cover;
}

div.leaflet-container.leaflet-touch .leaflet-control-container .leaflet-draw-draw-splitter {
    background-image: url(/Content/images/splitter.png);
    background-size: cover;
}

div.leaflet-container.leaflet-touch .leaflet-control-container .leaflet-draw-edit-remove {
    background-image: url(/Content/images/trash.png);
    background-size: cover;
}

div.leaflet-container .leaflet-draw-save-btn {
    background-image: url(/Content/images/save.png);
    background-size: cover;
}

div.leaflet-container .leaflet-draw-download-btn {
    background-image: url(/Content/images/download.png);
    background-size: cover;
}

div.leaflet-container .leaflet-control-easyPrint a {
    background-image: url(/Content/images/print.png);
    background-size: cover;
}

div.leaflet-container .leaflet-control-container {
    font-weight: bold;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled,
.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled,
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove,
.leaflet-draw-toolbar .leaflet-draw-edit-remove,
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon,
.leaflet-draw-toolbar .leaflet-draw-draw-polygon,
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker,
.leaflet-draw-toolbar .leaflet-draw-draw-marker,
.leaflet-bar a, .leaflet-control-layers-toggle,
.leaflet-control-easyPrint a {
    background-position: 50% 50% !important;
}

div.leaflet-container .leaflet-control-container a.leaflet-draw-save-btn.disabled,
div.leaflet-container .leaflet-control-container a.leaflet-draw-download-btn.disabled,
div.leaflet-container .leaflet-control-container a.leaflet-draw-edit-edit.leaflet-disabled,
div.leaflet-container .leaflet-control-container a.leaflet-draw-edit-remove.leaflet-disabled {
    pointer-events: none;
    opacity: 0.65;
}

.leaflet-control-easyPrint a {
    background: #fff url(images/print.png) no-repeat 5px;
    background-size: 16px 16px;
    display: block;
}

div.leaflet-container.leaflet-touch .leaflet-control-container .export-map-btn-group,
.leaflet-bar a, .leaflet-bar a:hover {
    border: none;
}

.leaflet-control .st-container.btn-group {
    transform: translate(10px, 10px);
}

    .leaflet-control .st-container.btn-group button {
        border-radius: var(--ah-map-btn-radius);
        border: none;
        font-weight: 500;
        width: 65px;
        padding-inline-start: 0;
        padding-inline-end: 5px;
        background-color: var(--ah-white-color);
        color: var(--ah-dark-color);
        line-height: 21px;
        font-size: 14px;
    }

    .leaflet-control .st-container.btn-group ul {
        padding: 10px;
        width: 170px;
        box-shadow: none;
        border-radius: var(--ah-map-btn-radius);
        border: none;
    }

        .leaflet-control .st-container.btn-group ul,
        .leaflet-control .st-container.btn-group ul li,
        .leaflet-control .st-container.btn-group ul label {
            font-size: 12px;
            color: var(--ah-dark-color);
            line-height: 14px;
            font-weight: 500;
        }

            .leaflet-control .st-container.btn-group ul li label {
                margin-bottom: 8px;
            }

            .leaflet-control .st-container.btn-group ul li:last-child label {
                margin-bottom: 0;
            }

div.leaflet-container.leaflet-touch .leaflet-control-container .leaflet-control-search .search-input {
    border: none;
}

.btn-group-inline {
    display: inline-block;
}

#MainMenuView .dropdown-menu {
    font-size: 14px;
}

#catalog-actions {
    border: none;
    font-size: 16px;
}

.table-borderless-rows > tbody > tr > td,
.table-borderless-rows > tbody > tr > th {
    border: none;
}

fieldset[disabled] .form-control {
    color: inherit;
    border: inherit;
}

.glyphicon-search:before {
    content: "";
    background-image: url(/Content/images/search.png);
    background-size: cover;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.glyphicon-calendar:before {
    content: "";
    background-image: url(/Content/images/shedule.png);
    background-size: cover;
    display: inline-block;
    width: 30px;
    height: 30px;
}

/* Общие для нескольких страниц стили общего для них блока краткой информации по участку ShortInfo.cshtml */
.field-info-text {
    font-size: 12.8px;
    font-weight: 600;
    line-height: 19.2px;
    color: var(--ah-dark-color);
}

strong.field-info-text {
    font-weight: 400;
}

.field-info-header {
    color: var(--ah-secondary-color);
}

strong.field-info-header {
    font-weight: 400;
}

#SettingsPageHeader button:not(#btn_show_movements, #BtnInsertClient) {
    color: var(--ah-dark-color);
    line-height: 21px;
}


.export-map-main-btn {
    position: relative;
}

.export-map-header-btn {
    border: none;
    display: inline !important;
}

.leaflet-container.leaflet-touch .export-map-btn-flex-group {
    display: none;
    position: absolute;
}

div.leaflet-container.leaflet-touch:not(.topleft-is-horizontal) .leaflet-top.leaflet-left .export-map-btn-flex-group {
    top: 0;
    left: var(--ah-minimap-input-width);
}

.export-map-main-btn:hover .export-map-btn-flex-group {
    display: inline;
}

.leaflet-control-drawsave .export-map-main-btn .export-map-btn-group {
    display: flex;
    margin-left: var(--ah-map-input-submenu-margin);
    z-index: 1;
    border-radius: 4px;
}

div.leaflet-container.topleft-is-horizontal.leaflet-touch .leaflet-control-container .leaflet-top.leaflet-left .export-map-btn-group {
    margin-left: 0px;
    margin-top: var(--ah-map-input-submenu-margin);
}

div.leaflet-container.leaflet-touch:not(.topleft-is-horizontal) .leaflet-control-container .leaflet-top.leaflet-left .export-map-btn-group {
    margin-left: var(--ah-map-input-submenu-margin);
    margin-top: 0;
}

.export-map-btn {
    width: max-content !important;
    padding-left: 2px;
    padding-right: 2px;
}

.progress-bar {
    background-color: var(--ah-success-color);
}

.alert-danger {
    background-color: var(--ah-danger-color);
}

div.leaflet-container.leaflet-touch:not(.topleft-is-horizontal) .leaflet-control-container .leaflet-top.leaflet-left .leaflet-draw-section .leaflet-draw-actions {
    left: var(--ah-minimap-input-width);
    padding-left: var(--ah-map-input-submenu-margin);
}

div.leaflet-container.leaflet-touch .leaflet-control-container .leaflet-top.leaflet-left .leaflet-draw-section:has(.leaflet-draw-toolbar .leaflet-draw-draw-polyline, .leaflet-draw-toolbar .leaflet-draw-draw-polygon, .leaflet-draw-toolbar .leaflet-draw-draw-cutter) .leaflet-draw-actions {
    display: none !important;
}

body.leaflet-draw-active div.leaflet-container.leaflet-touch .leaflet-control-container .leaflet-top.leaflet-left .leaflet-draw-section:has(.leaflet-draw-toolbar .leaflet-draw-draw-polyline, .leaflet-draw-toolbar .leaflet-draw-draw-polygon, .leaflet-draw-toolbar .leaflet-draw-draw-cutter):hover .leaflet-draw-actions {
    display: block !important;
}

div.leaflet-container.leaflet-touch .leaflet-control-container .leaflet-top.leaflet-left .leaflet-draw-section:has(.leaflet-draw-toolbar .leaflet-draw-draw-polyline, .leaflet-draw-toolbar .leaflet-draw-draw-polygon, .leaflet-draw-toolbar .leaflet-draw-draw-cutter) {
    padding-bottom: 34px;
    margin-bottom: -34px;
    position: relative;
}

.leaflet-touch .leaflet-draw-section .leaflet-draw-actions a,
.leaflet-touch .export-map-btn-group .export-map-btn {
    background-color: #EAEAEA;
    color: var(--ah-dark-color);
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 500;
    border: none;
    height: var(--ah-minimap-input-height);
    display: flex;
    align-items: center;
    padding: 4px 12px;
}

    .leaflet-touch .leaflet-draw-section .leaflet-draw-actions a:hover {
        background-color: #f4f4f4;
    }


/*Закругления для подменю кнопок рисования и редактирования фигур*/
.leaflet-touch .leaflet-draw-section .leaflet-draw-actions li:first-child a {
    border-top-left-radius: var(--ah-map-btn-radius);
    border-bottom-left-radius: var(--ah-map-btn-radius);
}

/*Закругления для подменю кнопок рисования и редактирования фигур*/
.leaflet-touch .leaflet-draw-section .leaflet-draw-actions li:last-child a {
    border-top-right-radius: var(--ah-map-btn-radius);
    border-bottom-right-radius: var(--ah-map-btn-radius);
}

/*Закругления для подменю кнопок сохранения и выгрузки геометрий*/
div.leaflet-container .export-map-main-btn .export-map-btn-flex-group .export-map-btn-group a.export-map-btn:first-child {
    border-top-left-radius: var(--ah-map-btn-radius);
    border-bottom-left-radius: var(--ah-map-btn-radius);
}

/*Закругления для подменю кнопок сохранения и выгрузки геометрий*/
div.leaflet-container .export-map-main-btn .export-map-btn-flex-group .export-map-btn-group a.export-map-btn:last-child {
    border-top-right-radius: var(--ah-map-btn-radius);
    border-bottom-right-radius: var(--ah-map-btn-radius);
    border-right: none;
}

/*Закругления для основных кнопок действий на карте при горизонтальном расположении*/
div.leaflet-container.leaflet-touch.topleft-is-horizontal .leaflet-control-container .leaflet-top.leaflet-left div.leaflet-control > a:first-child,
div.leaflet-container.leaflet-touch.topleft-is-horizontal .leaflet-control-container .leaflet-top.leaflet-left div.leaflet-control .leaflet-draw-toolbar.leaflet-bar > a:first-child {
    border-top-left-radius: var(--ah-map-btn-radius);
    border-bottom-left-radius: var(--ah-map-btn-radius);
}

/*Закругления для основных кнопок действий на карте при горизонтальном расположении*/
div.leaflet-container.leaflet-touch.topleft-is-horizontal .leaflet-control-container .leaflet-top.leaflet-left div.leaflet-control > a:last-child,
div.leaflet-container.leaflet-touch.topleft-is-horizontal .leaflet-control-container .leaflet-top.leaflet-left div.leaflet-control .leaflet-draw-toolbar.leaflet-bar > a:last-child {
    border-top-right-radius: var(--ah-map-btn-radius);
    border-bottom-right-radius: var(--ah-map-btn-radius);
}

/*Закругления для основных кнопок действий на карте при вертикальном расположении*/
div.leaflet-container.leaflet-touch:not(.topleft-is-horizontal) .leaflet-control-container .leaflet-top.leaflet-left div.leaflet-control > a:first-child,
div.leaflet-container.leaflet-touch:not(.topleft-is-horizontal) .leaflet-control-container .leaflet-top.leaflet-left div.leaflet-control .leaflet-draw-toolbar.leaflet-bar > a:first-child {
    border-top-left-radius: var(--ah-map-btn-radius);
    border-top-right-radius: var(--ah-map-btn-radius);
}

/*Закругления для основных кнопок действий на карте при вертикальном расположении*/
div.leaflet-container.leaflet-touch:not(.topleft-is-horizontal) .leaflet-control-container .leaflet-top.leaflet-left div.leaflet-control > a:last-child,
div.leaflet-container.leaflet-touch:not(.topleft-is-horizontal) .leaflet-control-container .leaflet-top.leaflet-left div.leaflet-control .leaflet-draw-toolbar.leaflet-bar > a:last-child {
    border-bottom-left-radius: var(--ah-map-btn-radius);
    border-bottom-right-radius: var(--ah-map-btn-radius);
}

div.leaflet-container.leaflet-touch .leaflet-control-container .leaflet-bar a:hover {
    background-color: #EAEAEA;
}

.leaflet-control-layers-list input[type=checkbox],
.leaflet-control-layers-list input[type=radio],
.leaflet-control-container .st-ul label > input {
    vertical-align: baseline;
    margin: 0;
}

.modal-sm {
    width: 250px;
    text-align: center;
}

.row #MvcViewer {
    margin-bottom: var(--ah-large-margin);
}

.addToManyFieldsPopUp .row {
    margin-bottom: var(--ah-medium-margin);
}

#AgroUnitResourceEditor .select2.select2-container.select2-container--default {
    margin-bottom: var(--ah-medium-margin);
    width: var(--ah-input-width) !important;
}

#OperationForm .form-group.has-feedback,
#FormAgroUnit .form-group.has-feedback,
#AddUnitWrapper .form-group.has-feedback {
    margin-bottom: var(--ah-large-margin);
}

#advancedSearchSettingsBtn {
    line-height: 28px;
    margin-right: var(--ah-small-margin);
}

label:has(> span#advancedSearchSettingsBtn) {
    padding-top: 0px;
    line-height: 35px;
}

/* выравнивание текста в кнопках */
span.btn,
div.btn,
a.btn {
    line-height: 24px
}

/* Сдвиг шестеренки в каталогах настроек, где используется ag grid*/
#MainMenuView .grid-actions #catalog-actions {
    position: relative;
    left: -22px;
}

.grid-menu-actions {
    float: right;
    margin-top: -8px;
    margin-left: 8px;
}

.readonly-layer div.form-group > div,
.readonly-layer input,
.readonly-layer select,
.readonly-layer textarea,
.readonly-layer .btn-toolbar,
.readonly-layer .action:not(.analog-list-link),
.readonly-layer .btn-danger,
.readonly-layer .btn-success,
.readonly-layer .btn-info,
.readonly-layer .text-danger,
.readonly-layer .removeItem,
.readonly-layer .changeItem,
.readonly-layer .edit-resource,
.readonly-layer .edit-unit,
.readonly-layer .edit-resource-mixture {
    pointer-events: none !important;
    opacity: .5 !important;
    /* cursor: not-allowed !important; - не работает вместе с pointer-events: none */
}

.readonly-layer .action:not(.analog-list-link),
.readonly-layer .btn-danger,
.readonly-layer .text-danger,
.readonly-layer .removeItem,
.readonly-layer .changeItem {
    text-decoration-line: line-through !important;
}

.mixture-part {
    background-color: var(--ah-light-color);
}

.modal-footer .btn,
.modal-body .btn {
    margin-inline: 5px;
}

.technologyResourceAnalogActive.mixture-part,
.technologyResourceAnalogMixtureCaption {
    background-color: #d4e6f1;
}

.analog-parent-clicked-style .mixtureTbodyMarginRow {
    background-color: white;
}

.technologyResourceElRow,
.technologyResourceMixtureCaption,
.technologyResourceAnalogMixtureCaption {
    padding: 0px 5px 5px 5px;
}

.technologyResourceMixRow {
    border: 1px solid black;
}

.technologyResourceAnalogActiveParent {
    background-color: #8fcadd;
}

    .technologyResourceAnalogActiveParent.mixture-part,
    .analog-parent-clicked-style.mixture-part {
        background-color: #7fbacd;
    }

.technologyResourceAnalogActive {
    padding: 0px 5px 5px 5px;
    background-color: #add8e6;
}

.technologyModalFooter {
    text-align: center;
}

.analog-parent-clicked-style {
    background-color: #8fcadd;
}

.analog-block,
.analog-item-style {
    background-color: #add8e6;
}

    .analog-item-style .mixture-part,
    .analog-item-style.mixture-part,
    .mixtureTbodyHeader.analog-item {
        background-color: #d4e6f1;
    }

.text-underline {
    text-decoration-line: underline;
}

.technology-resource.table-actions {
    display: flex;
    flex-direction: row-reverse;
    /*gap: var(--ah-small-padding);*/
}

.w-55 {
    width: 55%;
}

caption > * {
    margin-inline: var(--ah-small-margin)
}

.nopadding {
    padding: 0;
}

.fullwidth {
    width: 100%;
}

.not-active-gray-field, .not-active-gray-field:hover, .not-active-gray-field:focus {
    color: var(--ah-not-active-gray-color);
}

.not-active-green-field, .not-active-green-field:hover, .not-active-green-field:focus {
    color: var(--ah-not-active-green-color);
}

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: #EAEAEA;
}

select.form-control.text-ellipsis {
    display: unset;
    padding-right: 24px;
    text-overflow: ellipsis;
}

.password-error {
    color: red;
}

.password-valid {
    color: green;
}

.password-input-error {
    border: 2px solid red !important;
}

    .password-input-error:focus {
        border-color: red !important;
        outline: none; /* Убираем стандартное выделение при фокусе */
    }

.ah-modal-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .ah-modal-popup .ah-backdrop {
        background: black;
        opacity: 0.5;
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }

    .ah-modal-popup.ah-modal-display {
        display: block;
    }

/* бутстрап модалка больше не выезжает свехру, а просто появляется */
body .modal.fade .modal-dialog { 
    -webkit-transition: initial; 
    -o-transition: initial;
    transition: initial;
    -webkit-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    transform: initial;
}

body .modal.in .modal-dialog {
    -webkit-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    transform: initial;
}

.text-dark {
    color: var(--ah-dark-color);
}

#confirmWindowModal div.modal-body {
    overflow-y: auto;
    max-height: 700px;
}

.leaflet-legend {
    position: relative!important;
    margin-top: 20px!important;
}

#commentWindowModal #commentInput {
    width: 100%;
    height: 200px;
    resize: none;
}

.dropdown-menu > li > a.disabled-grid-action {
    pointer-events: none;
    color: gray;
}

.ag-virtual-list-viewport {
    /*
        Показываем скролл по горизонтали всегда, чтобы исправить эффект подергивания при скроллинге по вертикали в случаях,
        когда названия элементов выходят за рамки основного контейнера фильтра.
    */
    overflow-x: scroll !important;
}

.readonly-item {
    pointer-events: none;
    opacity: .5;
}

.full-height {
    height: 100%;
}

.min-catalog-grid-height {
    min-height:200px;
}