#app .container {
    max-width: 1140px;
}

.q-loading-bar {
    background: #80a722 !important;
    /* Заменяем на синий, можно любой другой */
}

.header.top {
    position: relative !important;
}

.bg-green {
    /* background: #9eca4f !important; */
    background: #80a722 !important;
}

.bg-secondary {
    background: transparent !important;
    color: #80a722 !important;
}

.bg-secondary::before {
    border: 1px solid #80a722 !important;
    box-shadow: none;
}


/* .bg-green.text-white {
  color: #000000 !important;
} */

.text-green {
    color: #80a722 !important;
    /* color: #8dc63f !important; */
}

.text-ligth-green {
    color: #8dc63f !important;
}

.text-gray {
    color: #d7d7d7 !important;
}


/* Не менять */

.text-color-1 {
    color: #714465 !important;
}

.text-color-2 {
    color: #55796d !important;
}

.text-color-3 {
    color: #4ba554 !important;
}

.text-color-4 {
    color: #afd69f !important;
}

.text-color-5 {
    color: #f1e5c6 !important;
}


/* END  Не менять */

.text-color-6 {
    color: #00cc00 !important;
}

.text-color-7 {
    color: #00cc4d !important;
}

.text-color-8 {
    color: #00cc99 !important;
}

.text-color-9 {
    color: #00cccc !important;
}

.text-color-10 {
    color: #0099cc !important;
}

.text-color-11 {
    color: #004dcc !important;
}

.text-color-12 {
    color: #0000cc !important;
}

.text-color-13 {
    color: #4d00cc !important;
}

.text-color-14 {
    color: #9900cc !important;
}

.text-color-15 {
    color: #cc00cc !important;
}

.text-color-16 {
    color: #cc0099 !important;
}

.text-color-17 {
    color: #cc004d !important;
}

.text-color-18 {
    color: #cc3333 !important;
}

.text-color-19 {
    color: #cc6633 !important;
}

.text-color-20 {
    color: #cc9933 !important;
}

.text-color-21 {
    color: #99cc33 !important;
}

.text-color-22 {
    color: #66cc33 !important;
}

.text-color-23 {
    color: #33cc33 !important;
}

.text-color-24 {
    color: #33cc66 !important;
}

.text-color-25 {
    color: #33cc99 !important;
}

.text-color-26 {
    color: #33cccc !important;
}

.text-color-27 {
    color: #3399cc !important;
}

.text-color-28 {
    color: #3366cc !important;
}

.text-color-29 {
    color: #3333cc !important;
}

.text-color-30 {
    color: #6633cc !important;
}

.text-color-31 {
    color: #9933cc !important;
}

.text-color-32 {
    color: #cc33cc !important;
}

.text-color-33 {
    color: #cc3399 !important;
}

.text-color-34 {
    color: #cc3366 !important;
}

.text-color-35 {
    color: #cc6666 !important;
}

.text-color-36 {
    color: #cc9966 !important;
}

.text-color-37 {
    color: #cccc66 !important;
}

.text-color-38 {
    color: #99cc66 !important;
}

.text-color-39 {
    color: #66cc66 !important;
}

.text-color-40 {
    color: #66cc99 !important;
}

.text-color-41 {
    color: #66cccc !important;
}

.text-color-42 {
    color: #6699cc !important;
}

.text-color-43 {
    color: #6666cc !important;
}

.text-color-44 {
    color: #9966cc !important;
}

.text-color-45 {
    color: #cc66cc !important;
}

.text-color-46 {
    color: #cc6699 !important;
}

.text-color-47 {
    color: #cc6666 !important;
}

.text-color-48 {
    color: #cc9999 !important;
}

.text-color-49 {
    color: #cccc99 !important;
}

.text-color-50 {
    color: #99cc99 !important;
}

.text-color-51 {
    color: #99cccc !important;
}

.text-color-52 {
    color: #99aacc !important;
}

.text-color-53 {
    color: #9999cc !important;
}

.text-color-54 {
    color: #b266cc !important;
}

.text-color-55 {
    color: #cc66b2 !important;
}

.text-color-56 {
    color: #cc6699 !important;
}

.text-color-57 {
    color: #cc6680 !important;
}

.text-color-58 {
    color: #cc8066 !important;
}

.text-color-59 {
    color: #cca366 !important;
}

.text-color-60 {
    color: #ccc066 !important;
}

.text-color-61 {
    color: #b2cc66 !important;
}

.text-color-62 {
    color: #80cc66 !important;
}

.text-color-63 {
    color: #66cc80 !important;
}

