@import 'ptsans.css';;
@import 'notosans.css';;

body {
    font-size: 16px/1.4;
    font-size: 1rem/1.4;
    font-family: 'Noto Sans';
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    color: #44525E;
    min-width: 1200px;
    min-height: 100%;
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -khtml-background-size: 100% 100%;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    color: #000;
    font-weight: 400;
}

#general {
    overflow-y: hidden;
}

#jquery-loader-background {
    background-color: #000000;
}

.all_content {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.wrapper {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
}

#mainTabs > div > div {
    width: 1000px;
}

.box-border {
    border: 0.0625rem solid #2385bf;
}

.box-border-gray {
    border: 0.0625rem solid #dbdbdb;
}

.box-border-top {
    border-top: 0.0625rem solid #c2c2c2;
}

.box-border-bottom {
    border-bottom: 0.0625rem solid #c2c2c2;
}

.border-none {
    border-collapse: collapse;
    border: none;
}

.border-none th {
    border: 1px solid #D4D6D6;
}

.border-none tr:first-child th {
    border-top: none;
}

/* .border-none tr:last-child th {
    border-bottom: none;
} */

.border-none tr th:first-child {
    border-left: none;
}

.border-none tr th:last-child {
    border-right: none;
}

.border-none td {
    border: 1px solid #D4D6D6;
}

.border-none tr:first-child td {
    border-top: none;
}

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

.border-none tr td:first-child {
    border-left: none;
}

.border-none tr td:last-child {
    border-right: none;
}

a {
    text-decoration: none;
    color: #186ea8;
}

a:active,
a:focus,
a:hover {
    text-decoration: none;
    color: #000;
}

.link, .link:hover, .links a, .links a:hover {
    border-bottom-width: 1px;
    border-bottom-width: 0.0625rem;
    border-bottom-style: solid;
}

link, .link:hover, .links a, .links a:hover, a.link, a.link:hover {
    color: #186ea8;
    border-bottom-width: 1px;
    border-bottom-width: 0.0625rem;
    border-bottom-style: solid;
}

/* pseudo */

.clearfix:after {
    clear: both;
}

.clearfix:after, .clearfix:before {
    display: table;
    content: "";
}

/* header */

#header {
    width: 100%;
    position: relative;
    background: rgb(0, 98, 139)
}

.ln-header {
    color: #fff;
    background: #1d6d9a;
    background: -webkit-gradient(linear, left top, left bottom, from(#2785b7), to(#165b84));
    background: linear-gradient(top, #2785b7 0%, #165b84 100%);
}

.ln-header,
.ln-header-holder {
    position: relative;
}

/* Блок инфо/руководства */

#help {
    float: right;
    cursor: pointer;
}

.popup-bg {
    display: none;
    position: absolute;
    z-index: 100000;
    width: 100%;
    height: 100%;
    background-color: #00000088;
}

.infoTextHelpBlock {
    position: absolute;
    background: white;
    width: 920px;
    z-index: 100010;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    display: none;
}

#mainTextContainer {
    padding: 36px;
    line-height: 1.2;
}

/* Банер */

.bn-line {
    position: relative;
    min-height: 150px;
}

.bn-logo,
.bn-logo-name {
    position: absolute;
    top: 12px;
    left: -26px;
}

.bn-links li,
.bn-logo > a {
    display: inline-block;
}

.bn-logo img {
    display: block;
    margin: 0 auto;
}

.bn-logo-name {
    font-family: 'PT Sans';
    top: 51px;
    left: 108px;
    white-space: nowrap;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
}

.bn-logo-name a,
.bn-logo-region a {
    color: inherit;
}

.bn-logo-name img,
.bn-logo-name span {
    display: inline-block;
    vertical-align: middle;
}

.bn-logo-name img {
    max-width: 70px;
    max-height: 80px;
    margin-right: 20px;
}

.bn-logo-name span {
    white-space: normal;
}

.bn-logo-region,
.bn-logo-text {
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 11px;
}

.bn-logo-text {
    font-family: 'PT Sans';
    position: absolute;
    top: 81px;
    left: 108px;
}

.bn-logo-region {
    font-weight: 700;
}

.bn-logo-region {
    position: absolute;
    top: 103px;
    left: 108px;
    color: #f9c375;
}

#statLogoContainer {
    float: right;
    margin-left: 30px;
    color: white;
    margin-top: 20px;
}

.leftHeadMVD {
    text-align: right !important;
    float: right !important;
    font-family: 'PT Sans';
    color: inherit !important;
    font-size: 16px !important;
    font-weight: bolder !important;
    padding-left: 10px !important;
    letter-spacing: 2px !important;
    margin-top: 4px !important;
    cursor: pointer;
    background: none !important;
}

#mainLogo {
    position: relative;
    cursor: pointer;
    padding-top: 5px;
}

/* Меню */

.bn-top-menu {
    border-top: 1px solid #f4fafd;
    border-top: 0.0625rem solid #f4fafd;
    border-bottom: 1px solid #a6c0cc;
    border-bottom: 0.0625rem solid #a6c0cc;
    background: #dff0fa;
    background: -webkit-gradient(linear, left top, left bottom, from(#e8f4fa), color-stop(35%, #dff0fa), color-stop(55%, #d5eefa), to(#ccebfa));
    background: linear-gradient(180deg, #e8f4fa 0%, #dff0fa 35%, #d5eefa 55%, #ccebfa 100%);
}

.bn-top-menu > .wrapper {
    margin-top: -1px;
    margin-top: -0.0625rem;
    margin-bottom: -1px;
    margin-bottom: -0.0625rem;
}

.bn-top-menu > .wrapper > ul {
    display: flex;
    position: relative;
    justify-content: space-between;
    overflow: hidden;
    width: 1000px;
    height: 43px;
    margin-right: 0;
    margin-left: 0;
    text-align: justify;
    line-height: 0;
}

.bn-top-menu > .wrapper > ul.locked {
    max-width: 725px;
}

.bn-top-menu > .wrapper > ul.locked:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    opacity: 0;
    background: #40689c;
}

.bn-top-menu > .wrapper > ul > li {
    display: flex;
    justify-content: center;
    font-size: 14px;
    width: 175px;
    text-align: center;
    align-items: center;
    padding: 5px;
    text-transform: uppercase;
    color: #115884;
    font-weight: 700;
    line-height: 20px;
}

.bn-top-menu > .wrapper > ul > li:hover {
    color: #fff !important;
}

.bn-top-menu > .wrapper > ul > li.active,
.bn-top-menu > .wrapper > ul > li:hover {
    background: #2b88b8;
    background: -webkit-gradient(linear, left top, left bottom, from(#2b88b8), color-stop(35%, #509dc3), color-stop(65%, #2784b6), to(#166492));
    background: linear-gradient(180deg, #2b88b8 0%, #509dc3 35%, #2784b6 65%, #166492 100%);
}

.bn-top-menu .wrapper > ul > li.active {
    color: inherit !important;
    background: 0 0;
}

.bn-top-menu .wrapper > ul > li.active *,
.bn-top-menu > .wrapper > ul > li:hover * {
    color: #000 !important;
}

/* footer */

.bn-federal-site {
    position: relative;
    padding: 15px 0 0;
    padding: 0.9375rem 0 0;
    border-top: 1px solid #dbdbdb;
    border-top: 0.0625rem solid #dbdbdb;
    font-size: 14px;
}

.bn-federal-site .bs-title {
    padding-bottom: 20px;
    padding-bottom: 1.25rem;
    color: #000;
}

.bn-federal-site .bs-holder2 {
    margin: 0 -32px;
    margin: 0 -2rem;
    padding-bottom: 20px;
    padding-bottom: 1.25rem;
}

.bn-federal-site table.bs-holder, .bn-federal-site ul.bs-holder {
    display: table;
    width: 100%;
    border-spacing: 32px 0;
    border-spacing: 2rem 0;
    border-collapse: separate;
}

.bn-federal-site table.bs-holder td, .bn-federal-site ul.bs-holder li {
    display: table-cell;
    width: 15%;
    text-align: center;
    vertical-align: top;
    border: 1px solid #dbdbdb;
    border: 0.0625rem solid #dbdbdb;
    line-height: normal;
}

.bn-federal-site ul.bs-holder li {
    position: relative;
    float: none !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bn-federal-site ul.bs-holder li a {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 15px 8px;
    padding: 0.625rem 0.9375rem 0.5rem;
}

.bn-federal-site .bs-holder a {
    color: #40689c;
    border: 0;
}

.bn-federal-site .bs-holder a:hover {
    text-decoration: underline;
    color: #000;
    border: 0;
}

.ln-footer {
    position: relative;
    min-height: 135px;
    min-height: 8.4375rem;
    border-top: 2px solid #a0b4ce;
    border-top: 0.125rem solid #a0b4ce;
}

.m-t2, .m_t2 {
    margin-top: 20px;
    margin-top: 1.25rem;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.b-desktop-section {
    display: block;
}

.half-link, .half-link:hover, .half-links a, .half-links:hover a {
    border-bottom-width: 1px;
    border-bottom-width: 0.0625rem;
    border-bottom-style: dotted;
}

.bn-footer-links .half-link {
    margin-right: 20px;
    margin-right: 1.25rem;
    font-size: 13px;
    font-size: 0.812rem;
}

.red-text, a.red-text {
    color: #d43927;
}

.bn-footer-links .f-right a {
    margin-right: 0;
    margin-left: 20px;
    margin-left: 1.25rem;
}

.bn-footer-links a {
    margin-right: 20px;
    margin-right: 1.25rem;
    font-size: 15px;
    font-size: 0.9375rem;
}

.bn-sitecopy {
    float: left;
    color: #9c9c9c;
    font-size: 12px;
    font-size: 0.75rem;
}

.get-sitemap {
    float: left;
}

.copyright.link {
    font-size: 13px;
    font-size: 0.812rem;
}

* html .mvd_copyright, .mvd_copyright {
    width: 615px;
    width: 38.4375rem;
    height: 350px;
    height: 21.875rem;
}

.mvd_copyright {
    position: absolute;
    z-index: 999999;
    top: 50%;
    left: 50%;
    display: none;
    margin: -175px 0 0 -307px;
    margin: -10.9375rem 0 0 -19.1875rem;
    background: url(../img/gibdd/mvd_copyright.png) no-repeat 0 0;
}

.mvd_copyright .padding {
    width: 530px;
    width: 33.125rem;
    margin: 0 auto;
    padding: 111px 0 0;
    padding: 6.9375rem 0 0;
    color: #000;
    font-family: arial;
    font-size: 12px;
    font-size: 0.75rem;
}

/* -------------------------------- */

.no-style,
.no-style li,
.no-style ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.no-style li img {
    display: inline-block;
    padding-bottom: 2px;
    padding-bottom: 0.125rem;
    vertical-align: middle;
}

#fancybox-wrap {
    display: none;
    -webkit-box-shadow: 10px 10px 36px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 36px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 36px -15px rgba(0, 0, 0, 0.75);
    width: 270px;
    position: absolute;
    opacity: 0.94;
    background: rgb(249, 249, 249);
    z-index: 999;
    font-size: 16px;
}

.dor_accview_cont {
    background: white;
    padding: 25px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 45px;
    font-size: 14px;
    font-weight: bold;
    color: #282828;
    display: none;
}

#accTitle {
    font-size: 14px;
    font-weight: bold;
    color: #00649c;
    padding-right: 30px;
}

.stat_tablecontainer_cap {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 15px;
    color: black;
}

.colorLine {
    margin-top: 17px;
    height: 15px;
    width: 0;
    background: #FFC492;
}

.panel_val {

    width: 103px;
    float: left;;
}

.stat_panels_val span {
    width: 80px;
    text-align: center;
    float: left;
    font-weight: bold;
    color: black;
    font-size: 23px;

}

.stat_panel_cont {
    background: url("../img/ground2.png") repeat;
    width: 100%;
    margin-bottom: 20px;
}

.stat_panel_line {
    height: 46px;
    line-height: 46px;
}

#dor_panel_bottom tr, th {
    padding-top: 0;
    height: 30px;
}

.stat_panels_cap {
    width: 300px;
    float: left;
    height: 46px;
    padding-left: 20px;
    font-size: 16px;

}

.stat_panels_val_cap {
    padding-left: 30px;
    width: 173px !important;
    font-weight: bold;
    font-size: 14px;
    color: #999999;
}

.stat_panels_val {
    float: left;
    background: url("../img/ground2.png") repeat;
    margin-left: 10px;
    height: 46px;
    width: 203px;
}

#boxDor #SquaresContainer #dtp, #boxDor #SquaresContainer #dtpAppg, #boxDor #SquaresContainer #dtpLast,
#boxDor #SquaresContainer #pog, #boxDor #SquaresContainer #pogAppg, #boxDor #SquaresContainer #pogLast,
#boxDor #SquaresContainer #ran, #boxDor #SquaresContainer #ranAppg, #boxDor #SquaresContainer #ranLast {
    text-align: right;
    padding-right: 50px;
}

.PPSel {
    display: none !important;
}

.VMode .PPSel {
    display: block !important;
}

.PPItemsContainer {
    height: 80px;
}

.PPDropMenu .PPMenu .PPItemsContainer {
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid #E6E6E6;

}

.PPDropMenu .PPMenuItem .PPMenuIconSeparator {
    background-color: transparent;
}

.PPDropMenu .PPMenuItem.Hovered {
    background: rgb(215, 223, 228);
    border: none;
    cursor: pointer;
}

.PPDropMenu .PPMenuItem {
    height: 35px;
    background: white;
}

.PPDropMenu {
    height: 80px !important;
}

.PPDropPanel {
    background: Transparent;
    box-shadow: none;
    border: none;
}

.vscrollbackground, .hscrollbackground {
    background: Transparent !important;
}

.Resizer {
    display: none;
}

.PPSB {
    background: white !important;
    height: 225px !important;
}

.PPSB.VMode .PPLS, .PPSB.VMode .PPRS, .PPSB.VMode .PPSel, .PPSB .PPLS, .PPSB .PPRS, .PPSB .PPSel {
    border-radius: 10px;
    background: rgb(209, 220, 226);
    border: none;
}

.PPSB.VMode .PPVZone, .PPSB .PPHZone {
    border: none;
    background: Transparent;
}

.PPRS, .PPLS {
    background: Transparent !important;
    height: 0px !important;
    width: 0px !important;
}

.VMode .PPSel {
    width: 10px !important;
    margin-left: 4px;
}

.PPSB .ArrowCell.Left, .PPSB.VMode .ArrowCell.Left, .PPSB.VMode .ArrowCell.Right, .PPSB .ArrowCell.Right, .PPSB.VMode .Grip, .PPSB .Grip {
    background: none;
}

.hover .text {
    background: rgb(0, 122, 193) !important;
    color: white !important;
    margin-bottom: 1px;
}

#Caption-text {
    color: #323232;
    font-size: 16px;
}

#Help-text {
    color: #323232;
    font-size: 16px;
    max-height: 900px;
    overflow: hidden;
    height: 800px;
}

#ModalCountRows {
    float: right;
    font-size: 16px;
    color: #8C98A6;
}

