body {
    font-family: "Open Sans";
    font-size: 0.8rem;
    overflow-x: hidden;
    background-color: #F5F9FD;
}

body::-webkit-scrollbar {
    display: none;
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.05);
    z-index: 1001;
}

#h6-choosereg {
    position: relative;
    margin: 10px;
    margin-left: 25%;
    font-weight: 600;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #1A4E87;
}

.orgData {
    margin-top: 300px;
    padding: 6px 8px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    float: left;
    width: /*23%;*/ fit-content;
    height: /*460px;*/ fit-content;
}

.ui-autocomplete {
    background: #Ffffffff;
    position: absolute;
    z-index: 10000 !important;
    margin-left: 22.3%;
    width: 50%;
    height: auto;
    max-height: 300px;
    overflow: auto;
    border-bottom: none;
    border-top: none;
    border-radius: 10px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

.selector {
    opacity: 0.6;
    text-align: center;
    font-size: 12px;
    padding: 4px;
    white-space: nowrap;
}

.select_selector {
    text-align: start;
    width: 170px;

}

.autocomplete {
    position: relative;
    display: inline-block;
}

.autocomplete-items {
    background: #Ffffffff;
    position: absolute;
    margin-left: 22.3%;
    width: 30%;
    height: auto;
    max-height: 300px;
    overflow: auto;
    border-bottom: none;
    border-top: none;
    border-radius: 10px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

.autocomplete-items div {
    padding: 6px;
    cursor: pointer;
    padding-left: 15px;
    background-color: #FFFFFF;

}

/*when hovering an item:*/
.autocomplete-items div:hover {
    background-color: #969696;
    color: #FFFFFF;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.autocompleteAll {
    position: relative;
    display: inline-block;
}

.autocomplete-itemsAll {
    position: absolute;
    margin-top: 12%;
    margin-left: 2%;
    width: 53%;
    height: auto;
    max-height: 300px;
    overflow: auto;
    border-bottom: none;
    border-top: none;
    border-radius: 10px;
    z-index: 99;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
    /*position the autocomplete items to be the same width as the container:*/
    top: 41%;
    left: 0;
    right: 0;
}

.align_end {
    text-align: end;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: #F2F1FB !important;
}

.leaflet-popup-content {
    margin: 5px 8px !important;
}

.uk-table tr {
    background: #F2F1FB;
    border-bottom: 1px solid white;
}

.uk-table tr td:first-child {
    padding: 2px;
    font-weight: 600;
}

.uk-table tr td:last-child {
    padding-right: 10px;
    font-size: 13px;
}

.autocomplete-itemsAll div {
    padding: 6px;
    cursor: pointer;
    padding-left: 15px;
    text-align: left;
    background-color: #FFFFFF;

}

/*when hovering an item:*/
.autocomplete-itemsAll div:hover {
    background-color: #969696;
    color: #FFFFFF;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-activeAll {
    background-color: DodgerBlue !important;
    color: #ffffff;
}

#autocomplete-listAll {
    width: auto;
    max-width: 650px;
}

.info {
    padding: 6px 8px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    margin-left: 40px;
    float: left;
    height: /*460px;*/ fit-content;
}

.popup-info {
    height: 520px;
    overflow-y: scroll;
    padding: 5px 8px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    margin-left: 2%;
}

.popup-info::-webkit-scrollbar {
    display: none;
}

.chooseRegion {
    flex-grow: 1;
    margin-left: 20px;
}

.grid-item.item1 {
    display: flex;
}

.info h4 {
    margin: 0 0 5px;
    color: #777;
}

.popup-info h4 {
    margin: 0 0 5px;
    color: #777;
}

.bar_charts {
    display: flex;
    justify-content: space-around;
    margin: 20px;
    height: auto;
}

.bar_chart1, .bar_chart2 {
    margin: 20px 0;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    width: 650px;
}

.margin-left {
    margin-left: 40px;
}

.leaflet-control {
    clear: inherit;
}

.preloader__row {
    position: relative;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px;
    text-align: center;
    animation: preloader-rotate 2s infinite linear;
}

.preloader__item {
    position: absolute;
    display: inline-block;
    top: 0;
    background-color: #337ab7;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    animation: preloader-bounce 2s infinite ease-in-out;
}

.preloader__item:last-child {
    top: auto;
    bottom: 0;
    animation-delay: -1s;
}

.loaded_hiding .preloader {
    transition: 0.3s opacity;
    opacity: 0;
}

.loaded .preloader {
    display: none;
}

hr {
    margin: 0 !important;
    padding: 0;
}

/*begin header*/
header .navbar {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

header h6 {
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 30px;
    text-align: left;
}

header nav {
    padding-bottom: 20px;
}

header .nav-pills .nav-link.active, .nav-pills .show > .nav-link,
footer .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #205493;
}

header a {
    color: #205493;
    font-size: 13px;
    line-height: 18px;
}

header img,
footer img {
    height: 60px;
}

.search_term {
    color: black;
    padding: 10px 10px;
    border: none;
    background: #FFFFFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: 500px;
    outline: none;
    opacity: 0.7;
}

.search_term:hover {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    transition: 0.3s;
}

.search_term:focus {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    color: #293845;
}

.search_button {
    margin-left: 10px;
    padding: 10px 44px;
    background: #2D7ED6;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    border: none;
    text-align: center;
    color: #fff;
    cursor: pointer;

}

.search_button:hover {
    transition: 0.1s;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25);
}

.search_button:focus {
    outline: none;
}

.search_extended {
    padding-left: 10px;
    color: #2D7ED6;
    border: none;
    background: none;
    cursor: pointer;
}

.search_extended:focus {
    outline: none;
}

