h3.dashboard__section-name {
    font-weight: 500;
}

a {
    text-decoration: none;
}

.admin-informer {
    position: relative !important;
}

.admin-informer__icon {
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    border: 1px solid rgb(0 0 0 / 16%);
    border-radius: 1.5rem;
    transition: all ease .24s;
    margin-left: 0.75rem;
}

.admin-informer__more {
    opacity: 0;
    visibility: hidden;
    position: absolute; /* right: 0; */
    width: 28rem;
    padding: 1rem;
    background-color: var(--color__dark);
    color: white;
    border-radius: 0 1rem 1rem 1rem;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-left: 2rem;
    top: 0;
    pointer-events: none;
    transition: all 0.3s ease 0s;
}

.admin-informer:hover .admin-informer__icon {
    border: 1px solid rgb(0 0 0 / 100%);
}

.admin-informer:hover .admin-informer__more {
    opacity: 1;
    visibility: visible;
}

.dashboard-sections-table__action {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #038CD2;
    text-decoration: none;
}

.dashboard-sections-table__body {
    padding-bottom: 0.81rem;
    padding-top: 1.375rem;
}

.dashboard-sections-table__action:hover {
    color: #025883;
}

.dashboard-sections-table__row {
    /* padding-top: 0.75rem; */
    padding-bottom: 0.75rem;
}

.dashboard-sections-table__col.--title {
    flex: 1;
}

.dashboard__divider {
    border-bottom: 1px solid rgba(62, 62, 65, 0.16);
}

.dashboard-sections-table__col.--number {
    flex: 0 0 2.875rem;
}

.dashboard-sections-table__col.--view {
    flex: 0 0 15.875rem;
    text-align: center;
}

.dashboard-sections-table__head {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 16px;
    color: rgba(62, 62, 65, 0.5);

}

.dashboard-sections-table__title.--head {
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 16px;
    color: rgba(62, 62, 65, 0.5);
}

.dashboard-sections-tabs__block {
    border-radius: 0 0 1rem 1rem;
}

.dashboard-sections-table__title {
    font-weight: 600;
    font-size: 1rem;
    color: #000000;
}

.dashboard-sections-table__number {
    font-size: 1rem;
    color: rgba(62, 62, 65, 0.4);
}

.dashboard-sections-table__number.--fz-12 {
    font-size: 0.75rem;
}

.dashboard-sections-tabs__btn {
    font-size: 1.31rem;
    color: rgba(0, 0, 0, 0.4) !important;
    font-weight: 600;
    flex: 0 0 32.84%;
    padding: 1.375rem 0 1.875rem 0;
    text-align: center;
    border-radius: 1rem 1rem 0px 0px;
    background: #E1E1E3;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

.dashboard-sections-tabs__btn:hover {
    background: rgba(225, 225, 227, 0.8);
    color: #4d4d50 !important;
}

.dashboard-sections-tabs__btn:not(:first-child) {
    margin-left: 0.49rem;
}

.dashboard-sections-tabs__btn:first-child {
    flex: 0 0 33.333%;
    /* margin-left: 0.49rem; */
    /* border-bottom: 0.375rem solid #fff; */
}

.dashboard-sections-tabs__btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0.375rem;
    width: 100%;
    background-color: #fff;
    /* border-bottom: 0.375rem solid #fff; */
}

.dashboard__section-name-icon__wrap {
    width: 1.5rem;
    height: 1.5rem;
}

.dashboard__section-name-icon__wrap svg {
    width: 100%;
    max-height: 100%;
}

.dashboard__section-name-icon {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.25;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.dashboard-sections__head-button {
    height: 3.5rem !important;
    width: 10.69rem;
}

.dashboard-sections-input__button {

}

.dashboard-sections-tabs__btns.flex {
    flex-wrap: nowrap;
}

.dashboard-sections-tabs__btn.--js.is-active {
    color: #3E3E41 !important;
    background: #F3F3F4;
    margin-bottom: 0;
    cursor: default;
}

.dashboard-sections-tabs__btn.--js.is-active::after {
    display: none;
}

.dashboard-sections-tabs__block.is-show {
    background: #F3F3F4;
}

.dashboard-sections__input {
    position: relative;
    padding-right: 10.44rem !important;
    width: 34.94rem !important;
}

.dashboard-sections__input:focus {
    background-color: #F6F7F7 !important;
}

.dashboard-sections-input__button {
    background-color: #fff;
    color: #3E3E41;
    font-weight: 600;
    font-size: 0.875rem;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    line-height: 0 !important;
}

.dashboard-sections-input__button:hover {
    background-color: #E1E1E3;
}

.popup#edit-subsection {
    /* display: block; */
}

.city-ratings-editor-tab__btn {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: rgba(62, 62, 65, 0.5) !important;
    cursor: pointer;
    position: relative;
    flex: 0 0 33.333%;
    padding-bottom: 1.3rem;
    text-align: center;
}

.city-ratings-editor-tab__btn:not(:first-child) {
    /* padding-left: 1rem; */
}

.city-ratings-editor-tab__btns {
    border-bottom: 1px solid #E1E1E1;

}

.city-ratings-editor-tab__btn.--js.is-active {
    color: #038CD2 !important;
}

.city-ratings-editor-tab__btn::after {
    content: '';
    transition: all 0.3s ease 0s;
    width: 0%;
    height: 2px;
    background-color: #038CD2;
    position: absolute;
    right: 0;
    bottom: 0;
}

.city-ratings-editor-tab__btn.--js.is-active::after {
    content: '';
    width: 100%;
    left: 0;
}

.city-ratings-editor__row-btn.--fill-blue {
    background: rgba(3, 140, 210, 0.08);
    font-weight: 700;
    font-size: 1.125rem;
    color: #038CD2;
}

.city-ratings-editor__row-btn.--fill-blue:hover {
    background: rgba(3, 140, 210, 0.2);
}


.city-ratings-editor__btn.--edit-section {
    height: 3.5rem;
    padding: 0 2rem;
}

.city-ratings-editor__sort-input.--edit-section {
    max-width: 3.5rem !important;
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
    text-align: center;
    color: #3E3E41 !important;
}

.city-ratings-editor__select.--edit-section {
    /* font-weight: 500; */
    font-size: 1.125rem;
    /* line-height: 1.5rem; */
    /* color: rgba(62, 62, 65, 0.5) !important; */
    /* font-family: 'TT Norms'; */
}

.sections-list__item {
    height: 7rem;
    text-decoration: none;
    background-color: var(--color__fill-4);
    border-radius: 1rem;
    position: relative;
    color: #172B4D;
    transition: all ease .24s;
    padding-right: 2.25rem !important;
    position: relative;
}

.sections-list__item.--blue {
    background: #EAF2FC;
    font-weight: 700;
    font-size: 1rem;
    color: #038CD2;
    padding-left: 2.1rem;
    text-align: center;
}

.sections-list__item.--blue:hover {
    background: #cfe2fa;
}

.sections-list__item-arrow {
    width: 1rem;
    height: 1.25rem;
    background-size: contain;
    cursor: pointer;
    opacity: 0.2;
    position: absolute;
    right: 1.25rem;
    transition: all ease .24s;
}

.sections-list__name {
    position: relative;
    z-index: 1;
    font-size: 1rem;
    flex: 1;
    /* font-size: .90rem; */
}

.sections-list__icon {
    width: 100%;
    transition: all ease .24s;
}

.sections-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1rem;
}

.sections-list__tumb-icon {
    width: 2.5rem;
    height: 2.5rem;
}

.dashboard__section-line {
    border-bottom: 1px solid;
    border-color: var(--color__border);
}

a.sections-list__item:hover {
    background-color: #EBEBEB;
    /* color: var(--color__fill-1); */
}

a.sections-list__item:hover .sections-list__item-arrow {
    opacity: 1;
}

.sections-list__tumb-edit-icon {
    position: absolute;
    right: 0.69rem;
    top: 0.625rem;
    width: 1.5rem;
    height: 1.5rem;
    z-index: 6;
}

.sections-list__tumb-edit-icon.--section-name {
    position: static;
}

/* .sections-list__item:first-child .sections-list__tumb-edit-icon {
    display: none;
} */

.sections-list__tumb-edit-icon:hover {
    opacity: 0.6;
}

.sections-list__tumb-edit-icon svg {
    width: 100%;
    max-height: 100%;
}

.sections-list__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}

.sections-list__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sections-list__bg-icon {
    width: 3rem;
    height: 3rem;
    opacity: 0.08;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.sections-list__add-button {
    height: 7rem;
    text-decoration: none;
    background-color: var(--color__fill-3);
    border-radius: .5rem;
    position: relative;
    color: var(--color__fill-1);
    font-weight: bold;
    font-size: 1.25rem;
    transition: all ease .24s;
}

.sections-list__add-button-icon {
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    background-size: contain;
    transition: all ease .24s;
}

.sections-list__add-button:hover {
    background-color: var(--color__fill-1);
    color: var(--color__white);
}

.sections-list__add-button:hover .sections-list__add-button-icon {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8.5' width='6' height='23' fill='white'/%3E%3Crect x='23' y='8.5' width='6' height='23' transform='rotate(90 23 8.5)' fill='white'/%3E%3C/svg%3E");
}

.sections-list__item:hover {
}

.sections-list__item:hover .sections-list__icon {
    transform: scale(1.1255);
}

.sections-list__item:hover .sections-list__item-arrow {
    right: 1rem;
}

.title__icon {
    width: 1.25rem;
    height: 1.25rem;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 0.32rem;
    cursor: pointer;
    opacity: 1;
    transition: all ease .24s;
}

.title__icon:hover {
    opacity: 0.6;
}

a.card-stats__btn-graf, .card-stats__btn-graf-new {
    text-decoration: none;
    color: var(--color__fill-1);
    cursor: pointer;
    opacity: 1;
    transition: all ease .24s;
}

a.card-stats__btn-settings {
    text-decoration: none;
    color: var(--color__fill-1);
    cursor: pointer;
    opacity: 1;
    transition: all ease .24s;
}

.card-stats__absolute-value {
    color: var(--color__fill-1);
    white-space: nowrap;
}

.card-stats__source {
    flex: none;
    /* opacity: 0.5; */
}

span.title-name {
    font-weight: bold;
}

.card-stats__absolute-label {
    opacity: 0.5;
}

.card-stats__value {
    font-weight: bold;
    width: 4rem;
    text-align: right;
    font-size: 1rem;
}

/* уменьшили шрифт для period_dimension - т.е. попадаются большие цифры  */
.incision-item .card-stats__value {
    font-size: 0.875rem;
}

.cards__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1rem;
    /* position: relative; */
    /* min-height: 55vh; */
}