.mapHeadImage {
    cursor: pointer;
    float: left;
    width: 12px;
    height: 10px;
    margin-left: 10px;
    margin-top: 3px;
    background: url('../img/ico_aqua_arrow-down.png') no-repeat;
}

#dateStat {
    margin-bottom: 5px;
    margin-top: 5px;
}

#headBox {
    font-weight: bold;
    line-height: 40px;
    font-size: 20px;
    margin-left: 60px;
    text-align: left;
    max-width: 800px;
    letter-spacing: 1px;
    margin-bottom: 0px;
}

.SquaresText {
    margin-left: 45px;
    margin-top: 10px;
    font-size: 14px;
    color: #323232;
}

.labelSlider {
    background: rgb(255, 255, 255);
    color: rgb(3, 3, 3);
    font-size: 16px;
    padding: 5px;
    border: 3px solid rgb(250, 229, 0);
}

.highcharts-button {
    display: none;
}

#mainTextHidenBlack {
    width: 24px;
    height: 24px;
    position: absolute;
    background: url("../img/ico-info-text.png");
    right: 15px;
    top: 15px;
}

#mainHelpHidenBlack {
    width: 24px;
    height: 24px;
    position: absolute;
    background: url("../img/help-black.png");
    right: 15px;
    top: 15px;
    display: none;
}

.DorBackLabelRF {
    position: absolute;
    left: 50px;
    line-height: 23px !important;
}

.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#downloadIco {
    height: 24px !important;
    width: 24px;
    top: 0px;
    left: -8px;
    background: url(../img/ico_download.png) no-repeat;
}

#DorInfoBack {
    /* float: left; */
    grid-area: back;
    width: 22px;
    /* height: 50px; */
    cursor: pointer;
    margin-top: 0px;
    margin-right: 15px;
    margin-left: 15px;
    background: url(../img/arrowLeft.png) no-repeat;
}

#DorInfoBack:hover {
    background: url(../img/arrowLeftHover.png) no-repeat;
}

#DorInnerBack {
    float: left;
    width: 22px;
    height: 22px;
    cursor: pointer;
    margin: 0px 15px 15px 15px;
    background: url(../img/arrowLeft.png) no-repeat;
}

#DorInnerBack:hover {
    background: url(../img/arrowLeftHover.png) no-repeat;
}

.PPIntervalsLegend {
    background: none !important;
}

#dor_acordeon_cont table {
    width: 100%
}

#CheckContainer {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    height: 55px !important;
}

#radioForm {
    display: none;
    float: right;
    margin-right: 20px;
    line-height: 30px;
}

p {
    text-indent: 20px;
}


#tableControlCaption div {
    float: right;
}

#regSelector0, #regSelector1,
#subjSelector0, #subjSelector1,
#pokSelector0, #pokSelector1,
#pokRegDor0, #pokRegDor1,
#regStatPanel0, #regStatPanel1,
#pokStatPanel0, #pokStatPanel1,
#terrSubPanel0, #terrSubPanel1,
#regDorBlock0, #regDorBlock1,
#dorRegBlock0, #dorRegBlock1,
#regs0, #regs1 {
    width: 475px;
}

#regDorBlock0 {
    z-index: 0;
}

#dorRegBlock0 {
    z-index: 0;
}

#linkRF {
    width: 100%;
    cursor: pointer;
    padding-top: 10px;
    padding-left: 10px;
}

.stat_switch {
    width: 40px;
    height: 40px;
    background: white;
    float: right;
    cursor: pointer;
    border: 1px solid rgb(162, 180, 189);
}

.stat_switch_select {
    background-color: rgb(0, 100, 159) !important;
}

.stat_graphH {
    background: url(../img/diagr24h.png) rgb(0, 100, 159) no-repeat !important;
    border: 1px solid rgb(0, 100, 159);

}

.stat_tableH {
    background: url(../img/switch_stat_table_p.png) rgb(0, 100, 159) no-repeat !important;
    border: 1px solid rgb(0, 100, 159);
}

.stat_panelH {
    background: url(../img/switch_t_p.png) rgb(0, 100, 159) no-repeat !important;
    border: 1px solid rgb(0, 100, 159);
}

#stat_graph {
    background: url(../img/diagr24.png) white no-repeat;
}

#stat_table {
    border-right: none;
    background: url(../img/switch_stat_table.png) white no-repeat;
}

#stat_panel {
    border-right: none;
    background: url(../img/switch_t.png) white no-repeat;
}

#DTPCardExcel {
    display: none;
    top: 80px;
    cursor: pointer;
    width: 30px;
    right: 50px;
    position: absolute;
    height: 30px;
    outline-style: none;
    background: url(../img/files_icon.png) no-repeat;
}

#DTPCardExcel:hover {
    background: url(../img/files_icon_hover.png) no-repeat;
}

#DTPCardPrint {
    display: none;
    top: 80px;
    right: -5px;
    cursor: pointer;
    position: absolute;
    width: 50px;
    height: 30px;
    outline-style: none;
    background: url(../img/ui2_0.png) no-repeat;
}

#DTPCardPrint:hover {
    background: url(../img/ui2_1.png) no-repeat;
}

.accArrow {
    width: 16px;
    height: 16px;
    float: right;
    background: url(../img/acc.png) no-repeat;
    cursor: pointer;
}