.search_extended_block {
    padding: 30px 20px 20px;
    position: absolute;
    width: 50%;
    left: 358px;
    top: 46px;
    background: #FFFFFF;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    text-align: right;
}

.input_type, .select_type {
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
}

.search_nmbr {
    color: black;
    padding: 10px;
    border: none;
    background: #FFFFFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: 180px;
    outline: none;
    opacity: 0.7;
}

.obl_choice, .town_choice, .lvl_choice, .form_choice {
    color: #293845;
    padding: 10px;
    border: none;
    background: #FFFFFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: 90%;
    outline: none;
}

.search_extended_title {
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
}

.extended_title {
    font-size: 18px;
}

.land_data {
    font-size: 30px;
    color: #2D7ED6;
    text-align: left;
    font-weight: bold;
}

.lang_choice {
    padding: 4px 10px;
    border: none;
    background: #FFFFFF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #2D7ED6;
    /*margin-bottom: 20px;*/
}

.year_choice {
    padding: 4px 10px;
    border: none;
    background: #FFFFFF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #2D7ED6;
    /*margin-bottom: 20px;*/
    margin-left: 2%;
    margin-right: 3%;
    width: 100%;
}

.lang_choice:focus {
    outline: none;
}

.lang_choice_item {
    color: #293845;
}

.option:disabled {
    background-color: blue;
}

.navbar-brand h3 br {
    display: none;
}

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

.nav-pills {
    margin: 10px;

}

.navbar-brand {
    display: flex;
    align-items: center;
    margin-left: 40px;
}

nav a h1 {
    font-size: 28px;
    text-align: center;
    display: inline-block;
    color: #ffffff;
    margin: 0 0 0 5px;
}

/*end header*/

/*begin map*/
.map {
    width: 750px;
    max-height: 366px;
    display: table-cell;
    padding: 0;
    display: inline-flex;
    margin-left: 25.3%;
    background: radial-gradient(59.97% 59.97% at 50% 40.03%, rgba(255, 255, 255, 0.195) 0%, rgba(255, 255, 255, 0.65) 99.35%);
    border-radius: 5px;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
    /*border-left: 1px solid rgba(0,0,0,.1);
    border-right: 1px solid rgba(0,0,0,.1);*/

}

.map svg {
    justify-content: center;
    display: flex;
    width: 700px;
    height: 366px;
}

h6 {
    text-align: center;
    margin: 10px;
    font-weight: 550;
    font-family: Open Sans;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    color: #1A4E87;
}

.map-div {
    display: grid;
    /*margin-left: 34%;*/
    justify-content: center;
    background: #FFFFFF;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    max-width: 63%;
}

#mapdiv {
    display: block;
}

#mapid {
    height: 480px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

#div-download {
    margin-left: 27%;
    width: 100px;
    height: 50px;
    width: 45%;
    max-width: 50%;
    white-space: nowrap;
}

#div-download > h6 {
    text-align: start;
    margin: 10px;
    font-weight: 600;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #1A4E87;
    display: inline-block;
}

#btn-download-excel-region, #btn-download-excel-district, #btn-download-excel-kg {
    display: inline-block;
    margin: 10px;
    float: right;
    background: #009966;
    border-radius: 10px;
    font-family: Open Sans;
    font-size: 14px;
    text-align: center;
    color: #FFF;
    width: 82px;
    height: 30px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border: none;
    outline: none;
}

#btn-download-xml-region, #btn-download-xml-district, #btn-download-xml-kg {
    display: inline-block;
    margin: 10px;
    float: right;
    background: #2D7ED6;
    border-radius: 10px;
    font-family: Open Sans;
    font-size: 14px;
    text-align: center;
    color: #FFF;
    width: 82px;
    height: 30px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border: none;
    outline: none;
}

#btn-download-xml-org {
    display: inline-block;
    margin: 10px;
    background: #2D7ED6;
    border-radius: 10px;
    font-family: Open Sans;
    font-size: 14px;
    text-align: center;
    color: #FFF !important;
    width: 82px;
    height: 30px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border: none;
    outline: none;
}

#download-excel-btn-org {
    display: inline-block;
    margin: 10px;
    background: #009966;
    border-radius: 10px;
    font-family: Open Sans;
    font-size: 14px;
    text-align: center;
    color: #FFF !important;
    width: 82px;
    height: 30px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border: none;
    outline: none;
}

.navbar-brand > p {
    color: #1A4E87;
    margin-left: 5px;
    font-size: 12px;
    margin-bottom: 0;
    font-weight: 700;
    width: 100%;
    margin-top: -7px;
}

#chart {
    width: 100%;
    padding: 0;
    display: block;
}

#kyrgyzstan {
    stroke: #101010;
    stroke-width: .5;
}

th {
    padding: 3px;
    font-family: Open Sans;
    font-size: 12px;
    line-height: 16px;
    color: #494B57;
}

td {
    padding-top: 3px;
    font-family: Open Sans;
    font-size: 12px;
    line-height: 16px;
    color: #A6ACBE;
}

.map-region-data {
    padding: 3px;
}

div.tooltip {
    position: absolute;
    text-align: center;
    padding: 0.5em;
    font-size: 10px;
    color: #222;
    background: #FFF;
    border-radius: 2px;
    pointer-events: none;
    box-shadow: 0px 0px 2px 0px #a6a6a6;
}

.key path {
    display: none;
}

.key line {
    stroke: #000;
    shape-rendering: crispEdges;
}

.key text {
    font-size: 12px;
}

.key rect {
    stroke-width: .4;
}

.main {
    margin-top: 130px;
}

.main_block .chart-container {
    padding: 0 5px;
}

.pie .district {
    padding: 0 5px;
}

footer {
    width: 100%;
    display: block;
}