.card-stats__icon {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain;
    background-position: center;
    fill: #007AEA;
}

.card-stats {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-size: auto 10rem;
    background-position: center;
    background-color: #F6F7F7;
    border-radius: 1rem;
}

.card-stats.--border {
    background-color: transparent;
    border: 1px solid var(--color__border);
}

.main-page-sections__stats-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
}

.card-stats__title {
    flex: none;
    display: flex;
    justify-content: space-between;
    position: static;
    border-bottom: 1px solid;
    border-color: var(--color__border);
    padding-right: 0;
}

.card-stats__title .title__icon {
    position: static;
}

.title-help-icon {
    margin-top: 0.2rem;
    margin-left: 0.5rem;
}

a.card-stats__btn-settings:hover {
    opacity: 0.6;
}

.card-stats__btn-graf:hover, .card-stats__btn-graf-new:hover {
    opacity: 0.6;
}

.card-stats__values-value {
    border-right: 1px solid;
    border-color: var(--color__border);
}

.card-stats__value-arrow {
    border: 0.5rem solid transparent;
    transform: scaleX(0.75);
    position: relative;
}

.card-stats__values-value.--top.--green .card-stats__value-arrow {
    border-bottom: 0.5rem solid #4DB45F;
    bottom: 0.2rem;
}

.card-stats__values-value.--bottom.--green .card-stats__value-arrow {
    border-top: 0.5rem solid #4DB45F;
    top: 0.2rem;
}

.card-stats__values-value.--top.--red .card-stats__value-arrow {
    border-bottom: 0.5rem solid #EE1F25;
    bottom: 0.2rem;
}

.card-stats__values-value.--bottom.--red .card-stats__value-arrow {
    border-top: 0.5rem solid #EE1F25;
    top: 0.2rem;
}

.card-stats__values-value.--top.--black .card-stats__value-arrow {
    border-bottom: 0.5rem solid #333;
    bottom: 0.2rem;
}

.card-stats__values-value.--bottom.--black .card-stats__value-arrow {
    border-top: 0.5rem solid #333;
    top: 0.2rem;
}

.card-stats__values-value.--green {
    color: #4DB45F;
}

.card-stats__values-value.--red {
    color: #EE1F25;
}

.card-stats__values-label {
    flex: 1;
    font-size: .875rem;
}

.card-stats__btns > a {
    justify-content: center;
}

.side-bar__tumb-icon svg {
    width: 1.75rem;
    height: 1.75rem;
    background-size: contain;
    cursor: pointer;
}

.card-stats__btns.--disallow {
    pointer-events: none;
    filter: grayscale(1);
    opacity: 0.4;
}

.side-bar__tumb-icon svg-name {
    color: var(--color__dark);
    font-weight: bold;
}

.side-bar__link {
    text-decoration: none;
    color: var(--color__dark);
}

.side-bar__tumb-icon svg path {
    fill: var(--color__dark);
    transition: all ease .24s;
}

.side-bar__tumb-icon svg {
    transition: all .24s ease;
    opacity: .24;
}

.side-bar__link.is-active .side-bar__tumb-icon svg path {
    fill: var(--color__fill-1);
}

.side-bar__link.is-active .side-bar__tumb-icon svg {
    opacity: 1;
}

.side-bar__link.is-active {
    background-color: #007aea1a;
    border-radius: .75rem;
    color: var(--color__fill-1);
    /* font-size: 1rem !important; */
    pointer-events: none;
}

.side-bar__link {
    padding: .875rem 1.25rem;
    transition: all ease .24s;
    font-size: .90rem;
    /* padding-right: 0rem !important; */
}

.side-bar__link.is-active .side-bar__tumb-icon svg-name {
    color: var(--color__fill-1);
}

.side-bar__link:hover .side-bar__tumb-icon svg path {
    fill: var(--color__fill-1);
}

.side-bar__link:hover .side-bar__tumb-icon svg {
    opacity: 1;
}

.side-bar__link:hover .side-bar__tumb-icon svg-name {
    color: var(--color__fill-1);
}

.login__btn {
    width: 100%;
}

.--svg__white-zoom {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8361 12.9292L11.0034 10.2166C11.801 9.24417 12.2818 7.99853 12.2818 6.64089C12.2818 3.52679 9.75499 1 6.64089 1C3.52406 1 1 3.52679 1 6.64089C1 9.75499 3.52406 12.2818 6.64089 12.2818C7.99853 12.2818 9.24144 11.8037 10.2139 11.0061L13.0466 13.7159C13.2652 13.9344 13.6176 13.9344 13.8361 13.7159C14.0546 13.5001 14.0546 13.145 13.8361 12.9292ZM6.64089 11.1591C4.14688 11.1591 2.11998 9.13217 2.11998 6.64089C2.11998 4.14961 4.14688 2.11998 6.64089 2.11998C9.13217 2.11998 11.1618 4.14961 11.1618 6.64089C11.1618 9.13217 9.13217 11.1591 6.64089 11.1591Z' fill='white' stroke='white' stroke-width='0.65'/%3E%3C/svg%3E");
}

.configurator {
}

.configurator__form {
}

.configurator__row {
}


.configurator__col {
}


.configurator__label {
    opacity: .72;
}

.configurator__changer {
}


.configurator__actions {
}

.configurator__upload-btns {
}

.configurator__border-btn {
}

.configurator__btn-icon {
    width: 1.5rem;
    height: 1.5rem;
    transition: all ease .24s;
    background-size: contain;
}

.configurator__cancel-btn {
}


.configurator__border-btn:hover i.configurator__btn-icon.--svg__dowdnload {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='23' height='24' viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1826 10.9395C17.0611 10.671 16.7941 10.5 16.5001 10.5H13.5001V0.75C13.5001 0.336 13.1641 0 12.7501 0H9.75009C9.33609 0 9.00009 0.336 9.00009 0.75V10.5H6.00009C5.70609 10.5 5.43909 10.6725 5.31759 10.9395C5.19459 11.208 5.24259 11.5215 5.43609 11.7435L10.6861 17.7435C10.8286 17.907 11.0341 18 11.2501 18C11.4661 18 11.6716 17.9055 11.8141 17.7435L17.0641 11.7435C17.2591 11.523 17.3041 11.208 17.1826 10.9395Z' fill='white'/%3E%3Cpath opacity='0.5' d='M19.5 16.5V21H3V16.5H0V22.5C0 23.3295 0.672 24 1.5 24H21C21.8295 24 22.5 23.3295 22.5 22.5V16.5H19.5Z' fill='white'/%3E%3C/svg%3E");
}

.configurator__border-btn:hover i.configurator__btn-icon.--svg__upload {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='23' height='24' viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1826 7.0605C17.0611 7.329 16.7941 7.5 16.5001 7.5H13.5001V17.25C13.5001 17.664 13.1641 18 12.7501 18H9.75009C9.33609 18 9.00009 17.664 9.00009 17.25V7.5H6.00009C5.70609 7.5 5.43909 7.3275 5.31759 7.0605C5.19459 6.792 5.24259 6.4785 5.43609 6.2565L10.6861 0.256499C10.8286 0.0929993 11.0341 0 11.2501 0C11.4661 0 11.6716 0.0944993 11.8141 0.256499L17.0641 6.2565C17.2591 6.477 17.3041 6.792 17.1826 7.0605Z' fill='white'/%3E%3Cpath opacity='0.5' d='M19.5 16.5V21H3V16.5H0V22.5C0 23.3295 0.672 24 1.5 24H21C21.8295 24 22.5 23.3295 22.5 22.5V16.5H19.5Z' fill='white'/%3E%3C/svg%3E");
}

.cards {
    padding: 0 1.5rem !important;
    min-height: 54vh;
    padding-top: 1rem !important;
}

.side-bar__link:hover {
    background-color: rgb(246 247 247);
    border-radius: 1rem;
}

.card-stats__btns {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex: none;
    z-index: 1;
}

.card-stats.--dimension-dimension .card-stats__btns {
    padding-top: 0.5rem;
}

.card-stats__action {
    flex: none;
}

/*.is-hide-class-name .card-stats__btns {
    z-index: 0;
}*/

.popup__del-btn {
    background-color: #ffe0e0;
}

.del-btn-name {
    color: var(--color__fill-2);
    font-weight: bold;
    transition: all ease .24s;
}

.confirm__btn {
    width: 30%;
}

.confirm__btn.del {
    background-color: #FE3838;
}

.confirm__btn-name.del {
    font-weight: bold;
    color: white;
}

.confirm__btn-name.cancel {
    font-weight: bold;
    color: var(--color__dark);
}

.configurator__label {
    font-size: .9rem;
}

.popup__del-btn:hover {
    background-color: var(--color__fill-2);
}

.popup__del-btn:hover span.del-btn-name {
    color: white;
}

.configurator__container {
    /* border-bottom: .125rem solid var(--color__border); */
}

.configurator__container.--border-bottom:hover {
    border-bottom: .125rem solid var(--color__fill-4-a);
}

.side-bar__icon-name {
    flex: 1;
}