.dor_accview_title_cont {
    line-height: 46px;
    height: 46px;
    padding-left: 25px;
    background: #f6f7f8;
    border-top: 1px solid #BFC4C8;
}

.dor_accview_cap {
    float: left;
    /* font-family: RobotoSlabRegular; */
    font-size: 14px;
    font-weight: bold;
    color: #00649c;
}

.dor_accview_title_cont .accArrow {
    margin-right: 20px;
    margin-top: 15px;
}

#DTPCardPdf {
    margin-right: 20px;
    cursor: pointer;
    width: 20px;
    height: 22px;
    line-height: 62px;
    margin-top: 19px;
    float: right;
    outline-style: none;
    background: url(../img/list.png) no-repeat;
}

#DTPCardPdf:hover {
    background: url(../img/list_pushed.png) no-repeat;
}

#exportInfo {
    margin-right: 10px;
    cursor: pointer;
    width: 20px;
    height: 22px;
    line-height: 62px;
    margin-left: 14px;
    margin-top: 21px;
    float: right;
    outline-style: none;
    background: url(../img/ico-list.png) no-repeat;
}

#exportInfo:hover {
    background: url(../img/ico-list1.png) no-repeat;
}

#table .highcharts-container {
    border: none;
}

.highcharts-container {
    width: 960px;
    height: 402px;
    overflow: hidden;
}

#main {
    display: table;
    margin: 0 auto;
    width: 1000px;
    position: relative;
    background: url("../img/ground2.png") repeat;

}

#foot {
    height: 100%;
    width: 1000px;
    display: table;
    font-size: 14px;
    background: url("../img/footGround.png");
    margin: 0 auto;
}

.includes {
    width: 1000px;
    background: rgb(0, 73, 110);
    margin: 0 auto;
    display: table;

}

h2 {
    font-size: 16px;
    color: black;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
    text-indent: 0;
}

.filterCard {
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin: 0 auto;
    background: url("../img/sortBlue.png");

}

.filterCardSel {
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin: 0 auto;
    background: url("../img/sortHover.png");

}

.filterCardSelUp {
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin: 0 auto;
    background: url("../img/sortHover.png");
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(180deg);

}

#mapHint {
    display: none;
    height: 30px !important;
    color: rgb(205, 56, 52);
}

#linkMAPchart {
    cursor: pointer;
    float: right;
    width: 90px;
    padding-bottom: 10px;
}

.reg-list {
    padding: 10px;
}

#cur-reg-selector {
    width: 275px;

}

#cur-reg-selector ul li {
    padding: 7px;
    line-height: 1.5;
    display: block;
    font-size: 16px;
    cursor: pointer;
    margin-right: 10px;
}

.PPImage {
    height: 22px !important;
    width: 16px !important;
}

.PPImage .PPImageElement {
    margin-left: 2px;
}

.PPTimelineLeft .PPImage .PPImageElement {
    margin-left: -1px !important;
}

#header_region {
    margin-top: 28px;
    margin-right: 50px;
    float: right;
    font-size: 16px;
    line-height: 25px;
    color: white;
    letter-spacing: 2px;
    min-width: 20px;
    border-bottom: 1px dashed;
    max-width: 300px;
}

DIV.PPDropPanel.PPTreeComboDrop {
    background: white;
    border: 1px solid #d3d6d9;
}

.PPTimeline .PPTimelinePlay {
    background: none !important;
}

#chartsLink {
    position: relative;
    float: right;
    width: 300px;
    line-height: 40px;
    font-size: 16px;
}

#cur-reg-selector ul li:hover {
    background-color: rgb(0, 100, 159) !important;
    color: white;
}

#mainTableVal, #mainTableVal1 {
    padding-left: 0 !important;
    border-left: none !important;
}

#mainTableRowlast {
    border-top: 1px solid #D4D6D6;
}

#mainTableRowlast1 {
    border-top: 1px solid #D4D6D6;
    background: white;
}

#switchMainMap {
    float: right;
    margin-top: 15px;
    padding-right: 20px;
}

#reglTable {
    float: right;
    cursor: pointer;
    width: 22px;
    height: 24px;
    margin-right: 12px;
    outline-style: none;
    background: url(../img/regTable24.png) repeat-y scroll 0% 2px;
}

.statLink {
    float: left;
    cursor: pointer;
    color: rgb(0, 98, 139);
}

.drillReg {
    float: left;
    cursor: default;
    color: black;
}

#regStatLink.drillReg {
    text-align: justify;
    min-width: 200px;
    float: left;
    cursor: default;
    color: black;
}

#regStatLink.statLink {
    text-align: justify;
    min-width: 200px;
    float: left;
    cursor: pointer;
    color: rgb(0, 98, 139);
}

#mainTableCap1 {
    font-size: 14px !important;
    color: #999999;
    font-size: 15px;
    font-weight: bold;
    border-top: 1px dashed #D4D6D6;
}

#mainTableCap {
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    font-size: 16px;

}

#boxMap {
}

/* Статистика */

#boxStat {
    display: grid;
    grid-template-areas:
        "reg reg"
        "filter map"
        "filter control"
        "stat stat";
    grid-template-rows: 41px 455px 1fr auto;
    grid-template-columns: 245px 1fr;
    grid-gap: 5px;
}

.mapHead {
    grid-area: reg;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 16px;
}

#controlPanel {
    grid-area: filter;
    padding: 10px;
    position: relative;
}

#map {
    grid-area: map;
    min-height: 450px;
}

#StatTableControl {
    grid-area: control;
}

#StatTableContainer {
    grid-area: stat;
    min-height: 110px;
    margin-bottom: 10px;
}

#StatTableContainer.padding {
    padding: 10px;
}

#table table {
    font-size: 15px;
}

#mainTable tr {
    line-height: 60px;
}

#mainTable hi > tr {
    line-height: 80px;
}

#mainTablePok {
    text-align: left;
    line-height: 20px;
    padding: 20px;
}

/* Аварийность на ФАД */

#boxDor {
    display: flex;
    flex-direction: column;
}

#MainDorContainer {
    display: none;
    margin-bottom: 10px;
}

#DorControlContainer {
    display: grid;
    grid-template-areas:
        "reg reg"
        "date map"
        "filter map";
    grid-template-rows: 60px 41px 1fr;
    grid-template-columns: 245px 1fr;
    grid-gap: 5px;
}

#DorHeaderControlContainer {
    grid-area: reg;
    padding-top: 10px;
}

#DorDateControlContainer {
    grid-area: date;
    display: block !important;
}

#DorControl, #RegionControlInner, #DorControlInner {
    grid-area: filter;
    height: 450px;
    width: 222px;
    padding: 10px;
    display: none;
}

#DorMap {
    grid-area: map;
}

.dorInnerCaption {
    font-size: 15px;
    font-weight: bold;
    margin-left: 2px;
    color: #282828;
    margin-bottom: 5px;
}

.detailContainer {
    margin-top: 10px;
}

#SquaresContainer {
    display: none;
    padding: 20px;
    background: white;
    font-size: 23px;
    font-weight: bold;
}

#dor_acordeon_cont {
    display: none;
    background: white;
}

#DorInfoContainer {
    display: grid;
    grid-template-areas: "back title"
        "infoTabs infoTabs";
    padding-top: 10px;
}

#DorKMTable {
    width: 100%
}

#DorKMTable th {
    padding-top: 15px;
    background: white;
    color: #999999;
    font-size: 14px;
    line-height: 30px;
    border-bottom: 1px dashed;
    letter-spacing: 2px;
    cursor: default;
    padding-left: 30px;
    padding-bottom: 12px;
}

#DorKMTable td {
    padding: 10px;
    width: 25%;
    border-bottom: 1px solid #d5dade;
}

#DorKMTable tr {
    line-height: 12px;
}

#DorKMTable tr:hover {
    color: black;
    cursor: pointer;
}

#DorKMTable tr:last-child td {
    border-bottom: unset !important;
}

#DorKMTable tr td:first-child {
    cursor: pointer;
    color: #076D9C;
}

#DorKMTable td, #DorKMTable th {
    padding-left: 30px;
}

/* ВЫГРУЗКА */

#boxDownload {
}

#chB {
    margin-top: 5px;
}

#typeView .dui-controls-group,
#formatSelector .dui-controls-group {
    margin: unset;
}

#floader .dui-search-field,
#reportSelector .dui-search-field,
#svedDTP .dui-search-field {
    display: none;
}

#reportSelector #fDTPList,
#floader #floadList,
#svedDTP #fDTPList {
    height: unset;
}

/* --------------------------------- */

#DorNameRegInner, #DorInfoHead {
    grid-area: title;
    color: #323232;
    font-size: 22px;
    margin-bottom: 15px;
    line-height: 25px;
}

#dor_acordeon_cont_cap {
    line-height: 50px;
    margin-left: 25px;
    margin-right: 25px;
    font-size: 14px;
    color: #999999;
    font-weight: bold;
    border-top: 1px dashed #BFC4C8;
    background: white;
}

#sliderKMGraphContainer {
    width: 980px;
    margin: 65px;
}

.dor_accview_cont tr {
    border-top: 1px solid #BFC4C8;
}

#copy {
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
    width: 90%;

}

#sputnik-informer {
    display: table-cell;
    padding-top: 5px;
    vertical-align: middle;
}

#controlPanelMap {
    height: 44px;
    background: white;
    margin-top: 10px;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 21px;
}

#controlPanelMap > * {
    margin-right: 10px;
}

#controlPanel > * {
    height: 45px;
}

#charts {
    font-size: 18px;
    padding: 10px;
}

.refresh {
    color: white;
    text-decoration: none;
    user-select: none;
    font-size: 16px;
    background: rgb(0, 100, 159);
    outline: none;
    text-align: center;
    width: 222px;
    line-height: 40px;
    float: right;
    margin-right: 15px;

}

.refresh:hover {
    cursor: pointer;
    background: #00B1EE;
    color: white;
}

.mainCheck {
    position: relative;
    width: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    display: inline-block;
}

.mainCheck-checkbox {
    display: none;
}

.mainCheck-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #D3D6D9;
    border-radius: 20px;
}

.mainCheck-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