footer nav {
    background-image: linear-gradient(to right, #1a4e87, #1a4e87, #1a4e87, #1a4e87, #1a4e87);
    margin-bottom: -20px;
}

footer p {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 30px;
    line-height: 15px;
    margin-bottom: 0;
    margin-left: auto;
}

#btn_back_to_districts {
    display: inline-block;
    margin: 10px;
    margin-left: auto;
    background: #2D7ED6;
    border-radius: 10px;
    font-family: Open Sans;
    font-size: 14px;
    text-align: center;
    color: #FFF;
    width: 82px;
    height: 30px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border: none;
    outline: none;
}

#btn_back_to_rayon {
    display: inline-block;
    margin: 10px;
    margin-left: auto;
    background: #2D7ED6;
    border-radius: 10px;
    font-family: Open Sans;
    font-size: 14px;
    text-align: center;
    color: #FFF !important;
    width: 82px;
    height: 30px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border: none;
    outline: none;
}

/*end Footer*/
.mobile {
    display: none;
}

.header_logo_isuo {
    display: flex;
    align-items: center;
    color: #1A4E87;
}

.header_logo_mon {
    margin-left: 40px;
}

.header_logo_isuo > p {
    color: #1A4E87;
    margin-left: 5px;
    font-size: 10px;
    margin-bottom: 0;
    font-weight: bold;
    width: 130px
}

.red {
    color: #FF6C6C;
    background: inherit;
    padding: 0;
}

/*end map*/

/*begin main_block*/
.main_block {
    padding: 5px;
    background: #FFFFFF;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    width: 320px;
    max-height: 1540px;
    /*height: 246.4vh;*/
    overflow-y: scroll;
}

.main_block::-webkit-scrollbar {
    display: none;
}

.pie .col-md-4, .pie .col-lg-4 {
    padding: 0;
    overflow: hidden;
}

/*end main_block*/

/*begin pies*/
.pies {
    width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
}

.pie .col-md-3, .pie .col-lg-3 {
    overflow: hidden;
}

.overflow-h {
    /*border-right: 1px solid rgba(0,0,0,.1);*/
    overflow: hidden;
}

path.slice {
    stroke-width: 2px;
}

polyline {
    opacity: .3;
    stroke: black;
    stroke-width: 2px;
    fill: none;
}

.row.row-relative.margin_zero {
    justify-content: center;
}

.edu_tab.active {
    outline: none;
    background: #2D7ED6;
    color: #FFFFFF;
    filter: drop-shadow(0px 3px 8px rgba(0, 0, 0, 0.15));
}

#first_pie, #second_pie, #third_pie,
#five_pie, #six_pie {
    display: grid;
    margin: 10px;
    /*margin-top: 10px;*/
    padding: 20px;
    width: 95%;
    justify-content: center;
    background: #FFFFFF;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    max-height: 480px;
}

#chartHistogramStaff1, #chartHistogramStaff, #chartHistogramStudentsVPO1, #chartHistogramStudentsVPO, #chartHistogramStudentsSPO1, #chartHistogramStudentsSPO,
#chartHistogramStudentsNPO1, #chartHistogramStudentsNPO, #chartHistogramStudentsOO1, #chartHistogramStudentsOO, #chartHistogramStudentsDOO1, #chartHistogramStudentsDOO {
    display: grid;
    margin: 10px;
    padding: 20px;
    width: 95%;
    /*justify-content: center;*/
    background: #FFFFFF;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    font-size: 12px;
    color: #A6ACBE;
    height: 430px;
}

/*end pies*/
/*begin table*/
.edu_list {
    margin: 40px 10px;
}

.label {
    font-family: Open Sans;
    font-size: 12px;
    color: #494B57;
}

.category {
    font-family: Open Sans;
    font-size: 12px;
    color: #494B57;
}

body {
    background-color: #F5F9FD;
    color: #555555;
    width: 100%;
}

#second_block {
    width: 360px;
    height: 200px;
    padding: 0;
    margin: 0;
}

.bar {
    fill: #a9c8f4;
    opacity: 0.3;

}

.axis path,
.axis line {
    fill: none;
    /*stroke: #D4D8DA;*/
    stroke-width: 1px;
    shape-rendering: crispEdges;
}

.x path {
    display: none;
}

.toolTip {
    position: absolute;
    display: none;
    min-width: 80px;
    height: auto;
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #6F257F;
    padding: 14px;
    text-align: center;
}

.chart-container svg {
    width: 100%;
}

.hide {
    display: none;
}

.btn_home {
    display: none;
    /* top: 100px; */
    /* right: 10px; */
    float: right;
    /* position: absolute; */
    padding: 4px 22px;
    margin-right: 1%;
    background: #2D7ED6;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    border: none;
    text-align: center;
    color: #fff !important;
    cursor: pointer;
}

#choose-region {
    margin-bottom: 20px;
}

.histogram-text {
    /*width: 1000px;*/
    font-family: Open Sans;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0.01em;
    fill: #A6ACBE;
}

.btn_home:hover, .prev-btn:hover {
    transition: 0.1s;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25);
    text-decoration: none;
    color: #FFFFFF;
}

.chartRow .bar {
    opacity: 0.9;
}

.p-0 svg {
    height: 630px;
    width: 100%;
}

#chart-container > h4 {
    margin-top: 15px;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #2D7ED6;
}

.cont {
    flex: 0 0 25%;
}

#chart-container > #first_pie, #fourth_pie, #five_pie, #six_pie, #first_pie1, #fourth_pie1, #five_pie1 {

}

.preloader {
    background: #f8f9fa !important;
}

#txtHint {

    padding: 10px 44px;
    border: none;
    background: #FFFFFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: 500px;
    height: 250px;
    overflow-y: auto;
    outline: none;
    position: absolute;
}