.side-bar__link:hover {
    color: var(--color__fill-1);
}

.source-date.link {
    opacity: 1 !important;
    font-weight: bold;
}

.source-name {
    opacity: .5;
    padding-right: 2rem;
    flex: 1;
}

.source-date {
    opacity: 1;
}

.card-stats__absolute-values {
    /* display: none; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    grid-gap: .5rem 1rem;
}

.card-stats__absolute-values.is-show {
    display: flex;
}


.card-stats__values {
    padding-bottom: 0.5rem;
}

.card-stats__values.is-show {
    display: block;
}

.source-date {
    /* display: none; */
}

.source-date.is-show {
    display: flex;
}

.change-periods-cards__link {
    cursor: pointer;
}

.dashboard__section-anhor {
    top: -6rem;
    position: relative;
}

.card-stats__values-line {
    margin: .25rem 0;
}

.configurator__col.is-blocked {
    /* max-width: inherit !important; */
    /* width: inherit !important; */
}

.configurator__col.is-blocked select {
    padding: 0;
    height: auto;
    border: 0;
    background: none;
    pointer-events: none;
    font-size: 1.25rem;
    font-weight: bold;
    width: auto !important;
    transition: 0s;
}

.user-item {
    background-color: var(--color__fill-4);
    border-radius: 1rem;
}

.user-item__btn.btn.--fill-4 {
    background-color: white;
}

.user-item__btn.btn.--fill-4:hover {
    background-color: #e9ebeb;
}

.users__items {
    display: grid;
    grid-gap: .75rem;
}

.class-selector__row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1rem 2rem;
}

.class-selector__col {
    /* display: grid; */
    /* grid-template-columns: 2.25fr 1fr; */
    /* grid-gap: .5rem; */
}

.side-bar__icon {
    filter: grayscale(.6);
    opacity: .32;
    transition: all ease .24s;
    max-width: 1.75rem;
    max-height: 1.75rem;
}

.side-bar__link.is-active .side-bar__icon {
    filter: grayscale(0);
    opacity: 1;
}

.class-selector__col.--rate {
    grid-template-columns: 1fr !important;
}

.class-selector__col select {
    margin-right: 0 !important;
}

.class-selector__col .configurator__col {
    margin-right: 0 !important;
}

.chart-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    margin-top: 0.5rem;
}

/*.is-hide-class-name .chart-wrap {
    position: static;
}*/

.chart-wrap__panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.is-hide-class-name .chart-wrap__panel {
    padding-top: 0;
}

/* для будущего поколения - двойной селектор нужен для того что бы добавить веса, т.к. ниже подключается файл __all.min.css */
.chart-wrap__zoom-link.chart-wrap__zoom-link {
    position: absolute;
    height: 2.5rem;
    border-radius: 2.5rem;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-1rem);
}

.chart-wrap__panel .chart-wrap__zoom-link {
    position: relative;
}

.is-hide-class-name .chart-wrap__panel .chart-wrap__zoom-link {
    position: absolute;
    bottom: 0;
    right: 0;
}