.text-color-64 {
    color: #66ccb2 !important;
}

.text-color-65 {
    color: #66cce0 !important;
}

.text-color-66 {
    color: #66aacc !important;
}

.text-color-67 {
    color: #6680cc !important;
}

.text-color-68 {
    color: #8066cc !important;
}

.text-color-69 {
    color: #a366cc !important;
}

.text-color-70 {
    color: #c066cc !important;
}

.text-color-71 {
    color: #cc66e0 !important;
}

.text-color-72 {
    color: #cc66cc !important;
}

.text-color-73 {
    color: #cc66a3 !important;
}

.text-color-74 {
    color: #cc6680 !important;
}

.text-color-75 {
    color: #cc7a66 !important;
}

.text-color-76 {
    color: #cc9966 !important;
}

.text-color-77 {
    color: #ccb266 !important;
}

.text-color-78 {
    color: #ccc066 !important;
}

.text-color-79 {
    color: #a3cc66 !important;
}

.text-color-80 {
    color: #80cc66 !important;
}

.text-color-81 {
    color: #66cc7a !important;
}

.text-color-82 {
    color: #66cca3 !important;
}

.text-color-83 {
    color: #66cccc !important;
}

.text-color-84 {
    color: #66a3cc !important;
}

.text-color-85 {
    color: #667acc !important;
}

.text-color-86 {
    color: #7a66cc !important;
}

.text-color-87 {
    color: #a366cc !important;
}

.text-color-88 {
    color: #c07acc !important;
}

.text-color-89 {
    color: #cc7acc !important;
}

.text-color-90 {
    color: #cc7aa3 !important;
}

.text-color-91 {
    color: #cc7a80 !important;
}

.text-color-92 {
    color: #cc8f66 !important;
}

.text-color-93 {
    color: #ccaa66 !important;
}

.text-color-94 {
    color: #ccc07a !important;
}

.text-color-95 {
    color: #aacc66 !important;
}

.text-color-96 {
    color: #8fcc66 !important;
}

.text-color-97 {
    color: #7acc80 !important;
}

.text-color-98 {
    color: #7acca3 !important;
}

.text-color-99 {
    color: #7acccc !important;
}

.text-color-100 {
    color: #7aa3cc !important;
}

.text-color-g-1 {
    color: #f1e5c6 !important;
}

.text-color-g-2 {
    color: #afd69f !important;
}

.statistics {
    padding: 100px 0;
    color: rgb(0, 0, 0);
    font-family: Inter !important;
}

.statistics__filter {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 56px;
}


/* .statistics .button-filter.text-secondary{
	background: #EAEAEA !important;
} */

.statistics__filter--button {
    background: #eaeaea !important;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    border-radius: 8px;
    padding: 0 10px;
    min-height: 46px;
}

.statistics__filter--line {
    display: flex;
    gap: 8px;
}

.statistics .button-filter.text-primary {
    background: #ffffff !important;
}

.statistics .button-filter.q-btn {
    color: #000000 !important;
    text-transform: inherit;
    border-radius: 8px;
    font-family: Geometria;
}

.q-field--auto-height .q-field__control,
.q-field--auto-height .q-field__native {
    min-height: auto;
    padding: 0px 8px;
}

.q-field--auto-height .q-field__control,
.q-field--auto-height .q-field__native,
.q-field__marginal {
    height: 40px;
}

.statistics__title {
    color: rgb(0, 0, 0);
    font-family: Inter;
    font-size: 32px;
    font-weight: 700;
    line-height: 39px;
    text-align: left;
}

.statistics__description {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0%;
    text-align: left;
}

.statistics__sub-title {
    color: rgb(0, 0, 0);
    font-family: Inter;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    margin-top: 34px;
    margin-bottom: 6px;
}

.echarts__line {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
    margin-bottom: 20px;
}

.echarts__line:last-child {
    margin-bottom: 0;
}

.echarts__line--col2 {
    grid-template-columns: 1fr 1fr;
}

.echarts__line--item {
    border-radius: 8px;
    box-shadow: 0px 4px 7.3px 0px rgba(0, 0, 0, 0.25);
    background: rgb(249, 249, 249);
    width: 100%;
    max-width: 100%;
}

.echarts__title {
    color: #80a722;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
}

.creditors .echarts__text {
    margin-bottom: 20px;
}

.echarts__text {
    padding: 14px 22px 0px 22px;
}

.echarts__subtitle {
    margin-top: 10px;
    display: flex;
    gap: 2px;
}

.echarts__subtitle span {
    font-size: 12px;
}