.customRow > div svg > g {
    transform: translate(50%, 90px) !important;
}

.main_block svg > g {

}

.topicc {
    font-weight: bold;
}

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

.oo_circle {
    line-height: 45px;
    width: 30px;
    /*background-image: url(../img/oo-org-icon.svg);*/
    text-align: center;
}

.oo_circle > p {
    color: #fff;
    font-size: 12px;
}

.doo_circle {
    line-height: 45px;
    width: 30px;
    /*background-image: url(../img/doo-org-icon.svg);*/
    text-align: center;
}

.doo_circle > p {
    color: #fff;
    font-size: 12px;
}

.spo_circle {
    line-height: 45px;
    width: 30px;
    /*background-image: url(../img/spo-org-icon.svg);*/
    text-align: center;
}

.spo_circle > p {
    color: #fff;
    font-size: 12px;
}

.npo_circle {
    line-height: 45px;
    width: 30px;
    /*background-image: url(../img/npo-org-icon.svg);*/
    text-align: center;
}

.npo_circle > p {
    color: #fff;
    font-size: 12px;
}

.map-region-data {
}

.vpo_circle {
    line-height: 45px;
    width: 30px;
    /*background-image: url(../img/vpo-org-icon.svg);*/
    text-align: center;
}

.vpo_circle > p {
    color: #fff;
    font-size: 12px;
}

.other_circle {
    line-height: 45px;
    width: 30px;
    /*background-image: url(../img/other-org-icon.svg);*/
    text-align: center;
}

.other_circle > p {
    color: #fff;
    font-size: 12px;
}

.btn_detail {
    color: #fff !important;
    background: #007bff;
    opacity: 0.8;
    font-size: 12px;
}

.uk-table td {
    color: #000;
    line-height: 12px;
}

.customButtons button {
    margin: 0px 5px;
}

.customButtons button.active {
    background: #2D7ED6;
    color: #FFF;
}

.btn-white {
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

.grid-container {
    display: grid;
    grid-gap: 0px;
    margin-top: 10px;
}

.item1 {
    grid-column: 1 / span 2;
    grid-row: 1;
}

.popup-info {
    width: 320px;
}

.item2 {
    grid-column: 3;
    grid-row: 1 / 3;
}

.item3 {
    grid-column: 1 / span 2;
    grid-row: 2;
}

#div-download {
    margin-left: 0;
    width: 100px;
    height: 50px;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
}

.row.row-relative.customRow {
    margin-right: -10px;
}

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

.level_education_wrap .full_width button.active {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3) !important;
    outline: none !important;
    background: #2D7ED6 !important;
    color: #FFFFFF !important;
}

.level_education_wrap .full_width button.active .quantity_title {
    color: #FFF;
}

.level_education_wrap .full_width button.active .quantity_org {
    border-left: #fff solid 1px;
}

.level_education_wrap .full_width button.active .count-org {
    background: rgba(255, 255, 255, 0.15);
    color: #FFF;
}

.level_education_wrap {
    margin: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.level_education {
    height: 75px;
    width: auto;
    display: flex;
    align-items: center;
    justify-items: center;
}

.level_education_title {
}

.collapse td,
.edu_data_wrap td {
    padding: 10px !important;
    font-size: 14px;
    line-height: 19px;
    color: #999999;
}

.collapse table tr:nth-child(even) {
    background: #FFF;
}

.edu_data_wrap table tr:nth-child(even),
.edu_data_wrap table thead tr {
    background: #F2F1FB;
}

.btn-table {
    background: #7986cb;
    padding: 4px 8px;
    border-radius: 5px;
    color: #FFF !important;
    font-weight: 600;
}

#graduates .btn-table {
    right: 35px;
    bottom: 35px;
    position: absolute;
}

.level_choice {
    position: relative;
}

.level_choice .btn-table {
    position: absolute;
    right: 20px;
    bottom: 10px;
}

.leaflet-popup-content {
    padding: 12px;
}

.leaflet-popup-content td {
    padding: 5px;
}

.level_title img {
    margin-left: 5px;
}

#year_choice {
    width: 100px;
    margin: 0 5px;
}

.customRow > div {
    flex-grow: 1;
    max-width: 100%;
}

.row.pc-margin-div {
    flex-grow: 1;
    max-width: 100%;
}

.lang_choice {
    margin-right: 8px;
}

@media (min-width: 1320px) {
    .nav-selects {
        justify-content: flex-start !important;
    }

    .customButtons {
        margin-top: 110px;
    }

    .land_data {
        text-align: center;
        margin: 0 20px;
    }

    #choose-region {
        margin-bottom: 14px;
    }

    #first_pie, #second_pie, #six_pie {
       margin: 15px 0;
        width: 97%;
    }

    .popup-info {
        margin-left: 1.9%;
    }

    #third_pie {
        width: 97%;
        margin: 10px 5px 0 0;
    }

    #five_pie {
        width: 97%;
        margin: 10px 10px 0 0;
    }
}

@media screen and (min-width: 1101px) and (max-width: 1319px) {
    .level_education_wrap > div {
        width: 25%;
        margin-top: 10px;
        display: flex;
        justify-content: center;
    }

    .level_education_wrap {
        flex-wrap: wrap;
        justify-content: center !important;
    }

    .customButtons {
        margin-top: 120px;
    }

    .land_data {
        font-size: 30px;
        text-align: center;
        margin: 0 30px;
    }

    .bar_chart1, .bar_chart2 {
        margin: 0 20px;
        width: 100%;
    }
}