.chart-wrap:hover .chart-wrap__zoom-link,
.is-hide-class-name:hover .chart-wrap__zoom-link {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.chart-wrap__zoom-icon {
    width: 1.25rem;
    height: 1.25rem;
    background-size: contain;
    margin-right: .25rem;
}

g.highcharts-range-selector-group {
    display: none;
}

.big-chart__chart-js {
    height: 440px;
}


.chart-wrap {
    display: none;
}

.chart {
    width: 100%;
    height: 250px;
    margin-top: 0;
}

.highcharts-title {
    display: none;
}

.highcharts-grid-line {
    /* display: none; */
    display: block !important;
}

.highcharts-background {
    display: none;
}

.highcharts-axis-labels.highcharts-yaxis-labels {
    /* display: none; */
    display: block !important;
}

.chart {
    margin-left: -16px;
    width: calc(100% + 16px);
    /* margin-bottom: -3.5rem; */
}

text.highcharts-credits {
    font-size: 14px !important;
}

.card-stats__btn-graf, .card-stats__btn-graf-new {
    cursor: pointer;
    color: var(--color__fill-1); /* font-weight: 700; */
    transition: all ease .24s;
}

.card-stats__btn-graf:hover, .card-stats__btn-graf-new:hover {
    opacity: .72;
}

.card-stats__btn-graf:active, .card-stats__btn-graf-new:active {
    opacity: .48;
}

.card-stats.is-show-chart {
}

.card-stats.is-show-chart .card-stats__absolute-values {
    display: none;
}

.card-stats.is-show-chart .card-stats__values {
    display: none;
}

.card-stats.is-show-chart .chart-wrap {
    display: flex;
}

.chart-wrap__class-name {
    font-size: 14px;
    opacity: .54;
    position: relative;
    padding-right: 10rem;
    /*top: .675rem;*/
}

.chart-wrap__panel .chart-wrap__class-name {
    padding-right: 0.5rem;
    top: 0;
}

.chart-wrap__panel .chart-wrap__class-name {
    padding-right: 0.5rem;
    top: 0;
}

.card-stats__btns .chart-wrap__class-name {
    padding-right: 0.5rem;
    top: 0;
}

.card-stats-item .chart-wrap__class-name {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.is-hide-class-name .chart-wrap__class-name {
    display: none;
}

.detail-news__date {
    font-weight: 600;
    opacity: .5;
}

.card-stats__btn-download-xls {
    width: 1.5rem;
    height: 1.75rem;
    background-size: contain;
    margin-bottom: -.25rem;
    /* background-color: red; */
    transition: all ease .24s;
}

.card-stats__btn-download-xls:hover {
    opacity: .6;
}

.card-stats__btn {
    font-weight: 600 !important;
}

.card-stats__btns-bottom {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.card-stats__btns-bottom > * {
    flex: 1;
}

.card-stats.--border span.title-name {
    font-weight: 600;
}

.card-stats.--item-401 .card-stats__absolute-values {
    grid-template-columns: 1fr;
}

.main-page-sections .card-stats span.title-name {
    font-weight: 600;
}

.card-stats__big-icon {
    max-width: 3.5rem;
    height: 3.5rem;
    width: 100%;
}

.main-page-sections__mod .card-stats.--item-401 span.source-date {
    display: none;
}

.card-stats__bg-icon {
    position: absolute;
    width: 8rem;
    height: 8rem;
    background-size: contain;
    max-width: 10rem;
    position: relative;
    left: 50%;
    margin-left: -4rem;
    bottom: -3rem;
}

.card-stats__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    /*position: relative;*/
}

.card-stats__desc {
    z-index: 2;
}

.card-stats__value {
    /* width: 7rem; */
    flex: auto;
    font-feature-settings: 'tnum' on, 'lnum' on;
}

.card-stats__logo-tumb {
    height: 3rem;
    margin-bottom: 1rem;
}

.card-stats__logo {
    height: 3rem;
    border-radius: .25rem;
    box-shadow: 0px 1rem 2.5rem rgb(0 0 0 / 8%);
}

.card-stats__value-arrow.--hide {
    opacity: 0;
}

.city-ndx-mod__tile.--meet-ratings .city-ndx-mod__tile-link.card-stats__btn {
    height: 4rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700 !important;
}

.js-indicators-render-1 .chart {
    height: auto !important;
    flex: 1 !important;
    max-height: 240px;
}

.js-indicators-render-1 .card-stats {
    height: 100%;
}

.js-indicators-render-1 .card-stats {
    flex: 1;
}

.js-indicators-render-1 .card-stats .card-stats__content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.js-indicators-render-1 .card-stats .card-stats__content .chart-wrap {
    display: flex !important;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
}

li.highcharts-menu-item:nth-child(2) {
    display: none;
}

.popup__close.--print-btn {
    top: 3.25rem;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.875 5H6.125C5.77981 5 5.5 4.72019 5.5 4.375V2.75C5.5 1.23119 6.73119 0 8.25 0H23.75C25.2688 0 26.5 1.23119 26.5 2.75V4.375C26.5 4.72019 26.2202 5 25.875 5Z' fill='white'/%3E%3Cpath d='M28.625 7H3.375C1.514 7 0 8.514 0 10.375V22.125C0 23.986 1.514 25.5 3.375 25.5H5.5V20.5C5.5 18.0187 7.51869 16 10 16H22C24.4813 16 26.5 18.0187 26.5 20.5V25.5H28.625C30.486 25.5 32 23.986 32 22.125V10.375C32 8.514 30.486 7 28.625 7ZM6.00125 14.5C5.17281 14.5 4.50094 13.8284 4.50094 13C4.50094 12.1716 5.17219 11.5 6.00063 11.5H6.00125C6.82969 11.5 7.50125 12.1716 7.50125 13C7.50125 13.8284 6.82969 14.5 6.00125 14.5V14.5Z' fill='white'/%3E%3Cpath d='M22 19H10C9.17156 19 8.5 19.6716 8.5 20.5V25.5V27.5C8.5 28.3284 9.17156 29 10 29H22C22.8284 29 23.5 28.3284 23.5 27.5V25.5V20.5C23.5 19.6716 22.8284 19 22 19Z' fill='white'/%3E%3C/svg%3E");
    width: 1.75rem;
    background-size: contain;
    height: 1.75rem;
    right: -3.125rem;
}

#chart .popup__content {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.chart-wrap__zoom-link.--fix {
    position: relative;
    opacity: 1;
    border-radius: .5rem;
    font-weight: 600 !important;
    margin-right: .5rem;
    bottom: 0;
    height: 3rem;
    top: 0;
    transform: translateY(0rem);
}

.chart-wrap__legend-circle {
    width: .375rem;
    height: .375rem;
    border-radius: 1rem;
    margin-right: .375rem;
}

.chart-wrap__legend-item.--forecast .chart-wrap__legend-circle {
    opacity: .5;
}


.chart-wrap__legend-icon.--line {
    width: 1.5rem;
    border-bottom: .2rem solid;
    background-color: transparent !important;
    opacity: 1 !important;
}

.chart-wrap__legend-icon.--cube {
    width: .75rem;
    height: .75rem;
}

.chart-wrap__legend-icon {
    margin-right: .375rem;
}

.chart-wrap__legend-item.--forecast .chart-wrap__legend-icon {
    opacity: .4;
}

.chart-wrap__legend-item.--forecast .chart-wrap__legend-icon.--line {
    border-bottom: .2rem solid;
    opacity: .4 !important;
}

.--access-1, .--svg__acsses.--1 {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='120' height='160' viewBox='0 0 120 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.06' d='M116.667 60H106.667V46.6666C106.667 20.9344 85.7325 0 60 0C34.2675 0 13.3334 20.9344 13.3334 46.6666V60H3.33344C1.49094 60 0 61.4909 0 63.3334V146.667C0 154.02 5.97969 160 13.3334 160H106.667C114.02 160 120 154.02 120 146.667V63.3334C120 61.4909 118.509 60 116.667 60ZM69.9806 129.632C70.0847 130.573 69.7822 131.517 69.1506 132.223C68.5191 132.93 67.6141 133.333 66.6669 133.333H53.3334C52.3863 133.333 51.4812 132.93 50.8497 132.223C50.2181 131.517 49.9153 130.573 50.0197 129.632L52.1225 110.723C48.7078 108.239 46.6669 104.31 46.6669 100C46.6669 92.6466 52.6466 86.6666 60.0003 86.6666C67.3541 86.6666 73.3337 92.6463 73.3337 100C73.3337 104.31 71.2928 108.239 67.8781 110.723L69.9806 129.632ZM86.6666 60H33.3334V46.6666C33.3334 31.9628 45.2963 20 60 20C74.7037 20 86.6666 31.9628 86.6666 46.6666V60V60Z' fill='%23172B4D'/%3E%3C/svg%3E");
}

.--access-2, .--svg__acsses.--2 {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='160' height='160' viewBox='0 0 160 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.06' clip-path='url(%23clip0)'%3E%3Cpath d='M78.7822 54.6598L101.686 77.5637L101.795 76.364C101.795 64.3303 92.0157 54.5508 79.982 54.5508L78.7822 54.6598Z' fill='%23172B4D'/%3E%3Cpath d='M79.9819 40.0086C100.05 40.0086 116.337 56.2959 116.337 76.3641C116.337 81.054 115.392 85.5257 113.756 89.6337L135.024 110.902C146.003 101.74 154.656 89.8883 160 76.3641C147.385 44.4442 116.374 21.8311 79.9823 21.8311C69.8026 21.8311 60.0596 23.6487 51.0071 26.9207L66.7127 42.5897C70.8204 40.9902 75.2921 40.0086 79.9819 40.0086Z' fill='%23172B4D'/%3E%3Cpath d='M7.27096 20.1949L23.849 36.773L27.1575 40.0814C15.1602 49.4611 5.67144 61.9311 0 76.364C12.5791 108.284 43.6265 130.897 79.9819 130.897C91.2522 130.897 102.013 128.716 111.866 124.753L114.956 127.843L136.151 149.075L145.422 139.84L16.5416 10.9243L7.27096 20.1949ZM47.4802 60.3677L58.714 71.6016C58.3868 73.1649 58.1687 74.728 58.1687 76.364C58.1687 88.3977 67.9482 98.1772 79.9819 98.1772C81.6179 98.1772 83.1813 97.9591 84.7082 97.6319L95.9421 108.866C91.1067 111.265 85.7263 112.719 79.9819 112.719C59.9138 112.719 43.6264 96.4322 43.6264 76.364C43.6264 70.62 45.0808 65.2392 47.4802 60.3677Z' fill='%23172B4D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='160' height='160' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.--svg__values {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='19' viewBox='0 0 24 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.8007 17.751H6.75494C6.09362 17.751 5.55762 17.2148 5.55762 16.5532C5.55762 15.8917 6.09362 15.3555 6.75494 15.3555H22.8003C23.4616 15.3555 23.9976 15.8917 23.9976 16.5532C23.9976 17.2148 23.462 17.751 22.8007 17.751Z' fill='%23007AEA'/%3E%3Cpath d='M22.8007 10.2324H6.75494C6.09362 10.2324 5.55762 9.69622 5.55762 9.03466C5.55762 8.37311 6.09362 7.83691 6.75494 7.83691H22.8003C23.4616 7.83691 23.9976 8.37311 23.9976 9.03466C23.998 9.69622 23.462 10.2324 22.8007 10.2324Z' fill='%23007AEA'/%3E%3Cpath d='M22.8007 2.71385H6.75494C6.09362 2.71385 5.55762 2.17766 5.55762 1.51611C5.55762 0.85455 6.09362 0.318359 6.75494 0.318359H22.8003C23.4616 0.318359 23.9976 0.85455 23.9976 1.51611C23.9976 2.17766 23.462 2.71385 22.8007 2.71385Z' fill='%23007AEA'/%3E%3Cpath d='M1.60857 3.21715C2.49696 3.21715 3.21715 2.49696 3.21715 1.60857C3.21715 0.720183 2.49696 0 1.60857 0C0.720183 0 0 0.720183 0 1.60857C0 2.49696 0.720183 3.21715 1.60857 3.21715Z' fill='%23007AEA'/%3E%3Cpath d='M1.60857 10.6439C2.49696 10.6439 3.21715 9.92372 3.21715 9.03533C3.21715 8.14694 2.49696 7.42676 1.60857 7.42676C0.720183 7.42676 0 8.14694 0 9.03533C0 9.92372 0.720183 10.6439 1.60857 10.6439Z' fill='%23007AEA'/%3E%3Cpath d='M1.60857 18.0687C2.49696 18.0687 3.21715 17.3485 3.21715 16.4601C3.21715 15.5717 2.49696 14.8516 1.60857 14.8516C0.720183 14.8516 0 15.5717 0 16.4601C0 17.3485 0.720183 18.0687 1.60857 18.0687Z' fill='%23007AEA'/%3E%3C/svg%3E");
}

.--svg__graphics {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.5715 21.8572H3.42859C2.71883 21.8564 2.14366 21.2812 2.14289 20.5715V0.42855C2.14261 0.191994 1.9509 0.000286273 1.71434 0H0.42855C0.191994 0.000286273 0.000286273 0.191994 0 0.42855V23.5715C0.000286273 23.808 0.191994 23.9997 0.42855 24H23.5715C23.808 23.9997 23.9997 23.808 24 23.5715V22.2858C23.9997 22.0491 23.808 21.8574 23.5715 21.8572Z' fill='%23007AEA'/%3E%3Cpath d='M24.2655 3.55445C23.9828 2.95347 23.3781 2.57025 22.7139 2.5713C22.0084 2.56934 21.3742 3.00094 21.1171 3.65789C20.8601 4.31484 21.033 5.0623 21.5525 5.53961C21.5388 5.55368 21.5263 5.56876 21.5148 5.5847L18.0176 12.0049C18.0105 12.0231 18.0047 12.0417 18.0003 12.0607C17.514 11.9248 16.9923 12.0189 16.5841 12.3162C16.5741 12.3015 16.5632 12.2875 16.5513 12.2742L13.1483 9.36001C13.1326 9.34985 13.1163 9.34074 13.0994 9.33282C13.22 9.09698 13.2837 8.83618 13.2853 8.57128C13.2896 7.82368 12.8088 7.15953 12.0973 6.93003C11.3859 6.70054 10.6076 6.95857 10.1742 7.56771C9.7408 8.17685 9.75211 8.99664 10.2022 9.59361C10.1867 9.60463 10.1721 9.6167 10.1583 9.62978L6.74691 13.8297C6.73727 13.8453 6.72873 13.8616 6.72134 13.8784C5.93032 13.5056 4.98538 13.7815 4.51928 14.5215C4.05318 15.2614 4.21244 16.2328 4.89038 16.7853C5.56833 17.3377 6.55186 17.2975 7.18247 16.6915C7.81309 16.0857 7.89248 15.1045 7.36755 14.405C7.38329 14.3945 7.39828 14.3828 7.41235 14.37L10.8238 10.1701C10.8334 10.1545 10.8419 10.1382 10.8493 10.1214C11.404 10.386 12.0588 10.3278 12.5581 9.96934C12.568 9.98404 12.579 9.99807 12.5908 10.0113L15.9939 12.9255C16.0093 12.936 16.0254 12.9454 16.0421 12.9536C15.9219 13.1892 15.8584 13.4497 15.8568 13.7142C15.8538 14.4991 16.3843 15.1859 17.1446 15.3811C17.9049 15.5764 18.7007 15.2303 19.0763 14.5411C19.452 13.8518 19.3114 12.9955 18.7352 12.4624C18.748 12.4475 18.7597 12.4317 18.7702 12.4151L22.2673 5.99483C22.2744 5.97665 22.2802 5.958 22.2846 5.93901C22.9272 6.10662 23.6088 5.88738 24.0331 5.37653C24.4575 4.86568 24.5481 4.15543 24.2655 3.55445Z' fill='%23007AEA'/%3E%3C/svg%3E");
}

.--svg__download-xls {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='22' height='30' viewBox='0 0 22 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.41768 2.18184H14.3267V6.54546H18.6903V7.63635H20.8722V5.00293L15.8693 0H3.41768C2.21439 0 1.23584 0.97962 1.23584 2.18184V7.6364H3.41768V2.18184Z' fill='%23007AEA'/%3E%3Cpath d='M8.87256 9.81836V18.5457H14.327V16.3638H11.0543V9.81836H8.87256Z' fill='%23007AEA'/%3E%3Cpath d='M18.1452 12.0002H21.9634V9.81836H18.1452C16.642 9.81836 15.418 11.0424 15.418 12.5456C15.418 14.0489 16.642 15.2729 18.1452 15.2729H19.2361C19.5372 15.2729 19.7816 15.5183 19.7816 15.8183C19.7816 16.1184 19.5372 16.3638 19.2361 16.3638H15.4179V18.5457H19.2361C20.7394 18.5457 21.9634 17.3217 21.9634 15.8184C21.9634 14.3151 20.7394 13.0911 19.2361 13.0911H18.1452C17.8441 13.0911 17.5998 12.8456 17.5998 12.5456C17.5998 12.2457 17.8441 12.0002 18.1452 12.0002Z' fill='%23007AEA'/%3E%3Cpath d='M2.54506 18.5457L3.89016 16.3027L5.23637 18.5457H7.78143L5.16217 14.182L7.78143 9.81836H5.23637L3.89016 12.0613L2.54506 9.81836H0L2.61819 14.182L0 18.5457H2.54506Z' fill='%23007AEA'/%3E%3Cpath d='M4 23.4887L11 28M11 28L18 23.4887M11 28V21' stroke='%23007AEA' stroke-width='2.25'/%3E%3C/svg%3E");
}

.configurator__border-btn {
    height: 3.5rem !important;
}

.configurator__uploade-error-label {
    font-weight: 600;
}

.configurator__uploade-error-label.--error {
    color: #cf1f2f;
}

.configurator__uploade-error-label.--success {
    color: var(--color__fill-1);
}

.configurator__label {
    font-size: .875rem;
    font-weight: 600;
    color: var(--color__dark);
}

.configurator__changer input {
    font-size: 1.125rem;
    color: #000000;
}

.configurator__title {
    color: #172B4D;
}

.configurator__col.big-chart__filter .configurator__label {
    width: 100%;
}

.configurator__col.big-chart__filter .configurator__changer {
    max-width: 100% !important;
}

.configurator__upload-btn {
    height: 3.5rem !important;
}

.configurator__row {
    /* flex-direction: column; */
    flex-wrap: nowrap;
    align-items: flex-start;
}

.configurator__col {
    /* margin-top: 8px; */
}

.configurator__actions {
    /* flex-direction: column-reverse; */
    /* margin-top: 1rem !important; */
}

.configurator__cancel-btn {
    width: 100%;
}

.configurator__label {
    margin-top: .5rem;
}

.configurator__col {
    /* margin-top: 16px; */
    /* width: 100%; */
}

.configurator__col {
    /* margin-top: 1rem; */
}

.cards__group-head-line {
    border-bottom: 1px solid var(--color__border);
    top: .25rem;
    position: relative;
}

.cards__tag {
    height: 3rem;
    border-radius: .75rem;
    background-color: white !important;
    color: rgb(23 43 77 / 56%) !important;
    padding: 0 1rem;
}

.cards__tag.is-active {
    background-color: var(--color__fill-4) !important;
    color: rgb(23 43 77 / 56%) !important;
}

.cards__tag.is-active:hover, .cards__tag.is-active:active {
    background-color: var(--color__fill-1-h);
    color: rgb(23 43 77 / 100%) !important;
}

.cards__tag:hover {
    background-color: var(--color__fill-4) !important;
    color: rgb(23 43 77 / 100%) !important;
}

.cards__tag.is-active:after {
    display: block;
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    display: none;
    background-color: var(--color__fill-1);
    border-radius: 1rem;
    background-position: center;
    background-size: .5rem;
    margin-left: .5rem;
    transition: all ease .24s;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5M9 9L5 5M5 5L9 1L1 9' stroke='%23F6F7F7' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.cards__tag.is-active:after {
    content: "";
    display: block;
    animation-name: fadeIn;
    animation-duration: .24s;
    animation-fill-mode: both;
}

.cards__tag.--show-all.is-active:after {
    display: none;
}


.card-stats__link {
    color: var(--color__dark);
    transition: color ease 0.24s;
    text-decoration: none;
}

.card-stats__link:hover {
    color: var(--color__fill-1);
}

.stretched-link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

/* visually-hidden */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.city-ratings-editor-spoiler {
    position: relative;
    overflow: hidden;
    height: 0;
}

.city-ratings-editor-spoiler__inner {
    padding-top: 1rem;
}

.city-ratings-editor-spoiler.--open {
    height: auto;
}

.city-ratings-editor-icon-grid {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fill, 4rem);
}