.echarts__trend {
    display: none;
}

.select-menu {
    margin-bottom: 60px;
    display: flex;
    gap: 8px;
}

.select-menu__top {
    margin-bottom: 0px;
    width: 100%;
}

.inform p {
    margin-bottom: 0;
    font-size: 14px;
    font-family: Inter;
}

.select-page {
    max-width: 330px;
}

.select-page .q-field__control {
    background: #ffa323;
    border-radius: 8px;
}

.select-page span {
    color: rgb(255, 255, 255);
    font-family: Geometria;
    font-size: 16px;
    font-weight: 700;
}

.select-page .q-field__control,
.select-page .q-field__native,
.q-field__marginal {
    /* height: 50px; */
}

.select-page .q-select__dropdown-icon {
    color: #fff;
}

.select-page .q-field__control:before,
.select-page .q-field__control:hover:before,
.select-page .q-field__control:after,
.select-filter .q-field__control:before,
.select-filter .q-field__control:hover:before,
.select-filter .q-field__control:after {
    border: none;
}

.analysis {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.analysis__legend,
.creditors__legend--wrapper,
.regions__legend--wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    background: rgb(249, 249, 249);
}

.regions__legend--wrapper {
    grid-template-columns: 1fr;
    max-height: 1000px;
    overflow: auto;
}

.analysis__legend--titile,
.creditors__legend--header,
.regions__legend--header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.analysis__legend--titile span,
.creditors__legend--header span,
.regions__legend--header span {
    font-size: 12px;
}

.analysis__legend--item,
.creditors__legend--column,
.regions__legend--column {
    padding: 20px;
}

.analysis__legend--item li,
.creditors__legend--item,
.regions__legend--item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    padding: 0 0.8rem;
}

.analysis__legend--item li:nth-child(2n),
.creditors__legend--item:nth-child(2n),
.regions__legend--item:nth-child(2n) {
    background: #efefef;
}

.analysis__legend--item li .q-checkbox__label {
    font-size: 18px;
}

.analysis__legend--item li span {
    font-size: 16px;
}

.analysis__legend--item li .q-checkbox__inner,
.creditors__legend--item .q-checkbox__inner {
    font-size: 32px;
}

.creditors__legend--wrapper,
.regions__legend--wrapper {
    margin-top: 40px;
}

.chart-buttons {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.chart-buttons button {
    margin-right: 0px !important;
}


/* Родитель списка: можно оставить как есть */

.regions__legend--list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.regions__legend--list strong {
    display: none;
}


/* Каждая строка легенды — сетка из 3 столбцов */

.regions__legend--item {
    display: grid;
    grid-template-columns: 1fr 150px 150px;
    /* 1fr = «растяни первый столбец», 
		80px = фиксированная ширина для «РД/РИ»,
		80px = фиксированная ширина для «Количество дел» */
    gap: 1rem;
    /* промежуток между колонками, по желанию */
    align-items: center;
    /* выравниваем по вертикали */
    margin-bottom: 0.5rem;
    /* отступ между строками */
}


/* Для заголовка можно сделать то же самое */

.regions__legend--header {
    display: grid;
    grid-template-columns: 1fr 150px 150px;
    gap: 1rem;
}


/* Чтобы числовые колонки были выровнены вправо */

.regions__legend--rd-ri,
.regions__legend--value {
    text-align: right;
}

@media (max-width: 992px) {
    .items-start {
        flex: 1;
    }
}

@media (max-width: 992px) {
    .statistics__filter--button-mobile {
        width: 100%;
        justify-content: space-between;
    }
    .statistics__filter--line {
        width: 100%;
    }
    .statistics__filter--line .statistics__filter--button {
        width: 50%;
    }
    .statistics__filter--line .statistics__filter--button .ellipsis {
        max-width: 92px;
    }
    .statistics__filter--line .statistics__filter--button .q-field__control {
        padding: 0 5px;
    }
    .analysis,
    .analysis__legend,
    .creditors__legend--wrapper,
    .regions__legend--wrapper {
        grid-template-columns: 1fr;
    }
    .creditors__legend--wrapper {
        margin-top: 40px;
        grid-template-columns: 1fr;
        max-height: 500px;
        overflow: scroll;
    }
    .analysis__legend--item,
    .creditors__legend--column,
    .regions__legend--column {
        padding: 25px 15px;
    }
    #russiaMap {
        height: 400px !important;
    }
    .analysis__chart {
        position: relative;
        width: 100%;
        /* padding-bottom: 56.25% даёт соотношение 16:9, 
		можно выбрать другое, например, 75% (4:3) и т. д. */
        /* padding-bottom: 75%; */
    }
    /* .analysis__chart #ageChart,
  .analysis__chart #genderChart {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  } */
    #ageChart,
    #genderChart {
        width: 100%;
        height: 300px;
        /* можно подогнать */
        max-width: 100%;
    }
    .analysis__legend {
        margin-bottom: 40px;
        margin-top: 20px;
    }
}