@media screen and (min-width: 901px) and (max-width: 1100px) {
    header .navbar {
        height: 100px;
    }

    .land_data {
        font-size: 24px;
        margin-left: 10px;
        text-align: center;
        margin: 10px 20px 10px 0;
    }

    .nav-selects {
        padding: 0;
        margin-right: 15px;
        text-align: center;
    }

    #year_choice {
        font-size: 16px;
        width: 100px;
        padding: 3px;
    }

    .level_education_wrap {
        margin: 0;
        flex-wrap: wrap;
    }

    .level_education_wrap > div {
        width: 33%;
        padding: 0;
        margin: 2px 0;
    }

    .level_education {
        height: 55px;
        width: 96%;
    }

    .customButtons {
        margin-top: 120px;
    }

    .bar_charts {
        flex-direction: row;
    }

    .bar_chart1, .bar_chart2 {
        margin: 10px;
        width: 100%;
    }

    #choose-region {
        margin-bottom: 14px;
    }

    .item1 {
        grid-column: 1 / 3;
    }

    .item2 {
        grid-column: 3;
        grid-row: 1 / 2;
    }

    .item3 {
        grid-column: 1 / span 3;
    }

    .main_block {
        height: 520px;
        margin-right: -125px;
    }

    #first_pie, #second_pie, #five_pie, #six_pie {
        width: 96%;
        margin-top: 10px;
    }

    #third_pie {
        width: 98%;
    }

    .row.row-relative.customRow {
        margin-right: 20px;
    }
}

@media screen and (max-width: 900px) {
    .navbar-brand > p {
        display: none;
    }

    header .navbar {
        height: 100px;
    }

    header img {
        height: 50px;
        width: auto;
    }

    .header_logo_mon {
        margin-left: 20px;
        width: 150px;
    }

    .land_data {
        margin-top: 15px;
        font-size: 22px;
        margin-left: 10px;
        text-align: center;
    }

    .nav-selects {
        padding: 0;
        margin-right: 5px;
        text-align: center;
    }

    #year_choice {
        font-size: 16px;
        width: 100px;
        padding: 3px;
    }

    .grid-container {
        margin-top: 10px
    }

    .grid-item.item1 {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .main_block {
        width: 100%;
    }

    .popup-info {
        width: 93%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 24px;
    }

    .customButtons {
        margin-top: 120px;
    }

    .level_education_wrap {
        margin: 0 15px;
        flex-flow: row wrap;
    }

    .level_education_wrap > div {
        text-align: left;
        width: 33%;
        padding: 0;
        margin: 5px 0;
        justify-content: center;
    }

    .level_education {
        width: 96%;
        height: 60px;
    }

    .item1 {
        grid-column: 1;
        grid-row: 1;
    }

    .item2 {
        grid-column: 1;
        grid-row: 2;
    }

    .item3 {
        grid-column: 1;
        grid-row: 3;
    }

    .popup-info {
        height: auto;
        margin-top: 20px;
    }

    #mapid {
        width: 100%;
        height: 400px;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
    }

    .row.row-relative.customRow {
        margin-right: 20px;
    }

    .bar_charts {
        flex-direction: column;
    }

    .bar_chart1, .bar_chart2 {
        margin: 20px 0;
        width: 100%;
    }

    .map-region-data th, td {
        font-size: 14px;
    }

    #choose-region {
        margin-bottom: 5px;
    }

    .chooseRegion {
        margin: 0 15px;
    }

    .label {
        transform: translateX(400px);
        font-weight: 550;
        font-size: 14px;
    }

    .category {
        font-weight: 550;
        font-size: 14px;
    }

    .second_total,
    .six_total,
    .first_total,
    .five_total,
    .third_total {
        font-size: 14px;
    }

    #third_pie {
        margin-left: 18px;
    }
}

@media screen and (min-width: 600px) and (max-width: 768px) {
    .customButtons {
        margin-top: 110px;
    }

    .land_data {
        font-size: 18px;
        margin-left: 10px;
        text-align: center;
    }

    .header_logo_mon {
        margin-left: 10px;
    }

    header .navbar {
        justify-content: space-between;
        /*flex-wrap: wrap;*/
        padding-top: 5px;
        display: flex;
    }

    .search_div {
        /*order: 3;*/
        width: 100%;
    }

    .nav-selects {
        width: 120px;
    }

    h6 {
        font-size: 18px;
    }

    footer p {
        font-size: 11px;
    }

    #mapid {
        width: 100%;
        height: 400px;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
    }

    .chooseRegion {
        margin: 0 20px;
    }

    #first_pie, #second_pie,
    #third_pie, #five_pie, #six_pie {
        display: grid;
        padding: 20px;
        min-width: 320px;
        justify-content: center;
        background: #FFFFFF;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        height: auto;
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }

    #third_pie {
        margin-left: 0;
    }

    .info {
        width: 90%;
    }

    .customRow {
        display: block
    }

    #mapdiv {
        display: flex;
    }

    .level_education_wrap {
        flex-wrap: wrap;
    }

    .level_education_wrap > div {
        width: 50%;
        padding: 0;
    }

    .level_education_title {
        font-size: 13px;
    }

    .level_education {
        width: 96%;
        height: 50px;
    }

    .popup-info {
        margin-top: 20px;
        height: auto;
        width: 95%;
    }

    .chartRow {
        width: 100%;
    }

    .label {
        transform: translateX(380px);
        font-weight: 600;
        font-size: 14px;
    }

    .category {
        font-weight: 600;
        font-size: 14px;
    }

    .bar {
        transform: translateY(2px);
    }

    .second_total,
    .six_total,
    .first_total,
    .five_total,
    .third_total {
        font-size: 14px;
    }

    th, td {
        font-size: 14px;
    }

    .bar_charts {
        flex-direction: column;
    }

    .bar_chart1, .bar_chart2 {
        margin: 5px 0;
        width: 100%;
    }

    .level_title {
        display: flex;
        width: 100%;
    }
}