.mainCheck-inner:before, .mainCheck-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 19px;
    padding: 0;
    line-height: 19px;
    font-size: 14px;
    color: white;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mainCheck-inner:before {
    content: "";
    padding-left: 10px;
    background-color: rgb(39, 131, 179);
    color: #FFFFFF;
}

.mainCheck-inner:after {
    content: "";
    padding-right: 10px;
    background-color: #EEEEEE;
    color: #999999;
    text-align: right;
}

.mainCheck-switch {
    display: block;
    width: 21px;
    margin: 0px;
    background: #FFFFFF;
    border: 1px solid #D3D6D9;
    border-radius: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 17px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.mainCheck-checkbox:checked + .mainCheck-label .mainCheck-inner {
    margin-left: 0;
}

.mainCheck-checkbox:checked + .mainCheck-label .mainCheck-switch {
    right: 0px;
}

#print {
    margin-top: 8px;
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
    width: 22px;
    float: right;
    height: 30px;
    outline-style: none;
    background: url(../img/ui2_0.png) no-repeat;
}

#print:hover {
    background: url(../img/ui2_1.png) no-repeat;
}

#pdf {
    margin-top: 8px;
    cursor: pointer;
    width: 22px;
    height: 30px;
    float: right;
    outline-style: none;
    background: url(../img/files_icon.png) no-repeat;
}

#pdf:hover {
    background: url(../img/files_icon_hover.png) no-repeat;
}

#switcherTable {
    cursor: pointer;
    width: 40px;
    height: 30px;
    outline-style: none;
    background: url(../img/table24.png) repeat-y 100% 0;
}

#switcherDiagram {
    cursor: pointer;
    width: 40px;
    height: 30px;
    outline-style: none;
    background: url(../img/diagr24.png) no-repeat;
}

#switcherDiagramStat {
    cursor: pointer;
    width: 40px;
    height: 30px;
    outline-style: none;
    background: url(../img/diagr24.png) no-repeat;
}

#mapPDF {

    float: right;
    margin-top: 25px;
    cursor: pointer;
    width: 22px;
    height: 30px;
    outline-style: none;
    background: url(../img/files_icon.png) no-repeat;
}

#mapPDF:hover {
    background: url(../img/files_icon_hover.png) no-repeat;
}

.wardingIco {
    width: 32px;
    height: 32px;
    float: left;
    margin: 10px;
    background: url(../img/w_alert.png) no-repeat;
}

#acceptWarding {
    color: white;
    text-decoration: none;
    user-select: none;
    font-size: 16px;
    background: rgb(0, 100, 159);
    outline: none;
    text-align: center;
    width: 100px;
    line-height: 20px;
    padding: .5em 1.5em;
    margin: 0 auto 10px auto;
}

#acceptWarding:hover {
    cursor: pointer;
    background: #00B1EE;
    color: white;
}

#backDTPTable {
    display: none;
    position: absolute;
    left: 20px;
    top: 20px;
    cursor: pointer;
    width: 22px;
    height: 30px;
    outline-style: none;
    background: url(../img/arrowLeft.png) no-repeat;
}

#backDTPTable:hover {
    background: url(../img/arrowLeftHover.png) no-repeat;
}

.info {
    cursor: help;
    position: absolute;
    height: 22px !important;
    width: 22px;
    left: 217px;
    top: 50px;
    background: url(../img/ico_info.png) no-repeat;
}

#RegionContatiner {
    display: none;
    width: 213px;
    height: 130px;
}

#reglLink {
    cursor: pointer;
    margin-left: 48px;
    margin-top: 5px;
    color: rgb(25, 147, 194);
}

#reglLink:hover {
    color: #00B1EE;
}

#switcherMap {
    cursor: pointer;
    width: 40px;
    height: 30px;
    outline-style: none;
    background: url(../img/map24.png) repeat-y 100% 0;
}

#map1 {
    min-height: 500px;
    margin-top: 60px;
    margin-bottom: 10px;
}

.PPToolTip {
    display: none !important;
}

#TheFancybox {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
}

div#publicInfo {
    text-align: left;
}

.fancybox-title {
    text-align: center;
}

#mainDiv {
    min-width: 1000px;
    width: 100%;
    height: auto;
}

#contentTable {
    width: 100%;
    height: auto;
}

.fancybox-close {
    background-image: url(../img/close-default.png);
    position: absolute;
    width: 27px;
    height: 27px;
    cursor: pointer;
    z-index: 18040;
    top: 19px;
    right: 20px;

}

.fancybox-close:hover {
    background-image: url(../img/close-hover.png);
}

#infoDTP {
    display: none;
    margin-top: 20px;
    height: auto;
    margin-bottom: 20px;
    max-width: 1000px;
}

.tableDataInfoRow td div {
    padding: 0 20px;
}

.infoDTPSeparator {
    margin-top: 10px;
    border-bottom: 1px dashed #BFC4C8;
    margin-bottom: 12px;
}

.infoDTPCap {
    line-height: 30px;
    font-weight: 500;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    display: inline;

}

.fancybox-skin {
    border-radius: 0px;
}

.infoDTPFirst {
    padding: 10px;
}

#back {
    padding-top: 2px;
}

#tableCaption tr {
    line-height: 60px;
}

#tableCaption span {
    padding-right: 10px;
    font-size: 25px;
}

#mainDiv table {
    width: 100%;
    text-align: center;
}

#tableData {
    width: 100%;
    text-align: center;

}

.light-theme .current {
    color: #000;
    border-color: #444444;
    cursor: default;
}

.light-theme a, .light-theme span {
    border: 3px solid rgb(249, 249, 249);
}

#tableDataCap {
    height: 55px;
    color: #999999;
    border-bottom: 1px solid #becad3;
    border-top: 1px dashed #becad3;
    font-size: 14px;
}

.tableDataInfoRow {
    line-height: 50px;
    border-bottom: 1px solid rgb(206, 206, 206);
    font-size: 16px;
}

#tableDataCapInfo {
    border-top: 1px dashed;
    border-bottom: 1px solid;
    color: rgb(206, 206, 206);
    font-size: 14px;
}

#fact {
    position: absolute;
    left: 890px;
    top: 220px;
}

#fancybox-content {
    width: 275px !important;
}

#RegionListOpenIco {
    width: 16px;
    position: absolute;
    height: 16px;
    background: url("../img/sort.png");
    right: 25px;
    cursor: pointer;
    top: 36px;
}

.arrowLeftCom {
    margin-top: 6px;
    width: 16px;
    height: 16px;
    background: url("../img/arrow-left--default.png") no-repeat;
    cursor: pointer;
}

.arrowLeftCom:hover {
    background: url("../img/arrow-left--hover.png") no-repeat;
}

.arrowRightCom {
    margin-top: 6px;
    width: 16px;
    height: 16px;
    background: url("../img/arrow-right--default.png") no-repeat;
    cursor: pointer;
}

.next, .prev {
    border: none !important;
}

.arrowRightCom:hover {
    background: url("../img/arrow-right--hover.png") no-repeat;
}

.Transform180 {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(180deg);
}

.dor_accview_title_cont_white {
    background: white;
}

.Transform180Acc {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(180deg);
    background: url(../img/accH.png) no-repeat !important;
}

.tableDateRow1 {
    border-bottom: 1px solid #becad3;
    line-height: 30px;
    font-size: 14px;
}

.tableDateRow1:hover {
    background: rgb(0, 122, 193);
    color: white;
    cursor: pointer;
}

.tableDateRow2:hover {
    background: rgb(0, 122, 193);
    color: white;
    cursor: pointer;
}

.PPTicksContainer {
    height: 30px !important;
}

.PPTicksContainer .PPTickItem {
    cursor: pointer;
    border: 1px solid rgb(212, 215, 220);
}

.tableDateRow2 {
    line-height: 30px;
    border-bottom: 1px solid #becad3;
    font-size: 14px;
}

#contentTableBottom {
    padding-left: 20px;
    line-height: 60px;
    width: auto;
    border-top: 3px solid rgb(150, 165, 178);
    background: white;

}

.PPCombo table .PPTextBoxInput {
    font-size: 16px;
    color: #282828;
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
}

.PPCombo .PPButtonNode {
    background: url("../img/mini-arrow-down-default.png") no-repeat !important;
    margin-top: 13px !important;
    border: 0px !important;
    box-shadow: none !important;
    cursor: pointer;
}

.PPCombo .PPButtonNode.Pressed {
    background: url("../img/ico_aqua_arrow-down.png") no-repeat !important;
}

.PPTreeCombo .PPTextBox .PPTextBoxImage.PPTreeComboFindImage {
    width: 20px !important;
    height: 18px !important;
    position: absolute;
    top: 10px;
    right: 20px;
    background-image: url('../img/mini-search-default.png');
}

.PPC {
    height: 40px;
    font-size: 16px;
    color: #282828;
}

.PPCombo .PPButtonNode.Hovered.Pressed {
    background: url("../img/ico_aqua_arrow-down.png") no-repeat !important;
}

#labelTable {
    float: left;
    margin-left: 10px;
    font-size: 15px;
    margin-top: 15px;
}

.innerMenuPage {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 40px;
}

.tabs {
    font-size: 16px;
    color: #282828;
    display: inline-block;
}

.tabs > div {
    padding-top: 10px;
}

.tabs ul {
    margin-left: 20px;
    padding: 0px;
}

.tabs ul li:first-child {
    border-left: 1px solid #becad3;
}

.tabs ul li {
    border-right: 1px solid #becad3;
    border-top: 1px solid #becad3;
    border-bottom: 1px solid #becad3;
}

.tabs ul li {
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    float: left;
    padding: 5px 15px;
    color: #017AC1;
    background: white;
}

.tabs ul li.active, .tabs ul li.active:hover {
    background: rgb(0, 100, 159);
    color: white;
    border: 1px solid #00649F;
}

.tabs ul li:hover {
    background: #d6d6d7;
}

label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 14px;
    line-height: 30px;
    color: #282828
}

label:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    position: absolute;
    top: 3px;
    left: 0;
    background: url(../img/checkbox.png);
}

input[type=radio] {
    display: none;
}

.radio label:before {
    border-radius: 8px;
}

input[type=radio]:checked + label:before {
    background: url(../img/checkbox_ch.png);
}