@media (max-width: 768px) {
    .echarts__line--col2 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 688px) {
    .statistics__filter--button {
        padding: 2px 10px;
    }
    .select-menu {
        flex-wrap: wrap;
    }
    .select-menu__top {
        width: 100%;
    }
    .select-page {
        max-width: 100%;
        width: 100%;
    }
    .statistics {
        padding: 50px 0;
    }
    .statistics__title {
        font-size: 24px;
        line-height: 34px;
    }
    .statistics__description {
        font-size: 18px;
    }
    .echarts__text {
        padding: 14px 22px 16px 22px;
    }
}

@media (max-width: 578px) {
    /* #russiaMap,
  .regions__legend--wrapper {
    display: none;
  } */
    .regions__legend--wrapper {
        max-height: 500px;
        overflow: scroll;
    }
    .regions__legend--column {
        padding: 15px;
    }
    .regions__legend--header span {
        display: none;
    }
    .regions__legend--item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    .regions__legend--list strong {
        display: inline-block;
    }
    .analysis__chart #ageChart,
    .analysis__chart #genderChart {
        position: relative;
    }
    .analysis__chart {
        padding-bottom: 0;
    }
    #ageChart,
    #genderChart {
        width: 100%;
        height: 300px;
        /* можно подогнать */
        max-width: 100%;
    }
}

.stat-faq {
    margin-bottom: 100px;
}

.stat-faq .container {
    width: 1140px;
    max-width: 100%;
}

.stat-faq h2 {
    font-family: Inter;
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 32px;
}

.stat-faq-title {
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0px;
    cursor: pointer;
    user-select: none;
}

.stat-faq-text {
    padding: 0px 24px;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    letter-spacing: 0%;
    vertical-align: middle;
    transition: all .3s ease-in-out;
    max-height: 0px;
    overflow: hidden;
}

.stat-faq-text p {
    margin-bottom: 15px;
}

.stat-faq-text p:last-child {
    margin-bottom: 0px;
}

.stat-faq-title span {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
}

.stat-faq-item {
    padding-bottom: 24px;
    border-bottom: 1px solid #B9B9B9;
}

.stat-faq-item:not(:last-child) {
    margin-bottom: 20px;
}

.stat-faq-title.active+.stat-faq-text {
    max-height: 1000px;
    padding-top: 24px;
    opacity: 1;
}

.stat-faq-text ul:not(:last-child) {
    margin-bottom: 15px;
}

.stat-faq-title.active span {
    color: #80a722;
}

.stat-faq-title.active svg path {
    fill: #80a722;
}

.stat-faq-title.active svg {
    transform: rotate(180deg);
}

.stat-faq-text {
    opacity: 0;
}

.stat-faq-text {
    color: #565656;
}

.stat-faq-text ul {
    list-style: none;
    padding: 0px;
}

.stat-faq-text ul li {
    padding-left: 24px;
    position: relative;
}

.stat-faq-text ul li:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #80a722;
    left: 0;
    top: 7px;
}

@media (max-width: 768px) {
    .stat-faq h2 {
        font-size: 20px;
        margin-bottom: 25px;
    }
    .stat-faq-title span {
        font-size: 16px;
        max-width: calc(100% - 30px);
        line-height: 125%;
    }
    .stat-faq-title {
        position: relative;
        line-height: 120%;
    }
    .stat-faq-title svg {
        position: absolute;
        top: 18px;
        right: 5px;
    }
    .stat-faq-text {
        font-family: Inter;
        font-weight: 400;
        font-size: 14px;
        line-height: 180%;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #565656;
    }
    .stat-faq-text p:not(:last-child),
    .stat-faq-text ul:not(:last-child) {
        margin-bottom: 10px;
    }
    .stat-faq-title {
        padding-left: 15px;
        padding-right: 15px;
    }
    .stat-faq-text {
        padding-left: 15px;
        padding-right: 15px;
    }
    .stat-faq-item:not(:last-child) {
        margin-bottom: 15px;
    }
    .stat-faq-text ul li {
        padding-left: 20px;
    }
    .stat-faq-text ul li:before {
        width: 10px;
        height: 10px;
        top: 8px;
    }
}