@media screen and (min-width: 481px) and (max-width: 599px) {
    .header_logo_mon {
        margin-left: 0;
        width: 200px;
    }

    header img {
        height: 50px;
        width: 100%;
    }

    .land_data {
        font-size: 18px;
        margin-left: 10px;
        text-align: center;
    }

    header .navbar {
        height: 100px;
    }

    .nav-selects {
        padding: 0;
        margin-right: 5px;
        text-align: center;
    }

    #year_choice {
        font-size: 14px;
        width: 58px;
        padding: 2px;
    }

    footer .navbar {
        height: 100%;
        padding: 10px 0;
    }

    .level_education_wrap {
        flex-direction: column;
    }

    .level_education_wrap > div {
        width: 96%;
        padding: 5px;
        margin: auto;
    }

    .level_education {
        width: 96%;
        height: 60px;
    }

    .customButtons {
        margin-top: 100px;
    }

    .chooseRegion {
        margin-bottom: 30px;
    }

    .map-region-data th, td {
        font-size: 14px;
    }

    .label {
        transform: translateX(120px);
        font-weight: 550;
        font-size: 14px;
    }

    .category {
        font-weight: 550;
        font-size: 14px;
    }

    .bar {
        transform: translateY(2px);
    }

    .second_total,
    .six_total,
    .first_total,
    .five_total,
    .third_total {
        font-size: 14px;
    }

    /*'Пашня, га'*/
    #second_pie > svg .legend > circle {
        transform: translateX(-16px);
    }

    #second_pie > svg .legend > text {
        transform: translateX(-16px);
    }

    #second_pie > svg .legend > text:nth-child(3) {
        transform: translateX(25px);
    }

    #second_pie > svg .legend > text:nth-child(4) {
        transform: translateX(25px);
    }

    /*'Пастбища, га'*/
    #six_pie > svg .legend > circle {
        transform: translateX(-20px);
    }

    #six_pie > svg .legend > text {
        transform: translateX(-20px);
    }

    #six_pie > svg .legend > text:nth-child(3) {
        transform: translateX(20px);
    }

    #six_pie > svg .legend > text:nth-child(4) {
        transform: translateX(20px);
    }

    /*'Сенокос, га'*/
    #first_pie > svg .legend > circle {
        transform: translateX(-30px);
    }

    #first_pie > svg .legend > text {
        transform: translateX(-30px);
    }

    #first_pie > svg .legend > text:nth-child(3) {
        transform: translateX(40px);
    }

    #first_pie > svg .legend > text:nth-child(4) {
        transform: translateX(40px);
    }

    /*'Распределение земель по угодиям, га'*/
    #third_pie > svg .legend > circle {
        transform: translateX(45px);
    }

    #third_pie > svg .legend > text {
        transform: translateX(45px);
        text-overflow: ellipsis;
        fill: #0b2e13;
    }

    #third_pie > svg .legend > text:nth-child(3) {
        transform: translateX(-38px);
    }

    #third_pie > svg .legend > text:nth-child(4) {
        transform: translateX(-33px);
    }

    /*'Лесной фонд в разрезе областей, га'*/
    #five_pie > svg .legend > circle {
        transform: translateX(5px);
    }

    #five_pie > svg .legend > text {
        transform: translateX(5px);
        text-overflow: ellipsis;
        fill: #0b2e13;
    }

    #five_pie > svg .legend > text:nth-child(3) {
        transform: translateX(-3px);
    }

    #five_pie > svg .legend > text:nth-child(4) {
        transform: translateX(-3px);
    }

    .bar_charts {
        flex-direction: column;
    }

    .bar_chart1, .bar_chart2 {
        margin: 20px 0;
        width: 100%;
    }

    .popup-info {
        height: auto;
    }

    #mapid {
        width: 90%;
        height: 400px;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        margin-left: 5%;
    }

    #first_pie, #second_pie, #third_pie, #fourth_pie,
    #five_pie, #six_pie, #first_pie1, #second_pie1, #third_pie1,
    #fourth_pie1, #five_pie1, #six_pie1, #graduates_pie, #graduates_pie1 {
        display: grid;
        margin: 10px;
        margin-top: 20px;
        padding: 20px;
        width: 90%;
        justify-content: center;
        background: #FFFFFF;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        height: 740px;
    }

}

/*@media screen and (min-width: 426px) and (max-width: 478px) {*/
/*    header img {*/
/*        height: 40px;*/
/*        width: auto;*/
/*    }*/

/*    .land_data {*/
/*        font-size: 16px;*/
/*        text-align: center;*/
/*        padding-top: 0;*/
/*        margin-top: 5px;*/
/*        margin-left: 0;*/
/*    }*/

/*    header .navbar {*/
/*        height: 100px;*/
/*        flex-wrap: wrap;*/
/*        justify-content: space-between;*/
/*    }*/

/*    .header_logo_mon {*/
/*        margin-left: 0px;*/
/*        width: 120px;*/
/*    }*/

/*    .nav-selects {*/
/*        padding: 0;*/
/*        margin-right: 5px;*/
/*        text-align: center;*/
/*        position: absolute;*/
/*        right: 20px;*/
/*        top: 17px;*/
/*    }*/

/*    #year_choice {*/
/*        font-size: 12px;*/
/*        width: 100%;*/
/*        padding: 2px;*/
/*    }*/

/*    .customButtons {*/
/*        margin-top: 100px;*/
/*    }*/

/*    .customButtons button {*/
/*        margin: 0;*/
/*    }*/

/*    footer .navbar {*/
/*        height: 100%;*/
/*        padding: 10px 0;*/
/*    }*/

/*    .level_education_wrap {*/
/*        flex-direction: column;*/
/*    }*/