#bottom-left, #bottom-center, #bottom-right {
    float: left;
    position: relative;
    top: 43px;
}

#footer li {
    margin-top: 10px;
    padding-left: 10px;
}

#closeMainText {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 30px;
    cursor: pointer;
}

#dorInfoTabs {
    /* width: 100%; */
    grid-area: infoTabs;
}

#switchMainTable {
    margin-right: 20px;
}

.iw-contextMenu {
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid #E6E6E6;
    display: none;
    z-index: 100000000000000000000000;
}

.iw-cm-menu {
    background: #F4F4F4;
    color: #333;
    margin: 0px;
    padding: 0px;
}

.iw-cm-menu li {
    list-style: none;
    padding-left: 30px;
    line-height: 30px;
    padding-right: 40px;
    border: 4px solid #F4F4F4;
    cursor: pointer;
    position: relative;
}

.iw-mOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #FFF;
    opacity: .5;
}

.iw-contextMenu li.iw-mDisable {
    opacity: .3;
}

.iw-mSelected {
    background: rgb(215, 223, 228);
}

.iw-cm-arrow-right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #333333;
    position: absolute;
    right: 3px;
    top: 50%;
    margin-top: -3px;
}

.iw-mSelected > .iw-cm-arrow-right {
    border-left: 5px solid #FFF;
}

.iw-mIcon {
    width: 20px;
    height: 20px;
    left: 0px;
    top: 5px;
    position: absolute;
    padding-left: 5px;
}

.WaitProgressBackground {
    background-image: url("../img/loading.gif");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10000;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.phancy-scrollbar {
    width: 5px;
    border-radius: 4px;
    top: 0;
    position: absolute;
    background: #ccc;
    -moz-transition: opacity .2s;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    -ms-transition: opacity .2s;
    transition: opacity .2s;
    transition-delay: 1s;
    -webkit-transition-delay: 1s;
    opacity: 0;
}

.phancy-scroller .phancy-scrollbar:active, .phancy-scroller:hover .phancy-scrollbar {
    opacity: 1;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}

.phancy-scrollbarbutton {
    width: 100%;
    border-radius: 4px;
    top: 0;
    position: absolute;
    background-color: #999;
}

.ComboList {
    -webkit-overflow-scrolling: touch;
    margin-top: 10px;
    overflow: auto;
    height: 350px;
    color: #076DA0;
}

.slider-selection {
    height: 50px !important;
    background: white;
    opacity: 0.5;
}

.slider-track-low, .slider-track-high {
    height: 50px !important;
    background: rgb(150, 165, 178);
    border-radius: 0;
    opacity: 0.5;
}

.slider-handle {
    position: absolute;
    width: 7px;
    top: 5px;
    height: 50px;
    background: rgb(11, 102, 148);
}

.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle {
    margin-left: -5px;
    margin-top: -5px;
}

.slider.slider-horizontal .slider-track {
    background: transparent;
    height: 50px;
}

::-webkit-scrollbar {
    width: 9px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgb(209, 220, 226);
}

.ComboList div {
    padding: 6px 18px 6px 18px;
    cursor: pointer;
    margin-right: 5px;
}

.ComboList div:hover {
    color: white;
    background: #017AC1;
    cursor: pointer;

}

.dor_accview_cont tr:hover {
    cursor: pointer;
}

.footCol {
    float: left;
    width: 200px;
    height: 100%;
    margin-top: 30px;
    width: 240px;
    margin-bottom: 30px;
}

.footCol a {
    display: block;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    color: white;
    font-size: 14px;

}

.footCol a:hover {
    padding-right: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 12px;
    background: rgb(134, 152, 167);
    border: 3px solid;
    color: white;
}

.footCol h3 {
    padding: 0px 0px 0px 15px !important;
}

#foot1Col {
    margin-left: 20px;
}

#DorListContainer, #DorRegionListContainer {
    height: 350px;
}

#DorControlContainer #DorRegionListContainerSearch, #DorListContainerSearch, #RegionControlInnerSearch, #DorControlInnerSearch {
    border: 0px solid #FFFFFF;
    border-bottom: 2px solid #c2c2c2;
    width: 198px;
    height: 37px;
    font-size: 14px;
    background: transparent;
}

.dorSearchIco {
    float: left;
    width: 22px;
    height: 28px;
    margin-top: 9px;
    background: url('../img/search-default.png') no-repeat;
    border-bottom: 2px solid #c2c2c2;
}

#criteria {
    float: left;
    width: 960px;
    margin-left: 5px;
    background: url("../img/ground2.png") repeat;
    padding-top: 10px;
}

#criteriaSlider {
    background: url("../img/ground2.png") repeat;
    width: 960px;
    margin-left: 5px;
    float: left;
    min-height: 400px;
}

#dangerous {
    background: url("../img/ground2.png") repeat;
    width: 960px;
    margin-left: 5px;
    float: left;
}

#KMGraph {
    background: url("../img/ground2.png") repeat;
    width: 960px;
    margin: 5px;
}

#KMGraphSlider {
    position: absolute;
}

.PPTimeline .PPButton.Pressed, .PPTimeline .PPTicks .PPTickItem.Current, .PPTimeline .PPTicks.NoDrag .PPTickItem.Current, .PPTimeline.Hovered .PPTicks.NoDrag .PPTickItem.Current {
    background: rgb(0, 122, 193);
    font-size: 16px;
    color: white;
    text-shadow: none;
}

.PPTimeline .PPButton {
    filter: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-text-shadow: none !important;
    text-shadow: none !important;
    border-left: none !important;
    border-top: 0;
    border-bottom: 0;
}

.PPTickItem {
    border: 1px solid;
}

.PPTimeline .PPTicks .PPTickItem {
    color: rgb(0, 122, 193);
    background: white;
    height: 28px;
}

.PPTicksContainer .PPTickItem {
    cursor: pointer;
    border: 1px solid rgb(212, 215, 220);
}

/**
*createNewCombo CSS
** Контестное меню
*/
.dui-context-menu {
    position: absolute;
    z-index: 99999;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    padding: 1px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .95);
    -webkit-box-shadow: 0 4px 8px 1px rgba(133, 133, 133, .6);
    box-shadow: 0 4px 8px 1px rgba(133, 133, 133, .6);
    -webkit-transition: -webkit-transform .3s, opacity .3s, visibility .3s;
    -webkit-transition: opacity .3s, visibility .3s, -webkit-transform .3s;
    transition: opacity .3s, visibility .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s, visibility .3s;
    transition: transform .3s, opacity .3s, visibility .3s, -webkit-transform .3s;
}

.dui-context-menu__item {
    display: block;
    padding: 9px 12px;
    line-height: 18px;
    font-size: 16px;
    text-decoration: none;
    color: #282828;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
}

.dui-context-menu__item:hover {
    background-color: #d7dfe4;
}

.dui-context-menu_show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/**
 * Поля ввода
 */
.dui-input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    padding: 0 14px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #c6cdd3;
    border: 1px solid rgba(116, 128, 143, .4);
    font-size: 15px;
    color: #3c3832;
}

.dui-input:hover {
    border-color: rgba(116, 128, 143, .7);
}

.dui-input:focus {
    outline: 0;
    border-color: #74808f;
}

/**
 * Выпадающий список
 */
.dui-dropdown {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 15px;
}

.dui-dropdown ul li:hover {
    background: white !important;
}

.dui-dropdown_full {
    width: 100%;
}

.dui-form-set__dropdown-wide {
    width: 100%;
}

.dui-dropdown__head {
    position: static !important;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 4px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #c5ccd3;
    border: 1px solid rgba(116, 128, 143, .4);
    background-color: #fff;
}

.dui-dropdown__head:hover {
    border-color: #b2bbc4;
}

.dui-dropdown__text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    padding: 0 14px;
    border: 0;
    background: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: inherit;
    width: inherit;
}

.dui-dropdown__text:disabled {
    color: inherit;
    opacity: 1;
    pointer-events: none;
}

.dui-dropdown__text:focus {
    outline: 0;
}

.dui-dropdown__btn {
    margin: 0 2px;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    border: 0;
    width: 20px;
    height: 20px;
    background: none;
    cursor: pointer;
}

.dui-dropdown__btn:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: none no-repeat;
    transition: transform .3s;
}

.dui-dropdown__btn:hover:before {
    background-position: 100% 0;
}

.dui-dropdown__btn_search:before {
    width: 13px;
    height: 13px;
    background-image: url("../img/mini-search.png");
}

.dui-dropdown__btn_drop:before {
    width: 11px;
    height: 7px;
    background-image: url("../img/mini-arrow-down.png");
}

.dui-dropdown__body {
    position: absolute;
    z-index: 5;
    top: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    margin-top: -1px;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0 5px 15px;
    border: 1px solid #c5ccd3;
    overflow: auto;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.97);
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer !important;
}

.dui-dropdown_open .dui-dropdown__body {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .2);
}

.dui-dropdown_open > .dui-dropdown__head .dui-dropdown__btn_drop:before {
    background-position: 100% 0;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.dui-dropdown_search_enabled > .dui-dropdown__head {
    border-color: #00649e;
}

.dui-dropdown_search_enabled > .dui-dropdown__head .dui-dropdown__btn_search:before {
    background-position: 100% 0;
}

/**
 * Раскрывающийся список в drop-down
 */
.dui-nested-list {
    clear: both;
    position: relative;
    margin: 0;
    margin-left: 0 !important;
    padding: 0;
    list-style-type: none;
}

.dui-nested-list__item {
    clear: both !important;
    position: relative !important;
    margin: 0 0 1px !important;
    padding: 0 0 0 16px !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    float: none !important;
}

.dui-nested-list__toggle {
    position: absolute;
    top: 8px;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 13px;
    height: 13px;
    color: #a9b3bc;
    border: 1px solid;
    cursor: pointer;
}

.dui-nested-list__toggle:before,
.dui-nested-list__toggle:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: currentColor;
}

.dui-nested-list__toggle:before {
    width: 5px;
    height: 1px;
}

.dui-nested-list__toggle:after {
    width: 1px;
    height: 5px;
}