.city-ratings-editor-icon {
    display: block;
}

.city-ratings-editor-icon__input {
}

.city-ratings-editor-icon__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    width: 4rem;
    border-radius: 1rem;
    border: 0.125rem solid var(--color__border);
    transition: border-color ease 0.24s;
    cursor: pointer;
}

.city-ratings-editor-icon:hover .city-ratings-editor-icon__inner {
    border-color: var(--color__fill-1-h);
}

.city-ratings-editor-icon__input:checked ~ .city-ratings-editor-icon__inner {
    border-color: var(--color__fill-1);
}

.city-ratings-editor-icon__image {
    display: block;
    height: 50%;
    width: auto;
    transition: filter ease 0.24s;
    filter: grayscale(1);
}

.city-ratings-editor-icon__input:checked ~ .city-ratings-editor-icon__inner .city-ratings-editor-icon__image {
    filter: grayscale(0);
}

.city-ratings-editor-icon:hover .city-ratings-editor-icon__image {
    filter: grayscale(0);
}

.cards-tags {
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.cards-tags__list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-top: -1rem;
}

.cards-tags__item {
    margin-left: 1rem;
    margin-top: 1rem;
}

.cards-tag {
    display: flex;
    height: 3rem;
    border-radius: 0.75rem;
    overflow: hidden;
    color: rgba(23, 43, 77, 0.56);
    background-color: var(--color__white);
}

.cards-tag:hover,
.cards-tag.is-active {
    background-color: var(--color__fill-4);
}

.cards-tag.--add {
    color: #038CD2;
    background-color: #EAF2FC;
}

.cards-tag.--add:hover {
    color: #038CD2;
    background-color: #cfe2fa;
}

.cards-tag__button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 1rem;
    border: 0;
    font-size: 1rem;
    line-height: 1;
    font-weight: 700;
    color: currentColor;
    background-color: inherit;
    cursor: pointer;
    transition: color ease 0.24s, background-color ease 0.24s;
}

.cards-tag.--edit .cards-tag__button:first-child {
    padding-right: 0.5rem;
}