/*    .level_education_wrap > div {*/
/*        width: 100%;*/
/*        padding: 5px;*/
/*        margin: auto;*/
/*    }*/

/*    .level_education {*/
/*        width: 100%;*/
/*        height: 50px;*/
/*    }*/

/*    #mapid {*/
/*        width: 100%;*/
/*        height: 400px;*/
/*        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);*/
/*        border-radius: 5px;*/
/*    }*/

/*    .row.row-relative.customRow {*/
/*        margin: 0 20px;*/
/*    }*/

/*    .chart-container svg {*/
/*        margin-left: 2%;*/
/*    }*/

/*    .map-region-data th, .map-region-data td {*/
/*        font-size: 14px;*/
/*        font-weight: 550;*/
/*    }*/

/*    #mapdiv h6, .map-region-data h6 {*/
/*        font-size: 16px;*/
/*        font-weight: 600;*/
/*        text-align: center;*/
/*    }*/

/*    .popup-info {*/
/*        height: auto;*/
/*        margin-top: 20px;*/
/*        width: 93.5%;*/
/*    }*/

/*    .label {*/
/*        transform: translateX(50px);*/
/*        font-weight: 550;*/
/*        font-size: 13px;*/
/*    }*/

/*    .category {*/
/*        font-weight: 550;*/
/*        font-size: 13px;*/
/*    }*/

/*    .bar {*/
/*        transform: translateY(2px);*/
/*    }*/

/*    .second_total,*/
/*    .six_total,*/
/*    .first_total,*/
/*    .five_total,*/
/*    .third_total {*/
/*        font-size: 13px;*/
/*    }*/

/*    #five_pie > svg .legend > text {*/
/*        transform: translateX(14px);*/
/*    }*/

/*    #five_pie > svg .legend > text:nth-child(4) {*/
/*        transform: translateX(4px);*/
/*    }*/

/*    #five_pie > svg .legend > circle {*/
/*        transform: translateX(14px);*/
/*    }*/

/*    #third_pie > svg .legend > text {*/
/*        transform: translateX(65px);*/
/*        text-overflow: ellipsis;*/
/*        fill: #0b2e13;*/
/*    }*/

/*    #third_pie > svg .legend > circle {*/
/*        transform: translateX(65px);*/
/*    }*/

/*    #third_pie > svg .legend > text:nth-child(3) {*/
/*        transform: translateX(-58px);*/
/*    }*/

/*    #third_pie > svg .legend > text:nth-child(4) {*/
/*        transform: translateX(-63px);*/
/*    }*/

/*    .bar_charts {*/
/*        flex-direction: column;*/
/*    }*/

/*    .bar_chart1, .bar_chart2 {*/
/*        margin: 10px 0;*/
/*        width: 100%;*/
/*    }*/


/*    .p-0 svg {*/
/*        height: 440px;*/
/*        width: 100%;*/
/*    }*/

/*    #first_pie, #second_pie, #third_pie, #five_pie, #six_pie {*/
/*        display: grid;*/
/*        width: 100%;*/
/*        justify-content: center;*/
/*        background: #FFFFFF;*/
/*        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);*/
/*        border-radius: 5px;*/
/*        height: 740px;*/
/*        margin: 5px 0;*/
/*    }*/
/*}*/

@media screen and (min-width: 361px) and (max-width: 480px) {
    header img {
        height: 35px;
        width: auto;
    }

    .land_data {
        font-size: 14px;
        margin-left: 10px;
        text-align: center;
        margin-top: 5px;
    }

    header .navbar {
        height: 100px;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .header_logo_mon {
        width: 100px;
        margin-left: 7%;
    }

    .nav-selects {
        padding: 0;
        margin-right: 25px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 17px;
    }

    #year_choice {
        font-size: 12px;
        width: auto;
        padding: 3px;
    }

    footer .navbar {
        height: 100%;
        padding: 10px 0;
    }

    .level_education_wrap {
        flex-direction: column;
        margin: 0 10px;
    }

    .customButtons {
        margin-top: 100px;
    }

    .customButtons button {
        margin: 0;
    }

    .level_education_wrap > div {
        width: 100%;
        padding: 5px;
        margin: auto;
    }

    .level_education {
        width: 100%;
        height: 50px;
    }

    #choose-region {
        margin-bottom: 5px;
    }

    .chooseRegion {
        margin: 0;
    }

    #mapid {
        width: 93%;
        height: 400px;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        margin: auto;
    }

    .popup-info {
        height: auto;
        margin: 15px;
        width: 92%;
    }

    .row {
        margin: 0 15px;
    }

    .label {
        font-weight: 550;
        font-size: 13px;
        transform: translateX(30px);
    }

    .category {
        font-weight: 550;
        font-size: 13px;
    }

    .bar {
        transform: translateY(2px);
    }

    .map-region-data th, .map-region-data td {
        font-weight: 550;
        font-size: 13px;
    }

    .main_block h6, .map-region-data h6, .lang {
        font-size: 15px;
    }


    .item2, .item3 {
        margin-right: 0;
        padding-top: 0;
    }

    .row.row-relative.customRow {
        margin: 0 15px;
    }

    /*Пашня, га*/
    .second_total {
        font-size: 13px;
    }

    #second_pie > svg .legend > circle {
        transform: translateX(8px);
    }

    #second_pie > svg .legend > text {
        transform: translateX(8px);
    }

    /*Пастбища, га*/
    .six_total {
        font-size: 13px;
    }

    /*'Сенокос, га'*/
    .first_total {
        font-size: 13px;
    }

    /*'Лесной фонд в разрезе областей, га'*/
    #five_pie > svg .legend > circle {
        transform: translateX(22px);
    }

    #five_pie > svg .legend > text {
        transform: translateX(22px);
    }

    #five_pie > svg .legend > text:nth-child(3) {
        transform: translateX(5px);
    }

    #five_pie > svg .legend > text:nth-child(4) {
        transform: translateX(0px);
    }

    .five_total {
        font-size: 13px;
    }

    /*'Распределение земель по угодиям, га'*/
    #third_pie > svg .legend > circle {
        transform: translateX(79px);
    }

    #third_pie > svg .legend > text {
        transform: translateX(79px);
        text-overflow: ellipsis;
        fill: #0b2e13;
    }

    #third_pie > svg .legend > text:nth-child(3) {
        transform: translateX(-61px);
    }

    #third_pie > svg .legend > text:nth-child(4) {
        transform: translateX(-75px);
    }

    .third_total {
        font-size: 13px;
    }

    .bar_charts {
        flex-direction: column;
        margin: 0 15px;
    }

    .bar_chart1, .bar_chart2 {
        margin: 5px 0;
        width: 100%;
    }

    #first_pie, #second_pie, #third_pie, #five_pie, #six_pie {
        display: grid;
        width: 100%;
        justify-content: center;
        background: #FFFFFF;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        height: 740px;
        margin: 5px 0;
    }
}