.dui-nested-list__text {
    margin-bottom: 1px;
    display: block;
    width: auto;
    padding: 5px 10px;
    overflow: hidden;
    line-height: 18px;
    font-size: 15px;
    font-style: normal;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer;
    color: #1d1d1d;
}

.dui-nested-list__text.disable {
    cursor: default;
    pointer-events: none;
    color: gray;

}

.dui-nested-list__text:hover {
    background-color: #e8eff3;
}

.dui-nested-list__text_selected,
.dui-nested-list__text_selected:hover {
    color: #fff;
    background-color: #007bc4;
}

.dui-nested-list__toggle + .dui-nested-list__text {
    padding-left: 6px;
}

.dui-nested-list__body {
    display: none;
}

.dui-nested-list__item_open > .dui-nested-list__toggle {
    color: #c5ccd3;
}

.dui-nested-list__item_open > .dui-nested-list__toggle:after {
    content: none;
}

.dui-nested-list__item_open > .dui-nested-list__body {
    display: block;
}

.dui-nested-list__body:after {
    height: 0px;
    display: none;
}

#dorSprav {
    font-size: 14px;
    padding-left: 5px;
}

#RegionControlInnerCombo {
    height: 340px;
}

/* map timeline */

#play-controls {
    text-align: center;
    width: 100%;
    padding: 5px 0 1em 20px;
}

#play-controls * {
    display: inline-block;
    vertical-align: middle;
}

input[type=range] {
    -webkit-appearance: none;
    margin-top: 20px;
    width: 95%;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: rgba(0, 122, 193, 1);
    border-radius: 0px;
    border: 0px solid #000000;
}

input[type=range]::-webkit-slider-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid rgba(0, 0, 0, 0.87);
    height: 17px;
    width: 28px;
    border-radius: 50px;
    background: rgba(0, 73, 110, 0.76);
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -4.5px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: rgba(0, 122, 193, 1);
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: rgba(0, 122, 193, 1);
    border-radius: 0px;
    border: 0px solid #000000;
}

input[type=range]::-moz-range-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid rgba(0, 0, 0, 0.87);
    height: 17px;
    width: 28px;
    border-radius: 50px;
    background: rgba(0, 73, 110, 0.76);
    cursor: pointer;
}

input[type=range]::-ms-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

input[type=range]::-ms-fill-lower {
    background: rgba(0, 122, 193, 1);
    border: 0px solid #000000;
    border-radius: 0px;
    box-shadow: 0px 0px 0px #000000;
}

input[type=range]::-ms-fill-upper {
    background: rgba(0, 122, 193, 1);
    border: 0px solid #000000;
    border-radius: 0px;
    box-shadow: 0px 0px 0px #000000;
}

input[type=range]::-ms-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid rgba(0, 0, 0, 0.87);
    height: 17px;
    width: 28px;
    border-radius: 50px;
    background: rgba(0, 73, 110, 0.76);
    cursor: pointer;
    height: 8.4px;
}

input[type=range]:focus::-ms-fill-lower {
    background: rgba(0, 122, 193, 1);
}

input[type=range]:focus::-ms-fill-upper {
    background: rgba(0, 122, 193, 1);
}

#play-output {
    float: right;
    padding-left: 0;
    margin-right: 25px;
    min-width: 105px;
}

#play-output:before {
    display: none;
}

button.pa {
    margin-left: 0;
}

.pa-pause {
    border-style: double !important;
    border-width: 0px 0 0px 20px !important;
}

#play-pause-button {
    height: 20px;
    margin-top: 20px;
    margin-left: -40px;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    background: transparent;
    border-color: transparent transparent transparent #007ac1;
    transition: 100ms all ease;
    border-style: solid;
    border-width: 10px 0 10px 20px;
}

/*drillup button*/
.drillup {
    float: left;
    cursor: pointer;
    border-bottom: 1px dashed;
    color: rgb(0, 98, 139);
    text-align: center;
    font-size: 16px;
    margin-left: 15px;
    margin-top: 22px;
}

/**
 * Шапка контента с заголовком и ссылкой назад
 */
.dui-head-panel {
    padding-top: 12px;
    padding-bottom: 20px;
}

.dui-head-panel:after {
    content: " ";
    display: table;
    clear: both;
}

.dui-head-panel__back {
    margin-right: 17px;
    margin-top: 2px;
    float: left;
    -webkit-transition: .2s;
    transition: .2s;
}

.dui-head-panel__back:hover {
    opacity: 0.7;
}

.dui-head-panel__title {
    margin: 0;
    display: block;
    width: auto;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.2;
    font-size: 20px;
    font-weight: bold;
    color: #323232;
}

/**
 * Ссылка назад
 */
.dui-back-link {
    display: inline-block;
    vertical-align: middle;
    width: 21px;
    height: 21px;
    margin-left: 15px;
    margin-right: 15px;
    background: url("../img/arrowLeft.png");
}

/**
 * Кнопка "Удалить все"
 */
.dui-h-list__delete {
    margin-bottom: 2px;
    border: 0;
    font: inherit;
    color: #c6605c;
    background: none;
    cursor: pointer;
}

/* список для удаления */
.dui-h-list_del .dui-h-list__head {
    padding-left: 0;
}

.dui-h-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    color: #3b352e;
    font-size: 15px;
}

.dui-h-list__item {
    margin: 0;
    padding: 0;
}

/* ?·?°???»??????N‡???°N? N‡?°N?N‚N? N??»?µ???µ??N‚ N?????N????° */
.dui-h-list__head {
    position: relative;
    padding: 5px 0 5px 21px;
}

.dui-h-list__head:only-child .dui-h-list__toggle {
    display: none;
}

/* ???»N? ??N‹?±??N€?° N??»?µ???µ??N‚?° */
.dui-h-list__control {
    position: relative;
    cursor: pointer;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    -webkit-box-flex: 1;
    flex: 1 0 0%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dui-h-list__control_close .dui-h-list__label:before,
.dui-h-list__control_close .dui-h-list__label:after {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 14px;
    height: 2px;
    background: #c6605c;
    background: #c7c5c5;
}

.dui-h-list__control_close .dui-h-list__label:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.dui-h-list__control_close .dui-h-list__label:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.dui-h-list__input {
    position: absolute;
    clip: rect(1px 1px 1px 1px); /* for Internet Explorer */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.dui-h-list__input:checked + .dui-h-list__label {
    color: #00649e;
}

.dui-h-list__input:checked + .dui-h-list__label:before {
    background-position: -1em 0;
}

.dui-h-list__input:indeterminate + .dui-h-list__label:before {
    background-position: -2em 0;
}

.dui-h-list__label {
    position: relative;
    display: block;
    padding-left: 25px;
    line-height: 1.2;
}

.dui-h-list__label:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 19px;
    width: 19px;
    height: 16px;
    background: url("../img/checkbox-blue.png") no-repeat 0 0;
}

.dui-h-list__input:checked + .dui-h-list__label {
    color: #00649e;
}

.dui-h-list__input:checked + .dui-h-list__label:before {
    background-position: -1em 0;
}

.dui-h-list__input:indeterminate + .dui-h-list__label:before {
    background-position: -2em 0;
}

.highcharts-tooltip {
    position: relative;
    border: none;
    padding: 0px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.6);
    -moz-box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.6);
    box-shadow: 0px 2px 8px 0px rgba(7, 12, 20, 0.6);

}

#toolTable.toolTable {
    margin: 0px;
    padding: 0px;
    width: 100%;

    border: 0px solid #FFFFFF;

    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;

    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;

    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;

    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

.toolTable table {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.toolTable tr:last-child td:last-child {
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.toolTable table tr:first-child td:first-child {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

.toolTable table tr:first-child td:last-child {
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}

.toolTable tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;

}

.toolTable tr:hover td {
    background-color: #A3A3A3;
}

.toolTable td {
    vertical-align: middle !important;
    background-color: #FFFFFF;
    border: 0px solid #000000;
    text-align: left;
    padding: 0px;
    padding-right: 3px;
    font-size: 14px;
    font-weight: normal;
}

.toolTable tr:first-child td {
    background: -o-linear-gradient(bottom, #FFFFFF 5%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFFFFF), color-stop(1, #FFFFFF));
    background: -moz-linear-gradient(center top, #FFFFFF 5%, #FFFFFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF");
    background: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
    background-color: #FFFFFF;
    border: 0px solid #FFFFFF;
    text-align: center;
    border-width: 0px 0px 0px 0px;
    font-size: 14px;
    color: #282828;
}

.toolTable tr:first-child:hover td {
    background-color: transparent;
}

.toolTable tr:first-child td:first-child {
    border-width: 0px 0px 0px 0px;
}

.toolTable tr:first-child td:last-child {
    border-width: 0px 0px 0px 0px;
}

.toolTable caption:first-child {
    font-weight: bold;
    font-size: 16px;
    color: #282828;
}

td.tipData {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding-right: 11%;
}

.headMVD {
    text-align: right !important;
    float: right !important;
    color: inherit !important;
    font-size: 18px !important;
    font-weight: bolder !important;
    padding-right: 10px !important;
    letter-spacing: 2px !important;
    margin-top: 4px !important;
    cursor: pointer;
    background: none !important;
}

.headMVD2 {
    text-align: right !important;
    float: right !important;
    color: inherit !important;
    font-size: 9px !important;
    font-weight: bolder !important;
    padding-right: 10px !important;
    letter-spacing: 2px !important;
    margin-top: 4px !important;
    cursor: pointer;
    background: none !important;
}

#gibddLogo {
    float: right;
}

#logoContainer {
    float: right;
    margin-right: 10px;
    color: #659FD4;
    margin-top: 11px;
}

#logoContainer:hover {
    color: white !important;
}

.titled-legend-item {
    font-size: 12px;
}

.partContainer {
    display: table;
    table-layout: fixed;
    height: 20px;
    position: absolute;
}

.partContainer:first-child {
    border-left: 0px !important;
}

.partaLabels {
    display: table-cell !important;
    vertical-align: top !important;
    height: 22px;
    text-align: center;
}

.partaLabels:not([id="label_0"]) {
    border-left: 1px solid rgba(0, 122, 193, 1);
}

/*CONTROL CHECK*/

/**
 * Контролы - чекбоксы, radio
 */
.dui-control {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

/* контролы лучше не скрывать через display: none; */
.dui-control__input {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* for Internet Explorer */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.dui-control__label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 28px;
    margin-right: 15px;
    opacity: 0.41;
    font-size: 15px;
    line-height: 30px;
    color: #282828;
    -webkit-transition: .2s;
    transition: .2s;
}

.dui-control__label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 10px auto 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: none no-repeat;
}

.dui-control__input:checked + .dui-control__label {
    opacity: 1;
}

.dui-control__input:checked + .dui-control__label:before {
    background-position: -24px 0;
}

.dui-control_check .dui-control__label:before {
    background-image: url("../img/checkbox-sprite.png");
}

.dui-control_check input:not(:checked) + .dui-control__label:before {
    background: url("../img/checkbox.png");
}

/*DuiControlsBtn.css*/
.dui-controls-group {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 6px 0 26px;
}

.dui-controls-group--center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-box-pack: center;
    justify-content: center;
}