.cards-tag.--edit .cards-tag__button:last-child {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.cards-tag__button:hover {
    color: rgba(23, 43, 77, 1);
    background-color: var(--color__fill-4-h);
}

.cards-tag.--add .cards-tag__button:hover {
    color: currentColor;
    background-color: inherit;
}

.cards-tag__check-icon {
    display: none;
    height: 40%;
    width: auto;
    margin-right: 0.5rem;
    fill: currentColor;
}

.cards-tag.is-active .cards-tag__check-icon {
    display: block;
}

.cards-tag__edit-icon {
    display: block;
    height: 40%;
    width: auto;
    fill: currentColor;
}

.main-tabs__list {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1rem;
    filter: drop-shadow(0px 0.5rem 1.4rem rgba(0, 0, 0, 0.06));
}

.main-tabs__item {
    border-radius: 1rem;
    background-color: white;
}

.main-tabs__item-icon {
    width: 4.5rem;
    height: 4.5rem;
}

.main-tabs__item-link {
    background: #F6F7F7;
    font-weight: 600;
    font-size: 1rem;
    color: #038CD2;
    text-align: center;
    width: 100%;
}

.main-tabs__item-title {
    color: #3E3E41;
    font-size: 1.5rem;
    font-weight: 500;
}

.main-tabs__item-link:hover {
    background: #cfe2fa;
}

.main-tabs__section.--super-admin .main-tabs__list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.dashboard-page__title__wrap {
    padding-bottom: 2.5rem;
    border-bottom: 1px solid var(--color__border);
    position: relative;
    z-index: 2;
}

.dashboard-page__title__wrap:after {
    content: "";
    display: block;
    position: absolute;
    width: 5rem;
    height: 1px;
    background-color: var(--color__fill-1);
    bottom: 0;
}

.dashboard-page__list {
    position: relative;
    z-index: 2;
    /* min-height: calc(100vh - 15rem); */
    min-height: 13rem;
    background-color: var(--color__fill-4);
    border-radius: 0.75rem;
}

.dashboard-page__table-head {
    border-bottom: 1px solid rgb(62 62 65 / 16%);;
    position: sticky;
    top: 6rem;
    border-radius: 1rem 1rem 0 0;
    z-index: 2;
}

.dashboard-page__table-col {
    height: 3rem;
    display: flex;
    align-items: center;
}

.dashboard-page__table-col.--numb-size {
    width: 3.5rem;
}

.dashboard-page__table-col__label-head {
    opacity: .6;
    cursor: pointer;
}

.dashboard-page__table-col__label-head.--num {
    cursor: text;
}

.dashboard-page__table-col.--auto {
    flex: 1;
}

.dashboard-page__table-col.--url-size {
    width: 15rem;
}

.dashboard-page__table-sort__circle {
    flex: none;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 1.5rem;
    background-color: rgb(62 62 65 / 14%);
    transition: all ease .24s;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    opacity: 0.6;
}

.dashboard-page__table-sort__circle:hover {
    opacity: 1;
}

.dashboard-page__table-lock {
    width: 1rem;
    height: 1.25rem;
}

.dashboard-page__table-sort__circle svg {
    width: 0.75rem;
}

.dashboard-page__table-col.--numb-size .dashboard-page__table-col__label {
    opacity: 0.5;
}

.dashboard-page__table-col__label.--url-font {
    color: #038CD2;
    font-weight: 600;
}

.dashboard-page__table-body {
    font-weight: 500;
}

.dashboard-page__table-sort:hover .dashboard-page__table-sort__circle {
    opacity: 1;
}

.dashboard-page__table-sort:hover .dashboard-page__table-col__label-head {
    opacity: 1;
}

.dashboard-page__table-sort.is-active.is-up .dashboard-page__table__sort-cirlce {
    transform: rotate(180deg);
}

.dashboard-page__table-sort.is-active .dashboard-page__table-sort__cirlce {
    background-color: var(--color__fill-1);
}

.views-page__title__wrap {
    padding-bottom: 2.5rem;
    border-bottom: 1px solid var(--color__border);
    position: relative;
    z-index: 2;
}

.views-page__title__wrap:after {
    content: "";
    display: block;
    position: absolute;
    width: 5rem;
    height: 1px;
    background-color: var(--color__fill-1);
    bottom: 0;
}

.views-page__list {
    /* min-height: calc(100vh - 15rem); */
    min-height: 13rem;
    background-color: var(--color__fill-4);
    border-radius: 0.75rem;
}

.views-page__table-head {
    border-bottom: 1px solid rgb(62 62 65 / 16%);;
    position: sticky;
    top: 6rem;
    border-radius: 1rem 1rem 0 0;
    z-index: 2;
}

.views-page__table-col {
    height: 3rem;
    display: flex;
    align-items: center;
}

.views-page__table-col.--numb-size {
    width: 3.5rem;
}

.views-page__table-col__label-head {
    opacity: .6;
    cursor: pointer;
    transition: all ease .24s;
}

.views-page__table-col__label-head.--num {
    cursor: text;
}

.views-page__table-col.--auto {
    flex: 1;
}

.views-page__table-col.--url-size {
    width: 15rem;
}

.views-page__table-sort__circle {
    flex: none;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 1.5rem;
    background-color: rgb(62 62 65 / 14%);
    transition: all ease .24s;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    opacity: 0.6;
}

.views-page__table-lock {
    width: 1rem;
    height: 1.25rem;
}

.views-page__table-sort__circle svg {
    width: 0.75rem;
}

.views-page__table-col.--numb-size .views-page__table-col__label {
    opacity: 0.5;
}

.views-page__table-col__label.--url-font {
    color: #038CD2;
    font-weight: 600;
}

.views-page__table-body {
    font-weight: 500;
}

.main-tabs__item-icon.--dashboards {
    width: 5rem;
}

.main-tabs__item-icon.--globe {
    width: 4.5rem;
}

.main-tabs__item-icon.--views {
    width: 4.5rem;
}

.main-tabs__item-icon.--administry {
    width: 4.5rem;
}

.views-page__table-sort:hover .views-page__table-sort__circle {
    opacity: 1;
}

.views-page__table-sort:hover .views-page__table-col__label-head {
    opacity: 1;
}

.views-page__table-sort.is-active.is-up .views-page__table-sort__circle {
    transform: rotate(180deg);
}

.views-page__table-sort.is-active .views-page__table-sort__circle {
    background-color: #038cd2;
    opacity: 1;
}

.views-page__table-sort.is-active .views-page__table-sort__circle svg path {
    fill: white;
}

.dashboard-page__table-sort.is-active.is-up .dashboard-page__table-sort__circle {
    transform: rotate(180deg);
}

.dashboard-page__table-sort.is-active .dashboard-page__table-sort__circle {
    background-color: #038cd2;
    opacity: 1;
}

.dashboard-page__table-sort.is-active .dashboard-page__table-sort__circle svg path {
    fill: white;
}

.top-nav__user {
    position: relative;
}

.top-nav__user-tumb {
    z-index: 2;
    position: relative;
}

.top-nav__user-avatar {
    width: 3rem;
    height: 3rem;
    background-size: contain;
    background-position: center;
}

.top-nav__user-drop {
    position: absolute;
    min-width: 16.75rem;
    padding: 2rem;
    right: -1rem;
    background-color: white;
    top: -1rem;
    display: none;
    padding-bottom: 1rem;
    box-shadow: 0px .5rem 3.5rem rgb(0 0 0 / 8%);
    border-radius: 1rem;
}

.top-nav__user-drop-name { /* margin-bottom: 1.5rem; */
    padding-right: 3rem;
    font-size: 1.125rem;
    font-weight: 600;
    max-width: 100%;
    padding-right: 2.5rem;
    overflow-wrap: break-word;
}

.top-nav__user-drop-info {
    margin-top: 2rem;
}

.top-nav__user-drop-fio {
    font-size: 1rem;
    line-height: 1.5rem;
}

.top-nav__user-drop-type {
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.5rem;
}

.top-nav__user-drop-email {
}

.top-nav__user-drop-actions {
    margin-top: 1rem;
}

.top-nav__user-drop-action-link {
    padding: .75rem 0;
    border-bottom: 1px solid var(--color__border);
    text-decoration: none;
    cursor: pointer;
}

.top-nav__user-drop-action-name {
    color: #3E3E41;
    font-weight: 600;
    opacity: .6;
    transition: all ease .24s;
}

.top-nav__user:hover {
}

.top-nav__user:hover .top-nav__user-drop {
    display: block;
}

.top-nav__user {
}

.top-nav__user-drop-action-link:last-child {
    border-bottom: 0;
}

.top-nav__user-drop-action-link img {
    margin-right: .75rem;
    opacity: .24;
    padding: 0 !important;
    transition: all ease .24s;
}

.top-nav__user-drop-action-link:hover img {
    opacity: 1;
}

.top-nav__user-drop-action-link:hover .top-nav__user-drop-action-name {
    opacity: 1;
}

.dashboard__sections {
    flex: 1;
}

.city-ratings-editor__section-title {
    cursor: pointer;
}


.edit-indicator .checkbox__label {
    font-weight: 500;
}


.city-ratings-editor__separator-btn {
    cursor: pointer;
}


.popup.edit-inicator-popup {
}

.popup.edit-inicator-popup .popup__content {
    padding: 2rem 2.5rem !important;
    background-color: #F6F7F7;
}

.popup.edit-inicator-popup .city-ratings-editor__section {
    background-color: white;
    padding: 2rem;
    border-radius: 1rem;
    margin-top: 1rem;
}

.popup.edit-inicator-popup select {
    /* background-color: white; */
}

.city-ratings-editor__info-value {
    font-weight: 500;
}

.city-ratings-editor__load-btn span {
    font-weight: 600;
    font-size: 1.125rem;
}

.city-ratings-editor__load-btn svg + span {
    display: inline-block;
    width: 11rem !important;
}

.city-ratings-editor__load-btn span {
    display: flex;
    align-items: center;
}

.city-ratings-editor__load-btn {
    height: 3.5rem !important;
}

.edit-indicator .city-ratings-editor__info-value {
    font-weight: 600;
}

.is-dissable-btn {
    filter: grayscale(1);
    opacity: .4;
    pointer-events: none;
}

.city-ratings-editor__info-value::first-letter {
    text-transform: uppercase;
}

.is-disabled {
    opacity: .4;
    filter: grayscale(1) blur(1px);
    pointer-events: none;
}

.city-ratings-editor__post-title {
    height: 1.25rem;
    display: block;
}

.city-ratings-editor__post-title {
    display: block;
    height: 1.25rem;
}

.card-stats-item .card-stats {
    height: 100%;
}

.popup-top-chart {
    /*height: calc(30vh - 2.5rem - 1.5625rem - 2.25rem);*/
}

.popup-bottom-chart {
    /*height: 30vh;*/
}

.small-top-chart {
    height: calc(15.625rem - 3.125rem);
}

.small-bottom-chart {
    height: 15.625rem;
}

.city-ratings-editor__upload-status-label {
    text-align: center;
    /* color: #fa6163; */
}

.edit-indicator__upload-result-tilte {
    text-align: center;
}

.edit-indicator__upload-result-tilte {
    font-weight: 600;
}

.edit-indicator__upload-result-tilte.--green {
    color: #4DB45F;
}

.edit-indicator__upload-result-tilte.--red {
    color: var(--color__fill-2);
}

.edit-indicator__upload-result-tilte.--orange {
    color: #ee9b1f;
}

.edit-indicator__upload-result-icon svg {
    width: 4rem;
}

.edit-indicator__upload-result-error {
    text-align: center;
}

.card-stats__absolute-value-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-stats__absolute-value-col.--is-change.--good .card-stats__absolute-value {color: #4cb45f;}

.card-stats__absolute-value-col.--is-change.--bad .card-stats__absolute-value {color: #EE1F25;}

.card-stats__absolute-value-col.--is-change.--normal .card-stats__absolute-value {color: #333333;}

.card-stats__absolute-value-arrow {
    border: .5rem solid transparent;
    display: inline-block;
    transform: scaleX(.75);
    position: relative;
}

.card-stats__absolute-value-arrow.--top {
    border-bottom: .5rem solid;
    top: -.125rem;
}

.card-stats__absolute-value-arrow.--bottom {
    border-top: .5rem solid;
    top: .35rem;
}


i.card-stats__absolute-value-arrow.--bottom.--top {
    border: 0;
    width: .5rem;
    display: flex;
    flex-direction: column;
    height: 0;
    top: 0;
    bottom: 0;
    height: 1.75rem;
    margin-right: .5rem;
}

i.card-stats__absolute-value-arrow.--bottom.--top:before, i.card-stats__absolute-value-arrow.--bottom.--top:after {
    content: "";
    border: 0.5rem solid transparent;
}

i.card-stats__absolute-value-arrow.--bottom.--top:before {
    border-bottom: .5rem solid;
    top: -1px;
    position: relative;
}

i.card-stats__absolute-value-arrow.--bottom.--top:after {
    border-top: .5rem solid;
    position: relative;
    top: 1px;
}

.--is-change .card-stats__absolute-value {
    display: flex;
    align-items: center;
}

.city-ratings-editor__history-col span {
    font-feature-settings: 'tnum' on, 'lnum' on;
}


.card-stats__values-value.--bottom.--top.--normal {}

.card-stats__values-value.--bottom.--top.--normal .card-stats__value-arrow {
    border: unset;
    width: 0.5rem;
    height: .5rem;
}

.card-stats__values-value.--bottom.--top.--normal .card-stats__value-arrow:after, .card-stats__values-value.--bottom.--top.--normal .card-stats__value-arrow:before {
    display: block;
    content: "";
    border-color: black;
    border: .5rem solid transparent;
    left: .08rem;
}

.card-stats__values-value.--bottom.--top.--normal .card-stats__value-arrow:after {
    border-top: .5rem solid black;
    position: relative;
    top: -.6rem;
}

.card-stats__values-value.--bottom.--top.--normal .card-stats__value-arrow:before {
    border-bottom: 0.5rem solid black;
    top: -.75rem;
    position: relative;
}

.card-stats__values-value.--top.--normal .card-stats__value-arrow {
    border-bottom: .5rem solid black;
    position: relative;
    top: -.25rem;
}

.card-stats__values-value.--bottom.--normal .card-stats__value-arrow {
    border-top: .5rem solid black;
    position: relative;
    /* top: -.25rem; */
}

.card-stats__values-value {
    width: 9rem;
    justify-content: space-between;
}

.card-stats__values-value {
    justify-content: space-between !important;
}

/* .card-stats__values-value {
    max-width: 8rem;
} */

.card-stats__values-value {
    max-width: 7rem;
}

.city-ratings-editor__load-btn svg {
    width: 3.5rem;
    height: 3.0rem;
    /* top: 0.125rem; */
    position: relative;
}

.city-ratings-editor__load-btn svg path {
    /* transition: all ease .24s; */
}

.city-ratings-editor__load-btn:hover svg path {
    fill: white;
}

.incision {
    flex: 1;
    padding-bottom: 0.5rem;
}

.incision-item__value {
    font-feature-settings: 'tnum' on, 'lnum' on;
    font-size: 1.125rem;
    font-weight: bold;
}

.incision-item__toogle {
    font-size: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
}

.incision-item__name {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
}

.incision-item__wrap.flex {
    flex-wrap: nowrap;
}

.incision-item__head {
    cursor: pointer;
    transition: all ease .24s;
}

.incision-item__head:hover {
    color: var(--color__fill-1);
}

.incision__labels {
    opacity: .72;
}

.incision-item .incision-item__childrens .incision-item__head {
    padding-left: 1.25rem;
    flex: 1;
}


.incision-item .incision-item .incision-item__childrens .incision-item__head {
    padding-left: 2.5rem;
}

.incision-item .incision-item .incision-item .incision-item__childrens .incision-item__head {
    padding-left: 3.75rem;
}

.incision-item .incision-item .incision-item .incision-item .incision-item__childrens .incision-item__head {
    padding-left: 4.25rem;
}

.incision__list {
    overflow: hidden;
    overflow-y: auto;
    max-height: 17rem;
    padding-right: 0.5rem;
    margin-right: -1rem;
    margin-left: -.25rem;
    scrollbar-width: thin;
    scrollbar-color: #ddd transparent;
}

/* width */
.incision__list::-webkit-scrollbar {
    width: .5rem;
}

/* Track */
.incision__list::-webkit-scrollbar-track {
    /* background: #FFF; */
}

/* Handle */
.incision__list::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: .5rem;
}

.incision__label-period-sort span {
    width: 1.675rem;
    height: 1.675rem;
    background-color: rgb(62 62 65 / 14%);
    background-size: .8rem;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    display: flex;
    margin-left: 1rem;
    transition: all ease .24s;
    cursor: pointer;
}

.--svg__filter {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.44445 9.66683H8.55556V8.11127H5.44445V9.66683ZM0 0.333496V1.88905H14V0.333496H0ZM2.33333 5.77794H11.6667V4.22238H2.33333V5.77794Z' fill='%233E3E41'/%3E%3C/svg%3E");
}

.incision__label-period-sort span:hover {
    background-color: rgb(62 62 65 / 20%);
}

.incision__label-period-sort.is-up span {
    /* transform: rotate(180deg); */
}

.highcharts-axis-labels.highcharts-xaxis-labels {
    font-feature-settings: 'tnum' on, 'lnum' on;
}

.incision-item .card-stats__values-value {max-width: 6.5rem !important;border-right: 0 !important;padding-right: 0 !important;margin-right: 0 !important;}

.incision-item .incision-item__childrens {
    display: none;
}

.incision-item.is-open > .incision-item__childrens {
    display: block;
}

.edit-indicator__upload-log ul li:after {
    top: .3rem !important;
}

.edit-indicator__upload-log ul li {
    padding-left: 1.5rem !important;
}

.incision__label-period-sort span svg {
    width: .5rem;
    height: 1rem;
    position: absolute;
    display: none;
}

.incision__label-period-sort span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.incision__label-period-sort span svg.incision__label-period-sort-icon.--all {
    display: block;
}


.incision__label-period-sort.is-sort svg.incision__label-period-sort-icon.--all {
    display: none;
}

.incision__label-period-sort.is-sort.is-down svg.incision__label-period-sort-icon.--down {
    display: block;
}

.incision__label-period-sort.is-sort.is-up svg.incision__label-period-sort-icon.--up {
    display: block;
}

.card-stats.is-show-chart .incision {
    display: none;
}

.main-tabs__item-icon.--dashboards svg {
    width: 5rem;
    height: 4rem;
    display: block;
}

.highcharts-tooltip-container {
    /* увеличиваем z-index для того что бы перекрыть z-index класса popup */
    z-index: 1001 !important;
}

/* big-chart */
.big-chart {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.big-chart__head {
    margin-bottom: 16px;
    flex: none;
}

.big-chart__source-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.big-chart__source {
    font-size: 18px;
    line-height: 1;
}

.big-chart__title {
    font-size: 32px;
    line-height: 1.125;
    font-weight: 700;
}

.big-chart__class-name {
    font-size: 14px;
    line-height: 1;
    opacity: 0.54;
}

.big-chart__content {
    flex: 1;
}

/* big-chart-head */
.big-chart-head {}
.big-chart-head__row {}
.big-chart-head__row + .big-chart-head__row {
    margin-top: 10px;
}

/* big-chart-select */
.big-chart-select {}

.big-chart-select__label {
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: var(--color__dark);
    opacity: 0.72;
}

.big-chart-select__content {}

.big-chart-select__placeholder {
    display: flex;
    align-items: center;
    width: 100%;
    height: 50px;
    padding: 0 32px 0 16px;
    font-size: 14px;
    border: 2px solid var(--color__border);
    border-radius: 8px;
    color: var(--color__dark);
    background-position: calc(100% - 16px) center;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L8 8L14 2' stroke='%23111111' stroke-width='3'/%3E%3C/svg%3E%0A");
    background-color: var(--color__white);
    transition: border-color ease 0.24s;
    appearance: none;
    cursor: pointer;
}

.big-chart-select__placeholder:focus,
.big-chart-select__placeholder:hover {
    border-color: var(--color__dark);
}

/* big-chart-multiple-select */
.big-chart-multiple-select {}

.big-chart-multiple-select__content {
    position: relative;
}

.big-chart-multiple-select__dropdown {
    position: absolute;
    top: 100%;
    z-index: 1;
    min-width: 100%;
    width: 150%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    border-radius: 0.4375rem;
    border: 1px solid rgb(230, 230, 230);
    background-color: var(--color__white);
    visibility: hidden;
    opacity: 0;
}

.big-chart-multiple-select.--left .big-chart-multiple-select__dropdown {
    left: 0;
}

.big-chart-multiple-select.--right .big-chart-multiple-select__dropdown {
    right: 0;
}

.big-chart-multiple-select__dropdown-inner {
    max-height: 10rem;
    overflow: auto;
}

.big-chart-multiple-select.--open .big-chart-multiple-select__dropdown {
    visibility: visible;
    opacity: 1;
}

/* big-chart-multiple-select-list */
.big-chart-multiple-select-list {
    position: relative;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 0.5rem;
}

.big-chart-multiple-select-list__item {}

.big-chart-multiple-select-list__item + .big-chart-multiple-select-list__item {
    margin-top: 0.25rem;
}

/* big-chart-multiple-select-checkbox */
.big-chart-multiple-select-checkbox {
    display: flex;
    cursor: pointer;
}

.big-chart-multiple-select-checkbox__input {}

.big-chart-multiple-select-checkbox__inner {
    display: inline-flex;
}

.big-chart-multiple-select-checkbox__check {
    flex: none;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1rem;
    background-color: #e9e9e9;
    border-radius: 0.25rem;
    background-repeat: no-repeat;
    background-position: center .167rem;
    background-size: 1rem;
    transition: all ease .24s;
}

.big-chart-multiple-select-checkbox__input:checked ~ .big-chart-multiple-select-checkbox__inner .big-chart-multiple-select-checkbox__check {
    background-color: var(--color__fill-1);
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 5.33329L7.33333 16L2 10.6666' stroke='white' stroke-width='4'/%3E%3C/svg%3E%0A");
}

.big-chart-multiple-select-checkbox__label {
    font-size: 0.9375rem;
    line-height: 1.5rem;
}

.big-chart-multiple-select__panel {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.big-chart-multiple-select__button-wrapper {
    display: flex;
    justify-content: space-between;
}

.big-chart-multiple-select__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    font-size: 1rem;
    line-height: 1;
    font-weight: 700;
    color: var(--color__fill-1);
    background-color: transparent;
    transition: color ease 0.24s;
    cursor: pointer;
}

.big-chart-multiple-select__button:hover {
    color: var(--color__fill-1-h);
}

.big-chart-multiple-select__input {
    width: 100%;
    height: 2rem;
    margin-bottom: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    outline: none;
    border: 0.125rem solid var(--color__border);
    border-radius: 0.5rem;
}

.big-chart-multiple-select__not-found {
    padding-bottom: 0.5rem;
    font-size: 1rem;
}

/* big-chart-multiple-select-scrollbar */
.big-chart-multiple-select-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: var(--color__fill-1) transparent;
}

.big-chart-multiple-select-scrollbar::-webkit-scrollbar {
    width: 0.25rem;
}

.big-chart-multiple-select-scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
}

.big-chart-multiple-select-scrollbar::-webkit-scrollbar-thumb {
    background: var(--color__fill-1);
    border-radius: 0.75rem;
}

/* big-chart-panel */
.big-chart-panel {}

.big-chart-panel__item {}

.big-chart-panel__item + .big-chart-panel__item {
    margin-top: 14px;
}

/* big-chart-grid */
.big-chart-grid {
    position: relative;
    display: flex;
}
.big-chart-grid__item {}
.big-chart-grid__item.--sidebar {
    flex: none;
    width: var(--big-chart-legend-width);
}

.big-chart-grid__item.--absolute {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.big-chart-grid__item.--chart {
    flex: 1;
}

/* big-chart-city */
.big-chart-city {
    position: relative;
}

.big-chart-city__select {
    position: absolute;
    top: -3px;
    right: 0;
    width: var(--big-chart-legend-width);
}

.big-chart__item-wrapper {
    display: flex;
    flex-direction: column;
}

.big-chart__item {
    flex: 1;
}

/* big-chart-item - блок с графиком */
.big-chart-item {}
.big-chart-item__content {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.big-chart-item__chart {
    flex: 1;
}

.big-chart-item__class-name {
    flex: none;
    font-size: 14px;
    line-height: 1;
    opacity: 0.54;
    margin-top: 8px;
    margin-left: var(--big-chart-offset);
}

.big-chart-item__class-name.--single-legend {
    margin-left: calc(var(--big-chart-legend-width) + var(--big-chart-offset));
}

.highcharts-subtitle {
    text-align: center;
}

.highcharts-data-labels {
    opacity: 1;
}

/* popup */
.popup.--chart {
    overflow: hidden;
}



.popup.--chart .popup__wrap {
    display: block;
    height: 100%;
    padding: 2.5% 0;
}

.popup.--chart.--fullscreen .popup__wrap {
    padding: 0;
}

.popup.--chart .popup__content {
    height: 100%;
    padding: 32px 48px;
}

.popup.--chart.--fullscreen .popup__content {
    max-width: 100% !important;
    border-radius: 0;
}

.popup.--chart.--fullscreen .popup__shade {
    display: none;
}

.popup.--chart.--fullscreen .popup__close {
    display: none;
}

.popup.--chart.--fullscreen .popup__close.--print-btn {
    display: block;
    top: 2rem;
    right: 2rem;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.875 5H6.125C5.77981 5 5.5 4.72019 5.5 4.375V2.75C5.5 1.23119 6.73119 0 8.25 0H23.75C25.2688 0 26.5 1.23119 26.5 2.75V4.375C26.5 4.72019 26.2202 5 25.875 5Z' fill='%23111111'/%3E%3Cpath d='M28.625 7H3.375C1.514 7 0 8.514 0 10.375V22.125C0 23.986 1.514 25.5 3.375 25.5H5.5V20.5C5.5 18.0187 7.51869 16 10 16H22C24.4813 16 26.5 18.0187 26.5 20.5V25.5H28.625C30.486 25.5 28 23.986 32 22.125V10.375C32 8.514 30.486 7 28.625 7ZM6.00125 14.5C5.17281 14.5 4.50094 13.8284 4.50094 13C4.50094 12.1716 5.17219 11.5 6.00063 11.5H6.00125C6.82969 11.5 7.50125 12.1716 7.50125 13C7.50125 13.8284 6.82969 14.5 6.00125 14.5V14.5Z' fill='%23111111'/%3E%3Cpath d='M22 19H10C9.17156 19 8.5 19.6716 8.5 20.5V25.5V27.5C8.5 28.3284 9.17156 29 10 29H22C22.8284 29 23.5 28.3284 23.5 27.5V25.5V20.5C23.5 19.6716 22.8284 19 22 19Z' fill='%23111111'/%3E%3C/svg%3E");
}

.popup.--chart .popup__content-wrapper {
    height: 100%;
}
@media screen and (max-width: 990px) {
    .sections-list {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .cards__items {
        grid-template-columns: 1fr 1fr;
    }

    .big-chart {
        overflow: auto;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .big-chart.--single {
        overflow: hidden;
    }

    .big-chart__title {
        font-size: 1.5rem;
    }

    .big-chart__item + .big-chart__item {
        margin-top: 2rem;
    }

    .big-chart-grid {
        flex-direction: column;
    }

    .big-chart-grid__item.--sidebar {
        width: 100%;
        margin-bottom: 1rem;
    }

    .big-chart-grid__item.--absolute {
        position: static;
    }

    .big-chart-multiple-select__dropdown {
        width: 100%;
    }

    .big-chart-item__class-name {
        margin-left: 0;
    }

    .big-chart-item__class-name.--single-legend {
        margin-left: 0;
    }

    .big-chart:not(.--single) .big-chart-item__chart {
        height: 30rem;
        flex: none;
    }

    .big-chart-city__select {
        position: static;
        width: 100%;
        order: -1;
        margin-bottom: 1rem;
    }

    /* big-chart-select */
    .big-chart-select__label {
        margin-bottom: 0.5rem;
        font-size: 0.875rem;
    }

    .big-chart-select__placeholder {
        height: 3.125rem;
        padding: 0 2rem 0 1rem;
        font-size: 0.875rem;
        border-width: 0.125rem;
        border-radius: 0.5rem;
        background-position: calc(100% - 1rem) center;
        background-size: auto 0.75rem;
    }

    .big-chart-panel__item + .big-chart-panel__item {
        margin-top: 0.875rem;
    }

    /* popup */
    .popup.--chart .popup__wrap {
        padding: 4rem 1rem;
    }

    .popup.--chart .popup__content {
        padding: 2rem 0.5rem;
    }
}

@media screen and (max-width: 768px) {
    .city-ndx-mod__tile.--meet-ratings .city-ndx-mod__tile-link.card-stats__btn {
        font-size: 1.25rem;
        line-height: 1.75rem;
        height: 4rem;
    }

    .main-tabs__list {
        grid-template-columns: unset;
        grid-template-rows: 1fr 1fr 1fr;
    }

    .main-tabs__item-link-wrap {
        width: 100%;
    }

    .main-tabs__section.--super-admin .main-tabs__list {
        grid-template-columns: unset;
        grid-template-rows: 1fr 1fr 1fr 1fr;
    }

    .dashboard-page__list {
        overflow-x: auto;
    }

    .dashboard-page__table {
        min-width: 42rem;
    }

    .dashboard-page__table-head {
        top: 0;
    }
}

@media screen and (max-width: 640px) {
    .card-stats__source {
        align-items: flex-start;
    }

    .cards__items {
        grid-template-columns: 1fr;
    }

    .card-stats__absolute-values {
        grid-template-columns: 1fr;
    }

    .card-stats__absolute-value-col.card-stats__absolute-value-col {
        margin-top: 0;
    }

    .card-stats {
        padding: 1.5rem !important;
    }

    .card-stats__secton-link-wrap {
        margin-top: 1rem;
    }

    .card-stats__btn-wrap {
        margin-top: 1rem;
    }

    .city-ndx-mod__tile.--meet-ratings .city-ndx-mod__tile-link.card-stats__btn {
        font-size: 1rem;
        line-height: 1.5rem;
        height: 3rem;
    }

    .side-bar {
        max-width: 100% !important;
        margin: 0 !important;
        margin-bottom: 1rem !important;
        margin-top: -3rem !important;
    }

    .side-bar__side-mob-btn-toogler {
        display: flex !important;
    }

    .side-bar__items {
        display: none;
        background-color: white;
        /* width: calc(100% + 1rem); */
        padding-top: 1rem;
    }

    .side-bar__side-menu.is-open .side-bar__items {
        display: block;
    }

    .popup__close.--print-btn {
        display: none;
    }

    .sections-list {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 1rem;
        margin-top: 2rem;
        margin-bottom: 3rem;
    }

    .sections-list__add-button {
        display: none;
    }

    .sections-list__item {
        height: 6rem;
    }

    .sections-list__name {
        font-size: 1.125rem;
    }

    .dashboard__sections-list {
        margin-top: 0 !important;
    }

    .content-page__component-wrap .side-bar {
        max-width: calc(100% + 1rem) !important;
    }

    .content-page__component-wrap .side-bar {
        max-width: calc(100% + 1rem) !important;
    }

    .content-page__component-wrap .side-bar__wrap {
        width: 100%;
        /* max-width: calc(100% + 1rem) !important; */
    }

    .content-page__component-wrap .cards > .flex {
        width: 100%;
        max-width: 100%;
    }

    .cards a.title-help-icon {
        display: block;
    }
}

@media print {
    .top-nav {
        display: none !important;;
    }

    .cards__wrap {
        display: none !important;;
    }

    .scroll__top {
        display: none !important;;
    }

    .preloader {
        display: none !important;;
    }

    .breadcrumbs {
        display: none !important;;
    }

    .footer {
        display: none !important;;
    }

    #chart {
        display: block !important;
        opacity: 1;
    }

    .popup__content {
        padding: 0;
        max-width: 100% !important;
    }

    .big-chart.configurator {
        max-width: 100% !important;
    }

    .popup__wrap {
        align-items: flex-start;
    }

    .popup .highcharts-exporting-group {
        display: none !important;;
    }

    .big-chart__type-big-cahrt {
        display: none !important;;
    }

    select.select.--border {
        border: 0;
        padding: 0;
        background: none;
        padding: 0 !important;
        height: auto;
        font-size: 1.25rem;
        font-weight: bold;

    }

    .big-chart__filter {
        display: flex;
        align-items: center;
    }

    .big-chart__chart-js {
        margin-top: 0 !important;
    }

}