@media screen and (max-width: 360px) {
    header img {
        height: 35px;
        width: auto;
    }

    .land_data {
        font-size: 15px;
        margin-left: 5px;
        text-align: center;
    }

    .nav-selects {
        /*width: 120px;*/
        padding: 0;
        margin-right: 20px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 17px;
    }

    #year_choice {
        font-size: 12px;
        width: 80px;
        padding: 2px;
    }

    header .navbar {
        height: 110px;
        flex-wrap: wrap;
    }

    .header_logo_mon {
        width: 120px;
        margin-left: 30px;
    }

    footer .navbar {
        height: 100%;
        padding: 10px 0;
    }

    .level_education_wrap {
        flex-direction: column;
    }

    .customButtons {
        margin-top: 110px;
    }

    .customButtons button {
        margin: 0;
    }

    .level_education_wrap > div {
        width: 100%;
        padding: 5px;
        margin: auto;
    }

    .level_education {
        width: 100%;
        height: 50px;
    }

    .label {
        transform: translateX(15px);
        font-weight: 500;
        font-size: 12px;
    }

    .category {
        font-weight: 500;
        font-size: 12px;
    }

    .bar {
        transform: translateY(2px);
    }

    .map-region-data th {
        font-weight: 550;
        font-size: 12px;
    }

    .main_block h6, .map-region-data h6, .lang {
        font-size: 14px;
    }

    /*Пашня, га*/
    .second_total {
        font-size: 13px;
    }

    #second_pie > svg .legend > circle {
        transform: translateX(15px);
    }

    #second_pie > svg .legend > text {
        transform: translateX(15px);
    }

    #second_pie > svg .legend > text:nth-child(3) {
        transform: translateX(15px);
    }

    #second_pie > svg .legend > text:nth-child(4) {
        transform: translateX(0px);
    }

    /*Пастбища, га*/
    .six_total {
        font-size: 13px;
    }

    #six_pie > svg .legend > circle {
        transform: translateX(10px);
    }

    #six_pie > svg .legend > text {
        transform: translateX(10px);
    }

    #six_pie > svg .legend > text:nth-child(3) {
        transform: translateX(0px);
    }

    #six_pie > svg .legend > text:nth-child(4) {
        transform: translateX(-5px);
    }

    /*'Сенокос, га'*/
    .first_total {
        font-size: 13px;
    }

    /*'Лесной фонд в разрезе областей, га'*/
    #five_pie > svg .legend > circle {
        transform: translateX(35px);
    }

    #five_pie > svg .legend > text {
        transform: translateX(35px);
    }

    #five_pie > svg .legend > text:nth-child(3) {
        transform: translateX(0px);
    }

    #five_pie > svg .legend > text:nth-child(4) {
        transform: translateX(-15px);
    }

    .five_total {
        font-size: 13px;
    }

    /*'Распределение земель по угодиям, га'*/
    #third_pie > svg .legend > circle {
        transform: translateX(92px);
    }

    #third_pie > svg .legend > text {
        transform: translateX(92px);
    }

    #third_pie > svg .legend > text:nth-child(3) {
        transform: translateX(-31px);
    }

    #third_pie > svg .legend > text:nth-child(4) {
        display: none;
    }

    .third_category {
        text-overflow: ellipsis;
    }

    .third_total {
        font-size: 13px;
    }

    .bar_charts {
        flex-direction: column;
        margin: 0 15px;
    }

    .bar_chart1, .bar_chart2 {
        margin: 10px 0;
        width: 100%;
    }

    .popup-info {
        height: auto;
        /*margin-top: 20px;*/
    }

    .p-0 svg {
        height: 440px;
        width: 100%;
    }

    #mapid {
        width: 100%;
        height: 400px;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
    }

    .row.row-relative.customRow {
        margin: 0 15px;
    }

    #mapdiv {
        margin: 0 15px;
    }

    .item2, .item3 {
        margin-right: 0;
        padding-top: 0;
    }

    #first_pie, #second_pie, #third_pie, #five_pie, #six_pie {
        display: grid;
        margin: 5px 0;
        width: 100%;
        justify-content: center;
        background: #FFFFFF;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        height: 740px;
    }

    #third_pie {
        margin-left: 0;
    }

    .chooseRegion {
        margin: 0 10px;
    }
}

@media screen and (max-width: 330px) {
    .label {
        transform: translateX(-25px);
    }
}

@keyframes preloader-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes preloader-bounce {

    0%,
    100% {
        transform: scale(0);
    }

    50% {
        transform: scale(1);
    }
}