.dui-controls-group--right {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -webkit-box-pack: flex-end;
    -moz-box-pack: flex-end;
    -ms-box-pack: flex-end;
    justify-content: flex-end;
}

.dui-controls-btn {
    height: 40px;
    border: 1px solid #D0DADE;
    border-right: none; /* избавляемся от двойных рамок */
    padding: 0 30px;
    font-size: 16px;
    line-height: 36px;
    background-color: #fff;
    color: #00649c;
    outline: none;
    cursor: pointer;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

/*рамка справа для последнего элемента*/
.dui-controls-btn:last-child {
    border-right: 1px solid #D0DADE;
}

.dui-controls-btn--is-active {
    color: #fff;
    border-color: #00649c;
    background-color: #00649c;
}

button.dui-controls-btn:disabled {
    opacity: 0.5;
    cursor: default;
}

.dui-control__icon {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 25%;
    left: 25px;
    background-position: 0 0;
    width: 22px;
    height: 21px;
}

.dui-control__icon_list {
    width: 18px;
    height: 18px;
    background-image: url("../img/card-view-list.png");
}

.dui-control__icon_stack {
    width: 22px;
    height: 21px;
    background-image: url("../img/card-view-stack.png");
}

.dui-control__text {
    margin: 0 12px;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1rem;
}

/*DuiDatePicker.css*/
.dui-input {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    padding: 0 14px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #c6cdd3;
    border: 1px solid rgba(116, 128, 143, 0.4);
    font-size: 15px;
    font-family: inherit;
    color: #3c3832;
}

.dui-input_date {
    width: 145px;
    padding-right: 40px;
    background-image: url("../img/date.png");
    background-repeat: no-repeat;
    background-position: top 50% right 10px;
}

.dui-date-separator:before {
    content: "";
    margin: 0 4px;
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 2px;
    background-color: #939291;
}

/**
 * календарь jQuery UI
 */
.ui-datepicker {
    box-sizing: border-box;
    display: none;
    border: 1px solid #c5ccd3;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.ui-datepicker-header {
    position: relative;
    padding: 16px;
    border-bottom: 1px solid #c5ccd3;
}

.ui-datepicker-title {
    text-align: center;
    color: #2e2e2e;
    font-size: 17px;
    text-transform: uppercase;
}

/**
* Стрелки навигации
*/
.ui-datepicker-header .ui-corner-all {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    color: transparent;
    font-size: 0;
}

.ui-datepicker-header .ui-corner-all .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    color: #2e2e2e;
    border-style: solid;
    border-width: 0 0 3px 3px;
}

.ui-datepicker-header .ui-corner-all:hover .ui-icon {
    color: #00649e;
}

.ui-datepicker-header .ui-datepicker-prev {
    left: 20px;
}

.ui-datepicker-header .ui-datepicker-prev .ui-icon {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ui-datepicker-header .ui-datepicker-next {
    right: 20px;
}

.ui-datepicker-header .ui-datepicker-next .ui-icon {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

/**
* непосредственно календарь
*/
.ui-datepicker-calendar {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    padding: 9px;
}

/**
* Дни недели
*/
.ui-datepicker-calendar th {
    padding: 9px;
    text-align: right;
    color: #717171;
    font-weight: normal;
}

/**
* Выходные дни
*/
/**
* Календарная сетка
*/
.ui-datepicker-calendar td {
    text-align: right;
}

.ui-datepicker-calendar td a {
    display: block;
    padding: 9px;
    text-decoration: none;
    color: inherit;
    -webkit-transition: .2s;
    transition: .2s;
}

.ui-datepicker-calendar td a.ui-state-hover {
    background-color: #e8eff3;
}

/**
* день из другого месяца
*/
.ui-datepicker-calendar .ui-datepicker-other-month {
    color: #999;
}

/**
 * Сегодняшний день
 */
/**
* Выбранный день
*/
.ui-datepicker-calendar .ui-datepicker-current-day a,
.ui-datepicker-calendar .ui-datepicker-current-day a.ui-state-hover {
    color: #fff;
    background-color: #007bc4;
}

/**
* Панель с кнопками
*/
.ui-datepicker-buttonpane button {
    float: right;
}

.ui-datepicker-buttonpane .ui-datepicker-current {
    float: left;
}

.ui-datepicker-buttonpane .ui-datepicker-close {
    float: right;
}

div.ui-datepicker {
    z-index: 99999 !important;
}

#rangeErr {
    margin-left: 10px;
}

/*DuiFormDropdownList.css*/
#dui_dropdown_list__area {
    width: 100%;
}

.dui-dropdown_full {
    width: 100%;
}

.dui-dropdown__helper {
    width: 100%;
}

/**
 * Раскрывающийся список в drop-down
 */
.dui-nested-list__item_hide {
    display: none !important;
}

.dui-nested-list__toggle + .dui-nested-list__text {
    padding-left: 6px;
}

.dui-nested-list__text:only-child {
    margin-left: -16px;
}

.dui-nested-list__toggle:hover {
    color: #3ca9c6;
}

.dui-dropdown__body-incontrol {
    border: none;
    padding: 5px 0 5px 0px;
}

.dui-dropdown_open .dui-dropdown__body-incontrol {
    box-shadow: none;
}

/*DuiFormSearchField.css*/
.dui-search-field {
    max-width: 100%;
    margin-right: 17px;
    position: relative;
}

.dui-search-field__input {
    width: 100%;
    height: 40px;
    border: 1px solid #D0DADE;
    font-size: 16px;
    padding-left: 16px;
}

.dui-search-field:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0px;
    margin: auto;
    width: 13px;
    height: 13px;
    background: url("../img/mini-search.png") no-repeat;
}

.dui-search-field--is-filled:before {
    background: none;
}

/*DuiLinksList.css*/
.dui-links-list {
    display: block;
    box-sizing: border-box;
    margin: 0;
    padding: 16px 22px;
    margin: 0 auto;
}

h2.dui-links-list__cell {
    text-align: left;
}

p.dui-links-list__cell {
    text-indent: 0px !important;
}

.dui-links-list__item {
    display: block;
    width: 100%;
    text-decoration: none;
    border-bottom: 0.0625rem solid #c2c2c2;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.dui-links-list__item:hover,
.dui-links-list__item:focus {
    background-color: rgba(0, 0, 0, .1);
}

.dui-links-list__cell {
    display: inline-block;
    margin: 24px 20px;
    vertical-align: middle;
    color: #44525E;
}

.dui-links-list__icon {
    background: url('../img/main-icons.png') no-repeat;
    height: 75px;
    vertical-align: middle;
    width: 65px;
}

.dui-links-list__title {
    font-size: 23px;
    font-weight: normal;
    text-transform: uppercase;
    width: 34.044%;
    min-width: 320px;
}

.dui-links-list__info {
    font-size: 17px;
    font-style: italic;
    width: 33.725%;
    min-width: 317px;
}

.dui-links-list__arrow {
    margin-right: 16px;
    padding-left: 62px;
    text-align: right;
    width: 1.786%;
    min-width: 20px;
}

.dui-links-list__arrow:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 22px;
    vertical-align: middle;
    background: url("../img/arrow-right.png");
}

/**
 * Шапка контента с заголовком и ссылкой назад
 */
.dui-head-panel {
    padding-top: 12px;
    padding-bottom: 20px;
}

.dui-head-panel:after {
    content: " ";
    display: table;
    clear: both;
}

.dui-head-panel__back {
    margin-right: 17px;
    margin-top: 2px;
    float: left;
    -webkit-transition: .2s;
    transition: .2s;
}

.dui-head-panel__back:hover {
    opacity: 0.7;
}

.dui-head-panel__title {
    margin: 0;
    display: block;
    width: auto;
    overflow: hidden;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 0.05em;
    line-height: 1.2;
    font-size: 20px;
    font-weight: normal;
    color: #323232;
}

/*FormSetBlock.css*/
.dui-form-set.dui-form-set_filled {
    margin: 20px 0;
    margin: 1.25rem 0;
    padding: 10px;
    color: #6e6e6e;
    border: 1px solid #2385bf;
    border: 0.0625rem solid #2385bf;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2;
}

.dui-form-set__head {
    margin-top: -20px;
    margin-top: -1.25rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    margin-left: 15px;
    margin-left: 0.9375rem;
    color: #000;
}

.dui-form-set.dui-form-set_filled .dui-form-set__title {
    margin-bottom: 0;
}

/* заголовок с увеличенным отступом */
.dui-form-set__head_gutter {
    margin-bottom: 16px;
}

.dui-form-set__head:after {
    content: "";
    display: table;
    clear: both;
}

.dui-form-set__title {
    margin: 0;
    padding: 0 5px;
    display: inline-block;
    vertical-align: middle;
    line-height: 19px;
    font-size: 14px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #323232;
    background-color: #FFFFFF;
}

.dui-form-set__title_sub {
    color: #a1a1a1;
}

.dui-form-set__info {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-style: italic;
    text-indent: 0px !important;
    color: #6f8191;
}

.dui-form-set__count {
    display: inline-block;
    vertical-align: middle;
    color: #a2c86e;
    line-height: 19px;
    font-size: 15px;
}

.dui-form-set__title + .dui-form-set__count {
    margin-left: 12px;
}

.dui-form-set__tabs {
    float: right;
}

.dui-form-set__subform + .dui-form-set__subform {
    margin-top: 6px;
}

/**
 * Сетка для размещения списков выбора
 */
.dui-list-grid {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.dui-list-grid__cell {
    position: relative;
    display: table-cell;
    vertical-align: top;
    padding: 0 14px;
    width: 50%;
}

.dui-list-grid__cell:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 13px;
    width: 1px;
    background: #d7dde1;
}

.dui-list-grid__cell:first-child {
    padding-left: 0;
}

.dui-list-grid__cell:first-child:before {
    content: none;
}

.dui-list-grid__cell:last-child {
    padding-right: 0;
}

/*HList.css*/
/**
 * Блок для скролла
 * включает шапку и тело с прокруткой
 * высота блока должна быть задана (в px или %)
 */
.dui-scoll-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 350px;
}

.dui-scoll-panel__head {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.dui-scoll-panel__body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    overflow: auto;
}

.dui-scoll-panel__head + .dui-scoll-panel__body {
    padding: 8px 0;
}


/**
 * Иерархические списки
 */
.dui-h-list {
    margin: 0 !important;
    padding: 0;
    list-style-type: none;
    color: #3b352e;
    font-size: 15px;
}

/* элемент списка */
.dui-h-list__item {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    float: none !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
}

.dui-h-list__item:hover {
    background: white !important;
}

/* загловочная часть элемент списка */
.dui-h-list__head {
    position: relative;
    padding: 5px 0 5px 21px;
}

.dui-h-list__head:only-child .dui-h-list__toggle {
    display: none;
}

/* раскрывающаяся часть элемент списка */
.dui-h-list__body {
    padding-left: 21px;
}

.dui-h-list__body:after {
    height: 0 !IMPORTANT;
}

.dui-h-list__body:empty {
    padding: 0;
}

/* кнопка для открытия-закрытия элемента */
.dui-h-list__toggle {
    position: absolute;
    left: 0;
    top: 7px;
    width: 13px;
    height: 13px;
    border: 1px solid;
    color: #c5ccd3;
    cursor: pointer;
}

.dui-h-list__toggle:before,
.dui-h-list__toggle:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: currentColor;
}

.dui-h-list__toggle:before {
    width: 5px;
    height: 1px;
}

.dui-h-list__toggle:after {
    display: none;
    width: 1px;
    height: 5px;
}

.dui-h-list__toggle:hover {
    color: #3CA9C6;
}

/* для выбора элемента */
.dui-h-list__control {
    position: relative;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*затычка для нашего сайта*/
.dui-h-list__control:before {
    width: 0;
    height: 0;
}

.dui-h-list__input {
    position: absolute;
    clip: rect(1px 1px 1px 1px); /* for Internet Explorer */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.dui-h-list__label {
    position: relative;
    display: block;
    padding-left: 25px;
    line-height: 1.2;
    font-size: 15Px !important;
    font-style: normal;
}

.dui-h-list__label:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 19px;
    width: 19px;
    height: 16px;
    background: url("../img/checkbox-blue.png") no-repeat 0 0;
}

.dui-h-list__input:checked + .dui-h-list__label {
    color: #00649e;
}

.dui-h-list__input:checked + .dui-h-list__label:before {
    background-position: -1em 0;
}

.dui-h-list__input:indeterminate + .dui-h-list__label:before {
    background-position: -2em 0;
}

/* закрытый пункт списка*/
.dui-h-list__item_closed .dui-h-list__toggle {
    color: #3ca9c6;
}

.dui-h-list__item_closed .dui-h-list__toggle:after {
    display: block;
}

.dui-h-list__item_closed .dui-h-list__body {
    display: none;
}

/* класс для поиска */
.dui-h-list__item_hide {
    display: none !important;
}


.dui-h-list__control_close .dui-h-list__label:before,
.dui-h-list__control_close .dui-h-list__label:after {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 14px;
    height: 2px;
    background: #c7c5c5;
}

.dui-h-list__control_close .dui-h-list__label:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.dui-h-list__control_close .dui-h-list__label:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* список для удаления */
.dui-h-list_del .dui-h-list__head {
    padding-left: 0;
}

input:disabled:not(:checked) + span.dui-h-list__label:before {
    background: none;
}

input:disabled:not(:checked) + span.dui-h-list__label {
    padding-left: 5px;
}

/**
 * Кнопка "Удалить все"
 */
.dui-h-list__delete {
    margin-bottom: 2px;
    border: 0;
    font: inherit;
    color: #00649c;
    background: none;
    cursor: pointer;
    text-align: left;
}

/*duiRangeSlider.css*/
.dui-input {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    padding: 0 14px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #c6cdd3;
    border: 1px solid rgba(116, 128, 143, 0.4);
    font-size: 15px;
    font-family: inherit;
    color: #3c3832;
}

.dui-input_number {
    width: 74px;
    text-align: right;
}

.dui-input-separator:before {
    content: "";
    margin: 0 4px;
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 2px;
    background-color: #939291;
}

/**
 * Метка для полей ввода
 */
.dui-label {
    color: #ababab;
}

.dui-input + .dui-label {
    margin-left: 3px;
}

/**
 * Выбор участка дороги
 */
/* контейнеры под основные части вбора уачстка дороги */
.dui-road-range__main {
    margin-bottom: 10px;
}

.dui-road-range__foot {
    position: relative;
}

.dui-road-regions {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
}

.dui-road-region {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
}

.dui-road-region + .dui-road-region {
    border-left: 1px solid #c4ccce;
}

.dui-road-region__title {
    margin: 0;
    padding: 0;
    height: 23px;
    line-height: 1;
    font-size: 15px;
    color: #acacac;
}

.dui-road-region__body {
    display: table;
    table-layout: fixed;
    height: 40px;
    border-collapse: collapse;
}

.dui-road-region__value {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    overflow: hidden;
}

.dui-range {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* полосы, которыми закрашиваются участки */
.dui-range__fill {
    position: absolute;
    bottom: 0;
    height: 40px;
    background: #e3e6e9;
}

/* основная часть */
.dui-range__fill_main {
    left: 0;
    background: #e3e6e9;
    width: 100%;
}

/* вне основной части */
.dui-range__fill_rest {
    right: 0;
    background: #91a0ad;
}

.dui-range__drag {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    height: 40px;
    min-width: 12px;
    cursor: pointer;
    cursor: -webkit-grab;
    cursor: grab;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.dui-range__drag:hover {
    background: rgba(0, 100, 156, 0.2);
}

.dui-range__drag:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.dui-range__handle {
    position: absolute;
    top: 0;
    height: 100%;
    width: 6px;
    background: #5c7080;
    cursor: ew-resize;
}

.dui-range__handle:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 2px;
    height: 7px;
    background: #f5f5f6;
    background: -webkit-linear-gradient(#f5f5f6, #f5f5f6 1px, transparent 1px, transparent 100%);
    background: linear-gradient(#f5f5f6, #f5f5f6 1px, transparent 1px, transparent 100%);
    background-repeat: repeat-y;
    background-size: 100% 3px;
}

.dui-range__handle_min {
    left: 0;
}

.dui-range__handle_max {
    right: 0;
}

/* малый ползунок */
.dui-range_small {
    height: 20px;
}

.dui-range_small .dui-range__fill {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 8px;
    background: #e4e6e9;
}

.dui-range_small .dui-range__fill_rest {
    background: #c9d0d6;
}

.dui-range_small .dui-range__drag {
    height: 100%;
    border: 2px solid #5c7080;
    border-width: 2px 0;
}

/**
 * Cтили для ползунка дорог в jqRangeSlider
 */
.ui-rangeSlider {
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 0;
    height: 40px;
    min-width: 12px;
}

.ui-rangeSlider-container {
    margin: 0;
    height: 100%;
    border: 0;
    background: none;
}

.ui-rangeSlider-bar {
    margin: 0;
    height: 100%;
    cursor: move;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.ui-rangeSlider-bar:hover {
    background: rgba(0, 100, 156, 0.2);
}

.ui-rangeSlider-handle {
    position: absolute;
    top: 0;
    height: 100%;
    width: 6px;
    background: #5c7080;
    cursor: ew-resize;
}

.ui-rangeSlider-handle:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 2px;
    height: 7px;
    background: #f5f5f6;
    background: -webkit-linear-gradient(#f5f5f6, #f5f5f6 1px, transparent 1px, transparent 100%);
    background: linear-gradient(#f5f5f6, #f5f5f6 1px, transparent 1px, transparent 100%);
    background-repeat: repeat-y;
    background-size: 100% 3px;
}

.dui-range_small .ui-rangeSlider {
    height: 100%;
}

.dui-range_small .ui-rangeSlider-bar {
    box-sizing: border-box;
    border: 2px solid #5c7080;
    border-width: 2px 0;
}

span.ui-ruler-tick-label {
    top: 10px;
    position: absolute;
}

.ui-ruler-tick-inner {
    height: inherit;
}

.ui-ruler-tick {
    height: inherit;
}

.ui-rangeSlider-ruler.ui-ruler {
    height: inherit;
}

.ui-rangeSlider-innerBar {
    height: inherit;
}

.ui-ruler-scale.ui-ruler-scale0 {
    height: inherit;
}

.statTabHead {
    padding-right: 20px;
    padding-left: 20px;
    border: 1px solid #D4D6D6;
}

.hiddenSeparator {
    border-bottom: 0px;
    margin-top: 10px;
    margin-bottom: 12px;
}

.carAndPeople {
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 10px;
}

.dtpCardHeadLeft {
    padding-bottom: 10px;
    vertical-align: top;
    text-align: left;
}

.dtpCardHeadRight {
    padding-bottom: 10px;
    padding-left: 20px;
    vertical-align: top;
    text-align: left;
}

.defCardDataStyle {
    font-weight: bold;
    margin-left: 20px;
    vertical-align: top;
}

.defCardDataStyle:before {
    content: "-";
    padding-right: 5px;
}

.npddDataStyle {
    font-weight: bold;
    margin-left: 20px;
}

.npddDataStyle:before {
    content: "-";
    padding-right: 5px;
}

.notListCardItem {
    font-weight: bold;
    margin-left: 20px;
    vertical-align: top;
}

.ui-widget, .ui-widget * {
    font-family: 'Noto Sans' !important;
}