@font-face {
     font-family: 'Yandex Sans Text';
     src: url('/css/fonts/YandexSansText-Bold.eot');
     src: local('Yandex Sans Text Bold'), local('YandexSansText-Bold'),
         url('/css/fonts/YandexSansText-Bold.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/YandexSansText-Bold.woff2') format('woff2'),
         url('/css/fonts/YandexSansText-Bold.woff') format('woff'),
         url('/css/fonts/YandexSansText-Bold.ttf') format('truetype');
     font-weight: bold;
     font-style: normal;
 }


 * {
     margin: 0;
     padding: 0;
     /* font-family: Verdana, sans-serif;*/
     font-family: Arial, sans-serif;
     /* font-family: Geneva, Verdana, sans-serif;*/
     font-size: 14px;
 }

 :root {
     /*--left-margin: 320px;
    --s-left-margin: 90px;
    --shadow: 0 3px 5px 2px rgba(167, 175, 182, 0.15);*/
     --shadow-inset: 0 3px 5px 2px rgba(167, 175, 182, 0.15) inset;
     /*--shadow-hover: 0 3px 5px 4px rgba(167, 175, 182, 0.2);*/
     --color-body: #fffff4;
 }

 html,
 body {
     height: 100vh;
 }

 body {
     background-color: var(--color-body);
     /* height: calc(100% - 80px);
    position: relative; */
     display: flex;
     flex-direction: column;
 }

 main {
     margin-left: 60px;
     margin-top: 80px;
     flex: 1;
 }

 footer {
     text-align: right;
     margin-right: 15px;
     font-size: 11px;
     margin-top: 15px;
     min-height: 20px;
     color: #444;
 }

 input:focus,
 :focus {
     outline: none;
 }

 .flex-block {
     display: flex;
     flex-wrap: wrap;
 }

 .page-content form .subgroup .subgroup-content .flex-block.flex-row>div {
     margin-right: 0;
 }

 .page-content form .flex-block.flex-row>div:not(:last-child) {

     & div.info-block {
         margin-right: 30px;
         width: auto;
     }
 }

 .page-content .flex-block.flex-row-div-sep>div:not(:last-child) {
     & div.info-block {
         margin-right: 30px;
         width: auto;
     }
 }

 .page-content .flex-block.flex-row-div-sep.unknow-div>div {
     width: calc(100%/5);
 }

 /*.page-content .flex-block.flex-row-div-sep.unknow-div>div:not(:last-child) div.info-block {
     margin-right: 30px;
     width: auto;
 }*/

 .page-content .flex-block.flex-row-div-sep.unknow-div>div.unknow-div-block div.info-block {
     margin-right: 30px;
     width: auto;
 }


 .flex-row {
     /* align-items: end;*/
 }


 .flex-block-vertical {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     /*width: 200px;*/
 }

 .flex-1 {
     flex: 1;
 }

 .flex-2 {
     flex: 2;
 }

 .flex-3 {
     flex: 3;
 }

 .flex-4 {
     flex: 4;
 }

 .flex-5 {
     flex: 5;
 }



 .block-main-style {
     /*-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);*/
     -webkit-box-shadow: 0 3px 5px 2px rgba(57, 62, 66, 0.15);
     -moz-box-shadow: 0 3px 5px 2px rgba(57, 62, 66, 0.15);
     box-shadow: 0 3px 5px 2px rgba(57, 62, 66, 0.15);
     margin: 15px;
     /* margin-bottom: 0; */
     /* padding: 15px;*/
     border: 1px solid #dddddd;
     /*border-radius: 4px;*/
     background-color: #ffffff;
     margin-top: 0;

 }

 .block-heading {
     padding: 15px;
     display: inline-block;
     border-left: 5px solid #357fba;
     background-color: #e5f2ff;
     /* background-image: linear-gradient(-90deg, rgb(255, 255, 255), #85c1ff40); */
     /* background-image: linear-gradient(-90deg, rgb(255, 255, 255), rgb(197, 227, 249)); */
 }

 .block-heading h4 {
     display: inline-block;
     color: #357fba;
     text-transform: uppercase;
     /* border-bottom: 2px solid #26a69a;
    font-size: 15px;*/
 }

 .block-heading h4 .fa-solid {
     margin-left: 10px;
     cursor: pointer;
 }

 .block-content {
     padding: 20px;
 }

 .block-content.block-content-with-btn {
     padding-top: 5px;
 }

 .left-menu {
     max-width: 350px;
     margin-right: 0px;
     display: flex;
     flex-direction: column;
 }

 .breadcrumbs-block {
     position: fixed;
     padding: 5px 15px;
     /*margin-left: 60px;*/
     margin-top: -80px;
     background-color: var(--color-body);
     width: 100%;
     z-index: 1080;
     display: flex;
     align-items: center;
     min-height: 80px;
     box-sizing: border-box;
 }

 .scroll {
     /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);*/
     /*box-shadow: 0 6px 15px -6px rgba(17, 17, 17, 0.12);*/
     -webkit-box-shadow: 0px 10px 5px -5px rgba(0, 93, 160, 0.6);
     -moz-box-shadow: 0px 10px 5px -5px rgba(0, 93, 160, 0.6);
     box-shadow: 0px 10px 5px -5px rgba(0, 93, 160, 0.6);
 }

 .logo-block img {
     width: 100px;
     height: auto;
     border-radius: 50%;
     border: 2px solid #6772a2;
 }

 .breadcrumbs {
     padding-left: 15px;
     margin-right: 60px;
     line-height: 25px;
 }

 /*Begin - Стили таблиц - Begin*/
 table {
     /* font-family: arial, sans-serif;*/
     border-collapse: collapse;
     width: 100%;
 }

 td {
     border: 1px solid #dddddd;
     padding: 8px;
 }

 th {
     vertical-align: center;
     /*vertical-align: bottom;*/
 }

 /*tr:nth-child(odd) {
    /*background-color: #dddddd;*/
 /* background-color: #eee;
}*/
 /* tr:first-child>* {
    background-color: #eee;
    text-align: center;
} */

 /*tr:not(:first-child):hover {
    background-color: #f5f5f5;
}*/

 .column-status {
     width: 55px;
 }

 /*End - Стили таблиц - End*/

 /*Begin - Стили дерева - Begin*/

 .tree {
     --spacing: 1.5rem;
     --radius: 10px;
     max-height: 260px;
     overflow: auto;
     scrollbar-width: thin;
     margin-top: 10px;
 }

 .tree li {
     display: block;
     position: relative;
     padding-left: calc(2 * var(--spacing) - var(--radius) - 2px);
     margin: 5px 5px;
     padding-top: 2px;
 }

 .tree ul {
     margin-left: calc(var(--radius) - var(--spacing));
     padding-left: 0;
 }

 .tree ul li {
     border-left: 2px solid #ddd;
 }

 .tree ul li:last-child {
     border-color: transparent;
 }

 .tree ul li::before {
     content: '';
     display: block;
     position: absolute;
     top: calc(var(--spacing) / -2);
     left: -2px;
     width: calc(var(--spacing) + 2px);
     height: calc(var(--spacing) + 1px);
     border: solid #ddd;
     border-width: 0 0 2px 2px;
 }

 .tree summary {
     display: block;
     cursor: pointer;
 }

 .tree summary::marker,
 .tree summary::-webkit-details-marker {
     display: none;
 }

 .tree summary:focus {
     outline: none;
 }

 .tree summary:focus-visible {
     outline: 1px dotted #000;
 }

 .tree li::after,
 .tree summary::before {
     content: '';
     display: block;
     position: absolute;
     top: calc(var(--spacing) / 2 - var(--radius));
     left: calc(var(--spacing) - var(--radius) - 4px);
     width: calc(2 * var(--radius));
     height: calc(2 * var(--radius));
     border-radius: 50%;
     background: #ddd;
 }

 .tree summary::before {
     content: '+';
     z-index: 1;
     background: #357fba;
     color: #fff;
     line-height: calc(2 * var(--radius) - 2px);
     text-align: center;
 }

 .tree details[open]>summary::before {
     content: '−';
 }

 /*End - Стили дерева - End*/

 .search-input {
     width: 100%;
     box-sizing: border-box;
     background-color: #eff2fb;
     border: none;
     border-radius: 4px;
     padding: 8px 8px 8px 40px;
     color: #8499ab;
     font-size: 13px;
     line-height: normal;
     box-shadow: var(--shadow-inset);
 }

 .search-subscriber .search-input {
     padding-left: 8px;
 }


 .search-submit {
     position: absolute;
     /* top: 10px;*/
     left: 105px;
     margin-top: 8px;
     background-color: transparent;
     background-image: url(../img/icons/icon-search.svg);
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
     width: 20px;
     border: none;
     cursor: pointer;
 }

 /***  Preloder   ***/
 #preloader {
     z-index: 20000;
     background: #ffffff1a;
     opacity: 0.6;
 }

 #preloader i {
     position: absolute;
     top: 48vh;
     left: 48vw;
     font-size: 30px;
 }

 .info-block {
     margin-bottom: 15px;
     width: 100%;
 }

 /*.info-block-title {
    font-weight: bold;
    color: #444444;
    font-size: 13px;
}

.info-block-value {
    /* color: #8499ab;*/
 /* color: #78828a;
}*/

 .info-block-value {
     color: #78828a;
 }

 .info-block-value.info-block-value-checkbox {
     margin-left: 15px;
 }

 span.info-block-value {
     font-weight: normal;
     margin-left: 10px;
 }

 .info-block-title {
     /* color: #8499ab;*/
     font-weight: bold;
     color: #444444;
     font-size: 13px;
     padding-left: 3px;
 }


 .prev-page {
     color: #444444;
 }

 .breadcrumbs a,
 .breadcrumbs span {
     /* font-family: 'Yandex Sans Text'; */
     font-size: 16px;
     /* text-transform: uppercase;*/
     font-weight: bold;
     letter-spacing: normal;
 }


 /*.breadcrumbs a{*/
 /*    display: inline-block;*/
 /*    vertical-align: middle;*/
 /*    white-space: nowrap;      !* Запрещаем перенос строки *!*/
 /*    overflow: hidden;         !* Прячем то, что не влезло *!*/
 /*    text-overflow: ellipsis;  !* Добавляем троеточие (...) *!*/

 /*    !* Начальное состояние *!*/
 /*    max-width: 300px;         !* Нужная вам длина (превратится в ...) *!*/
 /*    transition: max-width 0.8s ease; !* Плавное раздвижение *!*/
 /*}*/
 /*.breadcrumbs a:hover {*/
 /*    max-width: 1000px;         !* Достаточное значение, чтобы текст влез целиком *!*/
 /*    color: #0056b3;*/
 /*}*/

 .prev-page a,
 .prev-page a:visited {
     color: #444444;
     text-decoration: none;

 }

 .prev-page a:hover {
     text-decoration: none;
     color: #005da0;
     cursor: pointer;
 }

 .active-page {
     color: #005da0;
 }

 .button {
     background-color: #357fba;
     color: white;
     padding: 7px 14px;
     border-radius: 5px;
     display: inline-block;
     cursor: pointer;
     /* margin-bottom: 4px; */
     text-align: left;
 }

 .button.button-red {
     background-color: #d94343;
 }

 .button:hover {
     background-color: #1f70af;
 }

 .button.button-red:hover {
     background-color: #b73335;
 }

 .button i,
 .button-light i {
     margin-right: 5px;
 }

 .btn-last {
     margin-bottom: 0;
 }

 .fit-picture-btn {
     vertical-align: middle;
     margin-right: 5px;
 }

 .search-subscriber .info-block-title {
     margin: 5px 0;
 }

 .button.button-form {
     margin-top: 10px;
     text-align: center;
 }

 .counterparty-list-block {
     height: 400px;
     max-height: 400px;
     min-height: 400px;
     margin-top: 0;
 }

 .search-subscriber-result {
     padding: 10px;
     border-top: 1px solid #dddddd;
 }

 .button-light {
     border: 1px solid #357fba;
     display: inline-block;
     color: #357fba;
     border-radius: 5px;
     padding: 5px;
     cursor: pointer;
     margin-bottom: 20px;
     text-decoration: none;
 }

 .button-heading .button-light a {
     text-decoration: none;
     color: inherit;
     display: inline-block;
     min-height: inherit;
 }

 .button-heading .button-light:not(:last-child) {
     margin-left: 10px;
 }

 .button-light-red {
     border: 1px solid #b73335;
     color: #b73335;
 }

 .button-light-red:hover {
     background-color: #b73335;
     color: white;
     border: 1px solid #b73335;
 }

 .button-light-grey {
     border: 1px solid #6a6a6a;
     color: #6a6a6a;
 }

 .button-icon {
     border: 1px solid #357fba;
     display: inline-block;
     color: #357fba;
     border-radius: 10px;
     padding: 8px;
     cursor: pointer;
 }

 .button-light:hover,
 .button-icon:hover {
     background-color: #1f70af;
     color: white;
     border: 1px solid #1f70af;
     transition: all .2s ease-out;
 }

 .button-light-red:hover {
     background-color: #b73335;
     color: white;
     border: 1px solid #b73335;
     transition: all .2s ease-out;
 }

 .td-status-green {
     background-color: #43a047;
     height: 15px;
     width: 30px;
     margin: auto;
 }

 .td-status-grey {
     background-color: #5b5e60;
     height: 15px;
     width: 30px;
     margin: auto;
 }

 .td-status-red {
     background-color: #d94343;
     height: 15px;
     width: 30px;
     margin: auto;
 }

 .td-status-orange {
     background-color: #ec8b68;
     height: 15px;
     width: 30px;
     margin: auto;
 }

 .button-heading {
     text-align: right;
     padding-right: 20px;
     padding-top: 15px;
     display: flex;
     flex-direction: row-reverse;
 }

 .block-heading-with-btn {
     align-items: normal;
     min-height: 60px;
 }

 .file-storage-block {
     margin: 5px 0;
 }

 .file-storage-block span {
     margin-left: 5px;
 }

 .button a,
 .button a:visited {
     text-decoration: none;
     color: white;
 }

 a,
 a:visited {
     color: #357fba;
 }

 /* Begin menu Begin*/

 nav .fa {
     position: relative;
     display: table-cell;
     width: 60px;
     height: 40px;
     text-align: center;
     vertical-align: middle;
     font-size: 20px;
 }


 .main-menu:hover,
 nav.main-menu.expanded {
     width: 250px;
     overflow: visible;
 }

 .main-menu {
     /*background: #048073;*/
     border-right: 1px solid #e5e5e5;
     /*position: absolute;*/
     position: fixed;
     top: 0;
     bottom: 0;
     height: 100%;
     min-height: 100%;
     left: 0;
     width: 60px;
     overflow: hidden;
     -webkit-transition: width .05s linear;
     transition: width .05s linear;
     -webkit-transform: translateZ(0) scale(1, 1);
     z-index: 1100;
     background-image: linear-gradient(0deg, rgb(138, 186, 251), rgb(0, 93, 160));
 }

 .main-menu>ul {
     margin: 7px 0;
     margin-top: 0;
 }

 .main-menu li {
     position: relative;
     display: block;
     width: 250px;
 }

 .main-menu li>a {
     position: relative;
     display: table;
     border-collapse: collapse;
     border-spacing: 0;
     /*color: #e4e4e4;*/
     color: white;
     font-family: arial;
     font-size: 14px;
     text-decoration: none;
     -webkit-transform: translateZ(0) scale(1, 1);
     -webkit-transition: all .1s linear;
     transition: all .1s linear;

 }

 .main-menu .nav-icon {
     position: relative;
     display: table-cell;
     width: 60px;
     height: 36px;
     text-align: center;
     vertical-align: middle;
     font-size: 18px;
 }

 .main-menu .nav-text {
     position: relative;
     display: table-cell;
     vertical-align: middle;
     width: 190px;
     /*font-family: 'Titillium Web', sans-serif;*/
 }

 .main-menu>ul.logout {
     position: absolute;
     left: 0;
     bottom: 0;
 }

 .logout a {
     width: 100%;
 }

 .logout a .fa-circle-user {
     width: 60px;
 }

 #menu-user-login {
     width: 120px;
 }

 #menu-user-login:hover {
     text-decoration: underline;
 }

 .logout .fa-arrow-right-from-bracket:hover {
     background-color: rgb(80, 113, 146);
 }

 .main-menu .fa-address-card,
 .main-menu .fa-building {
     font-size: 22px;
 }

 .no-touch .scrollable.hover {
     overflow-y: hidden;
 }

 .no-touch .scrollable.hover:hover {
     overflow-y: auto;
     overflow: visible;
 }

 a:hover

 /*,
a:focus*/
     {
     text-decoration: none;
 }

 nav {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
     user-select: none;
 }

 nav ul,
 nav li {
     outline: 0;
     margin: 0;
     padding: 0;
 }

 .main-menu li:hover>a,
 nav.main-menu li.active>a,
 .dropdown-menu>li>a:hover,
 .dropdown-menu>li>a:focus,
 .dropdown-menu>.active>a,
 .dropdown-menu>.active>a:hover,
 .dropdown-menu>.active>a:focus,
 .no-touch .dashboard-page nav.dashboard-menu ul li:hover a,
 .dashboard-page nav.dashboard-menu ul li.active a {
     color: #fff;
     /*background-color: #26a69a;*/
     background: rgb(114, 165, 215);
     box-shadow: -5px 0 5px -5px rgba(34, 60, 80, 0.2) inset, 5px 0 5px -5px rgba(34, 60, 80, 0.2) inset;
 }

 .area {
     float: left;
     background: #e2e2e2;
     width: 100%;
     height: 100%;
 }

 /* End menu End*/

 nav hr {
     color: white;
     height: 2px;
     background-color: white;
     margin: 5px;
     border: none;
 }

 .block-main-style hr {
     color: #dddddd;
     height: 1px;
     background-color: #dddddd;
     border: none;
     margin: 5px 0;
 }

 /*Slider */
 .content {
     height: 400px;
     /*width: 750px;*/
     position: relative;
 }

 .content .images {
     height: calc(100% - 30px);
     width: 100%;

 }

 .content .images img {
     height: 100%;
     width: auto;
     margin: auto;
     box-shadow: 0 3px 5px 2px rgba(90, 92, 94, 0.15);
 }

 .btm-slides {
     position: absolute;
     /* bottom: 20px;*/
     left: 50%;
     transform: translateX(-50%);
     display: flex;
     margin-top: 15px;
 }

 .btm-slides span {
     height: 10px;
     width: 16px;
     border: 2px solid #357fba;
     margin: 0 3px;
     cursor: pointer;
     background: #339a9b;
     border-radius: 5px;
 }

 .sliders {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     cursor: pointer;
     border: 2px solid #357fba;
     background: #357fba;
     color: white;
     padding: 4px 8px;
     border-radius: 5px;
 }

 .sliders:hover {
     background: rgba(255, 255, 255, 0.2);
     color: #357fba;
 }

 .right {
     right: 0;
 }

 .sliders span {
     line-height: 41px;
     font-size: 35px;
     color: #339a9b;
 }

 .block-content table.dataTableStyle tbody .td-center {
     text-align: center;
 }

 .table-serching-row .search-input,
 .search-input.td-input {
     background-color: white;
     padding: 3px;
     border: 1px solid #dddddd;
     color: #646464;

     &:focus {
         box-shadow: 0 0 4px rgba(0, 142, 255, 1);
         border-color: transparent;
     }
 }



 .content-select,
 .content-input,
 .content-input-number,
 .content-select-multiple {
     background-color: white;
     padding: 5px;
     margin-top: 5px;
     border: 1px solid #dddddd;
     width: 100%;
     font-size: 14px;
     color: #78828a;
     box-sizing: border-box;
     border-radius: 4px;
     line-height: normal;
     /*transition: box-shadow 0.3s ease-in-out;*/
     box-shadow: var(--shadow-inset);

     &:focus {
         box-shadow: 0 0 4px rgba(0, 142, 255, 1);
         /*122, 188, 255, 1*/
         border-color: transparent;
     }
 }

 .content-select {
     padding: 4.5px 5px;
 }

 @-moz-document url-prefix() {
     .content-select {
         padding: 5px;
     }
 }

 .search-subscriber-block {
     height: 100%;
 }

 .object-tab-panel {
     margin: 0 75px 15px 15px;
     border-bottom: 2px solid #357fba;
     background-color: var(--color-body);
     display: flex;
     max-height: 45px;
     max-width: 100%;
 }

 .tab-panel-block {
     position: fixed;
     z-index: 1080;
     width: 100%;
     background-color: var(--color-body);
     height: 45px;
 }

 .block-content .subgroup {
     border: 1px solid #c8c8c8;
     /* border-radius: 5px;*/
     padding: 10px 15px;
     margin-top: 30px;
 }

 .content-wrapper-with-tab {
     margin-top: 55px;
 }

 .content-wrapper-without-tab {
     margin-top: 1px;
 }

 .subgroup.subgroup-without-title,
 .block-content .agreement-form-block .subgroup:first-child {
     margin-top: 0;
 }

 .block-content .subgroup:first-child {
     margin-top: 5px;
 }

 .subgroup-content-title {
     color: #035fa2;
     text-transform: uppercase;
     font-weight: bold;
     display: inline-block;
     position: absolute;
     margin-top: -20px;
     background-color: white;
     padding: 0 15px 10px 5px;
     margin-left: -20px;
 }

 .subgroup .subgroup-content .flex-1:not(:last-child),
 .subgroup .subgroup-content .flex-2:not(:last-child) {
     margin-right: 30px;
 }

 /* .subgroup .subgroup-content .flex-1:last-child {
    margin-right: 0;
} */

 .subgroup-content {
     margin-top: 10px;
 }

 .object-tab-panel .tab-link {
     cursor: pointer;
     padding: 10px 9px;
     margin-bottom: 0;
     color: #444444;
     text-align: center;
     margin-bottom: -2px;
     background: 0 0;
     border: 2px solid transparent;
 }

 .object-tab-panel .tab-link:hover {
     color: #005da0;
 }

 .object-tab-panel .tab-link:hover .counter-img {
     filter: brightness(0) saturate(100%) invert(20%) sepia(99%) saturate(1644%) hue-rotate(186deg) brightness(102%) contrast(103%);
 }


 .object-tab-panel .tab-link.ban-tab-link:hover {
     color: #444444;
     cursor: not-allowed;
 }

 .object-tab-panel .object-active-tab {
     color: #005da0;
     border: 2px solid #357fba;
     border-bottom: 0;
     background-color: #fffff4;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     /*  transition: color .15s ease-in-out,
        border-color .15s ease-in-out;*/
 }

 a.tab-link {
     text-decoration: none;
 }

 .tab-content {
     display: block;
 }

 .tab-content-hidden {
     display: none;
 }

 .tab-content .block-main-style:last-child {
     margin-bottom: 15px;
 }

 .block-table {
     margin-top: 30px;
 }

 .double-subgroup,
 .triple-subgroup {
     display: flex;
     flex-wrap: wrap;
     margin-top: 25px;
 }

 .double-subgroup .subgroup:not(:last-child),
 .triple-subgroup .subgroup:not(:last-child) {
     margin-right: 20px;
 }

 .double-subgroup .subgroup,
 .triple-subgroup .subgroup {
     margin-top: 0;
 }

 /*Checkbox - start*/

 /* для элемента input c type="checkbox" */
 .custom-checkbox {
     position: absolute;
     z-index: -1;
     opacity: 0;
 }

 /* для элемента label, связанного с .custom-checkbox */
 .custom-checkbox+label {
     display: inline-flex;
     align-items: center;
     user-select: none;
 }

 /* создание в label псевдоэлемента before со следующими стилями */
 .custom-checkbox+label::before {
     content: '';
     display: inline-block;
     width: 1em;
     height: 1em;
     flex-shrink: 0;
     flex-grow: 0;
     border: 1px solid #adb5bd;
     border-radius: 0.25em;
     /* margin-right: 0.5em; */
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 50% 50%;
 }

 /* стили при наведении курсора на checkbox */
 .custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
     border-color: #b3d7ff;
 }

 /* стили для активного чекбокса (при нажатии на него) */
 .custom-checkbox:not(:disabled):active+label::before {
     background-color: #b3d7ff;
     border-color: #b3d7ff;
 }

 /* стили для чекбокса, находящегося в фокусе */
 .custom-checkbox:focus+label::before {
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

 /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
 .custom-checkbox:focus:not(:checked)+label::before {
     border-color: #80bdff;
 }

 /* стили для чекбокса, находящегося в состоянии checked */
 .custom-checkbox:checked+label::before {
     border-color: #357fba;
     background-color: #357fba;
     /* background-image: url("data:image/svg+xml,%3csvg xmlns='' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); */
     background-image: url("../images/icons/check_icon.png");
     background-size: 12px;
 }

 /* стили для чекбокса, находящегося в состоянии disabled */
 .custom-checkbox:disabled+label::before {
     background-color: #e9ecef;
 }

 .custom-checkbox:disabled:checked+label::before {
     background-color: #357fba;
 }

 .custom-checkbox.checkbox-disabled:disabled:checked+label::before {
     background-color: #82898e;
     border-color: #82898e;
 }

 .checkbox {
     margin-bottom: 1em;
 }

 .checkbox-block {
     margin-top: 10px;
 }

 /*Checkbox - end*/

 .readonly-form .content-input,
 .readonly-form .content-select,
 .readonly-form .content-input-number,
 .readonly-form .content-select-multiple,
 .readonly-form .select2-container--default .select2-selection--multiple {
     border: none;
     box-shadow: none;
     cursor: default;
     padding: 5px 3px;
 }

 .readonly-form .select2-container--default .select2-selection--multiple .select2-selection__clear {
     visibility: hidden;
 }

 .readonly-form .select2-container--default .select2-selection--multiple:focus {
     box-shadow: none;
 }

 .readonly-form .content-select::-ms-expand,
 .readonly-form .content-select-multiple::-ms-expand,
 .readonly-form select.search-input.td-input::-ms-expand {
     display: none;
 }

 .readonly-form .content-select,
 .readonly-form .content-select-multiple,
 .readonly-form select.search-input.td-input {
     /* for Firefox */
     -moz-appearance: none;
     /* for Chrome */
     -webkit-appearance: none;
 }

 .readonly-form .content-input-number {
     -moz-appearance: textfield;
 }

 .readonly-form .content-input-number::-webkit-outer-spin-button,
 .readonly-form .content-input-number::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

 .content-select-multiple option {
     border-radius: 5px;
     padding: 3px 5px;
 }

 .content-select-multiple option:checked,
 .content-select-multiple option:focus {
     background: #dcdcdc;
 }



 /*Таблицы dataTable*/
 table.dataTable.stripe tbody tr.odd,
 table.dataTable.display tbody tr.odd {
     background-color: #ffffff;
 }

 table.dataTable.stripe tbody tr.odd.selected,
 table.dataTable.display tbody tr.odd.selected {
     background-color: #f5f5f5;
 }

 table.dataTable.hover tbody tr:hover,
 table.dataTable.display tbody tr:hover {
     background-color: #f5f5f5;
 }

 table.dataTable.hover tbody tr:hover.selected,
 table.dataTable.display tbody tr:hover.selected {
     background-color: #f5f5f5;
 }

 table.dataTable.order-column tbody tr>.sorting_1,
 table.dataTable.order-column tbody tr>.sorting_2,
 table.dataTable.order-column tbody tr>.sorting_3,
 table.dataTable.display tbody tr>.sorting_1,
 table.dataTable.display tbody tr>.sorting_2,
 table.dataTable.display tbody tr>.sorting_3 {
     background-color: #ffffff;
 }

 table.dataTable.order-column tbody tr.selected>.sorting_1,
 table.dataTable.order-column tbody tr.selected>.sorting_2,
 table.dataTable.order-column tbody tr.selected>.sorting_3,
 table.dataTable.display tbody tr.selected>.sorting_1,
 table.dataTable.display tbody tr.selected>.sorting_2,
 table.dataTable.display tbody tr.selected>.sorting_3 {
     background-color: #f5f5f5;
 }

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

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

 table.dataTable.display tbody tr.odd>.sorting_3,
 table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {
     background-color: whitesmoke;
 }

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

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

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

 table.dataTable.display tbody tr.even>.sorting_1,
 table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
     background-color: #ffffff;
 }

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

 table.dataTable.display tbody tr.even>.sorting_3,
 table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {
     background-color: #ffffff;
 }

 table.dataTable.display tbody tr.even.selected>.sorting_1,
 table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
     background-color: #f5f5f5;
 }

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

 table.dataTable.display tbody tr.even.selected>.sorting_3,
 table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {
     background-color: #f5f5f5;
 }

 table.dataTable.display tbody tr:hover>.sorting_1,
 table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
     background-color: #f5f5f5;
 }

 table.dataTable.display tbody tr:hover>.sorting_2,
 table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
     background-color: #f5f5f5;
 }

 table.dataTable.display tbody tr:hover>.sorting_3,
 table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
     background-color: #f5f5f5;
 }

 table.dataTable.display tbody tr:hover.selected>.sorting_1,
 table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
     background-color: #f5f5f5;
 }

 table.dataTable.display tbody tr:hover.selected>.sorting_2,
 table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
     background-color: #f5f5f5;
 }

 table.dataTable.display tbody tr:hover.selected>.sorting_3,
 table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
     background-color: #f5f5f5;
 }

 table.dataTable tbody tr.selected {
     background-color: #f5f5f5;
 }

 .block-content table.dataTable tbody td {
     border: 1px solid #dddddd;
     text-align: left;
     padding: 8px 12px;
 }

 .block-content table.dataTable tbody td.td-center {
     margin: auto !important;
     text-align: -webkit-center;
     text-align: -moz-center;
 }
 .block-content table.dataTable tbody td.td-right {
     margin: auto !important;
     text-align: -webkit-right;
     text-align: -moz-right;
 }

 table.dataTable thead td,
 table.dataTable thead th {
     padding: 8px;
     border-bottom: 0;
 }

 table.dataTable thead .table-serching-row td {
     padding: 8px;
     padding-top: 0;
 }

 .dataTables_scrollBody {
     scrollbar-width: thin;
 }



 /* table.dataTable.compact thead th {
    padding: 0;
} */

 /*значок сортировки*/
 table.dataTable thead .sorting,
 table.dataTable thead .sorting_asc,
 table.dataTable thead .sorting_desc,
 table.dataTable thead .sorting_asc_disabled,
 table.dataTable thead .sorting_desc_disabled {
     background-position: center right 5px;
 }


 .dataTables_wrapper.no-footer .dataTables_scrollBody {
     border: 0;
 }

 /* .table.dataTable.display tbody tr:hover>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    background-color: white;
} */

 table.dataTable {
     border-collapse: collapse;
     border: 1px solid #ddd;
 }

 table.dataTable,
 table.dataTable th,
 table.dataTable td {
     box-sizing: border-box;
 }

 table.dataTable a {
     text-decoration: underline;
 }

 table.dataTable a:hover {
     text-decoration: underline;
 }

 .dataTables_scrollHead table {
     background-color: #eee;
     text-align: center;
     border: 1px solid #dddddd;
 }

 .dataTables_scrollFoot table {
     background-color: #eee;
     text-align: center;
     border: 1px solid #dddddd;
 }

 .dataTables_scrollHead table .table-serching-row td {
     border-top: 0;
 }

 .dataTables_scrollHead table tr th {
     border-right: 1px solid #dddddd;
 }

 .dataTables_length select,
 .dataTables_filter input {
     border-radius: 4px;
     padding: 8px 8px 8px 40px;
     color: #8499ab;
     font-size: 13px;
     line-height: normal;
     box-shadow: var(--shadow-inset);
     background-color: white;
     padding: 3px;
     border: 1px solid #dddddd;
     color: #646464;
 }

 /*.dataTables_filter {
     display: none;
 }*/

 .footer-dataTable {
     display: flex;
     flex-wrap: wrap;
 }


 .length-block,
 .infoPage-block,
 .paginate-block {
     flex: 1;
     text-align: center;
 }

 .length-block {
     padding-top: 0.755em;
     text-align: left;
 }

 .footer-dataTable .dataTables_length,
 .footer-dataTable .dataTables_info,
 .footer-dataTable .dataTables_paginate {
     float: none;
     margin: auto;
 }

 .dataTables_wrapper .dataTables_paginate .paginate_button.current,
 .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
 .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
     background: #eeeeee;
     border-radius: 5px;
     border: 1px solid #dddddd;
 }

 .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
     color: #333 !important;
 }

 .dataTables_wrapper .dataTables_paginate .paginate_button {
     padding: 6px 12px;
 }

 /**************/
 .hide-btn {
     display: none;
 }

 .hide-btn.show {
     display: inline-block;
 }

 .form-content .info-block {
     width: 50%;
     min-width: 400px;
 }

 .form-content .info-block:not(:last-child),
 .agreement-form-block .info-block:not(:last-child) {
     margin-bottom: 15px;
 }

 .agreement-form-block .subgroup.subgroup-without-title:not(:last-child) {
     margin-right: 20px;
 }

 .agreement-triple-block {
     display: flex;
     flex-direction: column;
 }

 .agreement-triple-block>.subgroup.subgroup-without-title {
     margin-top: auto;
 }

 .agreement-triple-block>.flex-block {
     margin-bottom: 20px;
 }

 .form-content.flex-block .info-block {
     width: calc(50% - 10px);
 }

 .form-content-triple.flex-block .info-block {
     width: calc(100%/3 - 10px);
 }

 .form-content.flex-block .info-block:not(:nth-child(even)) {
     margin-right: 20px;
 }

 .form-content-triple.flex-block .info-block:not(:nth-child(3n+3)) {
     margin-right: 15px;
 }

 .form-content-triple.flex-block .info-block {
     margin-bottom: 15px;
 }

 .edit-block-btn.show,
 .hide-btn.show {
     display: inline-block;
 }

 .hide-btn,
 .edit-block-btn {
     display: none;
 }

 .info-block-value .info-text {
     display: inline-block;
     padding: 8px 3px;
 }

 .info-block .err-msg {
     margin-left: 3px;
     color: #b73335d6;
     height: auto;
     display: block;
 }

 .err-msg label {
     font-size: 13px;
 }

 .required-field-star {
     margin-left: 5px;
 }

 .info-block-title.required:after {
     content: " *";
     color: #b73335;
 }

 .readonly-form .info-block-title.required:after {
     content: "";
 }

 .info-block-value .nameDel i {
     vertical-align: middle;
     font-size: 15px;
     margin-left: 5px;
 }

 .readonly-form .info-block-value .nameDel i {
     display: none;
 }

 .input-flt .nameDel i:hover,
 .input-flt .nameDel-penalty i:hover,
 .info-block-value .nameDel i:hover {
     cursor: pointer;
     color: #1f70af;
 }

 .streetBlock,
 .localityBlock {
     display: flex;
     align-items: baseline;
 }

 .flex-block.info-block>div:not(:last-child) {
     margin-right: 15px;
 }

 .ui-widget-overlay {
     background: #b9b9b9;
     opacity: 0.6;
     z-index: 1200;
 }

 .ui-dialog .ui-widget-header {
     background: none;
     border: 0;
 }

 .ui-widget.ui-widget-content {
     /* border: 1px solid #dddddd; */
     border: 0;
     border-radius: 0;
     background: white;
     -webkit-box-shadow: 0px 0px 16px 5px rgba(81, 81, 81, 0.39);
     -moz-box-shadow: 0px 0px 16px 5px rgba(81, 81, 81, 0.39);
     box-shadow: 0px 0px 16px 5px rgba(81, 81, 81, 0.39);
 }

 .ui-widget-content {
     background: white;
     border: 0;
 }

 .ui-dialog .ui-dialog-content {
     text-align: center;
     min-height: auto !important;
     padding: 15px;
 }

 .ui-dialog-content.ui-widget-content #dialogquestiontext {
     font-size: 16px;
     /* text-transform: uppercase; */
     /* font-weight: bolder;
    color: #515151; */
 }

 .ui-button.ui-corner-all {
     background: white;
     border: 1px solid #357fba;
     color: #357fba;
     border-radius: 5px;
 }

 .ui-button.ui-corner-all:hover {
     border: 1px solid #1f70af;
     color: white;
     background: #1f70af;
     transition: all .2s ease-out;
 }

 .ui-button.ui-corner-all.ui-dialog-titlebar-close {
     border: 0;
     background: white;
     scale: 1.1;
 }

 .ui-dialog-buttonpane.ui-widget-content {
     padding: 0;
 }

 .form-content.flex-block .block-half-width:not(:last-child) {
     margin-right: 20px;
 }

 .form-content.flex-block .block-half-width .info-block {
     width: 100%;
 }

 .search-result-block hr {
     margin-top: 20px;
     color: #c8c8c8;
     background: #c8c8c8;
     height: 1px;
 }

 .add-panel-btn-block {
     position: absolute;
     background-color: white;
     padding: 0 10px;
 }

 .brand-panel-block {
     margin-bottom: 10px;
 }

 /*.parameters-node-attr-block {
     min-height: 30px;
 }*/

 .brand-panel-attr-block,
 .parameters-node-attr-block {
     padding-bottom: 20px;
 }

 .add-panel-btn-block .button-light {
     margin-bottom: 0;
 }

 .search-result-block-form {
     width: 50%;
     min-width: 600px;
 }

 .search-result-block .subgroup-content-title {
     padding: 0;
     padding-right: 5px;
 }

 .search-result-block .subgroup-content {
     margin-top: 0;
 }

 .search-result-block .subgroup-content p:not(:last-child) {
     margin-bottom: 5px;
 }

 /*.logo-block {
     display: none;
 }*/

 .checkbox-list-item .checkbox {
     margin-bottom: 0;
     margin-top: 1px;
 }

 .checkbox-list {
     padding-left: 3px;
 }

 .checkbox-list-item:not(:last-child) {
     margin-bottom: 5px;
 }

 .checkbox-list-item:first-child {
     margin-top: 5px;
 }

 .checkbox-list-item p.info-block-value {
     min-width: 110px;
 }

 .select2-container--default .select2-selection--single {
     border: 1px solid #dddddd;
     box-shadow: var(--shadow-inset);
     margin-top: 5px;
 }

 .select2-container--default .select2-selection--single .select2-selection__arrow {
     top: 5px;
 }

 .select2 li.select2-search {
     width: 100% !important;
 }

 .select2 .select2-search__field {
     width: 100% !important;
 }

 .dataTableStyle {
     background-color: #eee;
     text-align: center;
     border: 1px solid #dddddd;
 }

 .dataTable.dataTableStyle thead tr th {
     border-right: 1px solid #dddddd;
     text-align: center;
     padding: 8px 4px;
 }

 .dataTable tfoot tr th,
 .dataTable tfoot tr td {
     border-right: 1px solid #dddddd;
     text-align: center;
     padding: 8px 4px;
     border-top: 0;
 }

 .dataTableStyle tbody tr:hover {
     background-color: #f5f5f5;
 }

 #meter-readings-addrow {
     margin: 0;
     border: 0;
     text-transform: lowercase;
     font-weight: bold;
     border-radius: 0;
 }

 #meter-readings-addrow:hover {
     background: white;
     color: #015da0;
 }

 .table-add-row {
     border: 1px solid #dddddd;
     border-top: 0;
     text-align: center;
 }

 .readonly-form .table-add-row {
     display: none;
 }

 #meter_readings_form button {
     border: 0;
     background: inherit;
     cursor: pointer;
     color: #717171;
 }

 #meter_readings_form button.meter-readings-deleterow:hover {
     color: #b73335;
 }

 #meter_readings_form button.meter-readings-rejectrow:hover {
     color: #1f70af;
 }

 .dataTableStyle tbody tr:hover #meter_readings_form button {
     background: #f5f5f5;
 }

 .dataTableStyle tbody tr:hover #meter_readings_form button i {
     background: #f5f5f5;
 }

 #meter_readings_form button i {
     margin: 0;
     font-size: 16px;
 }

 #meter_readings_form #calendar,
 #meter_readings_form #calendar-expenditure {
     border: none;
     box-shadow: none;
     cursor: default;
     padding: 5px 3px;
 }

 #meter_readings_form.readonly-form #calendar,
 #meter_readings_form.readonly-form #calendar-expenditure {
     padding: 5px;
     border: 1px solid #dddddd;
     box-shadow: var(--shadow-inset);
     cursor: text;
 }

 #table-meter-readings-period td.operationsCell {
     padding: 0;
 }

 td.operationsCell div {
     width: 47%;
     display: inline-block;
     text-align: center;
 }

 td.operationsCell div:first-child {
     border-right: 1px solid grey;
 }

 /* #meter_readings_form button.btn-disabled {
     opacity: 0.5;
 } */

 #meter_readings_form tr.readingRow-new {
     background-color: #e5f2ff;
 }

 #meter_readings_form tr.readingRow-notCorrect input,
 #meter_readings_form tr.readingRow-notCorrect select,
 #meter_readings_form tr.readingRow-notCorrect span {
     color: #bfbfbf;
     /* font-weight: bold; */
 }

 #meter_readings_form tr.readingRow-removed {
     background-color: #d9434340 !important;
 }

 #meter_readings_form tr.readingRow-removed .search-input.td-input,
 #meter_readings_form tr.readingRow-removed span {
     color: white;
 }

 #meter_readings_form tr.readingRow-notCorrect input,
 #meter_readings_form tr.readingRow-removed input {
     background-color: transparent;
     border-color: transparent;
     box-shadow: none;
     pointer-events: none;
 }

 #meter_readings_form tr.readingRow-notCorrect select,
 #meter_readings_form tr.readingRow-removed select {
     background-color: transparent;
     border-color: transparent;
     box-shadow: none;
     pointer-events: none;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
 }

 #meter_readings_form .err-msg {
     color: #b73335d6;
 }

 #meter_readings_form tr td td.activeConnection {
     background-color: #e5f2ff;
 }


 .connection-form-block .flex-block:not(:last-child),
 .currency-rate-block .flex-block:not(:last-child) {
     margin-bottom: 15px;
 }

 .connection-form-block .flex-block .info-block,
 .currency-rate-block .flex-block .info-block {
     width: auto;
     margin-right: 15px;
 }

 .connection-form-block .flex-block>div:last-child .info-block,
 .currency-rate-block .flex-block>div:last-child .info-block {
     margin-right: 0;
 }

 /*.connection-form-block .flex-block>div{*/
 /*    margin-top: auto;*/
 /*}*/

 .disappear-msg {
     text-transform: uppercase;
     color: #035fa2;
     text-align: center;
     opacity: 0;
     transition: opacity 1s ease-in-out;
 }

 .user-login-info-block {
     margin: 0;
     background: transparent;
     padding: 10px;
     border-radius: 5px;
     transition: background 1s linear;
 }

 .user-login-info-block.login-success {
     background: #f4faff;
     transition: background 1s linear;
 }

 .user-login-info-block.login-success .disappear-msg {
     opacity: 1;
     transition: opacity 1s ease-in-out;
 }

 #table-meter-readings-period td,
 #table-node-meter-panel td {
     padding: 4px 5px;
 }

 #table-meter-readings-period thead tr th:first-child {
     width: 130px;
 }

 #table-meter-readings-period tr td span {
     padding-left: 3px;
 }

 .search-input.td-input {
     font-size: 14px;
     color: #000;
 }

 .readonly-form .search-input.td-input {
     border: none;
     box-shadow: none;
     cursor: default;
     color: #000;
 }

 .readonly-form .search-input.td-input:disabled {
     opacity: 1;
 }

 .readonly-form #table-meter-readings-period tr:hover td .search-input.td-input,
 .readonly-form #table-node-meter-panel tr:hover td .search-input.td-input {
     background: inherit;
 }

 #meter_readings_form .fa-circle-check {
     font-size: 17px;
 }

 .row-info-block.flex-block .info-block {
     width: auto;
     margin-right: 15px;
 }

 .row-info-block.flex-block>div:last-child .info-block {
     margin-right: 0;
 }

 .block-content .row-info-block.flex-block:not(:last-child) {
     margin-bottom: 15px;
 }

 .subgroup .subgroup-content.row-info-block.flex-block .flex-1 {
     margin-right: 0;
 }

 .info-block.has-date-input input {
     width: auto;
 }

 /*datepicker*/

 #ui-datepicker-div .ui-datepicker-header {
     background: white;
     border: 0;
     border-bottom: 1px solid #dddddd;
     border-radius: 0;
 }

 .ui-state-default,
 .ui-widget-content .ui-state-default {
     background: white;
     color: #202020;
     border: 1px solid transparent;
     font-weight: normal;
 }

 .ui-state-active,
 .ui-widget-content .ui-state-active {
     background-color: #357fba;
     color: white;
     font-weight: bold;
     border: 1px solid transparent;
 }

 .ui-state-highlight,
 .ui-widget-content .ui-state-highlight,
 .ui-widget-header .ui-state-highlight {
     background: white;
     color: #202020;
     font-weight: bold;
     outline: 3px solid #b73335;
 }

 .ui-state-hover,
 .ui-widget-content .ui-state-hover {
     background-color: #357fba;
     color: white;
     font-weight: bold;
 }

 .ui-datepicker .ui-datepicker-buttonpane button {
     border: 1px solid #357fba;
     color: white;
     padding: 5px 10px;
     background: #357fba;
     border-radius: 2px;
     font-weight: normal;
 }

 .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover {
     background-color: #1f70af;
     color: white;
     border: 1px solid #1f70af;
     transition: all .2s ease-out;
 }

 .ui-datepicker .ui-datepicker-buttonpane button.ui-priority-secondary {
     opacity: 1;
 }

 .ui-widget-header a.ui-state-hover {
     background: white;
     cursor: pointer;
     border: 1px solid #dddddd;
 }

 .ui-datepicker select.ui-datepicker-month,
 .ui-datepicker select.ui-datepicker-year {
     background-color: white;
     padding: 5px;
     width: 100%;
     border: 1px solid #dddddd;
     font-size: 14px;
     color: #2d2d2d;
     box-sizing: border-box;
     border-radius: 4px;
     line-height: normal;
     box-shadow: var(--shadow-inset);
     margin: 0;
     margin-bottom: 5px;
 }

 .ui-datepicker td {
     padding: 0;
     border: 1px solid #cecece;
 }

 .ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled {
     border: 0;
 }

 .ui-datepicker .ui-datepicker-title,
 .ui-datepicker th {
     color: #444444;
 }

 /*datepicker*/

 #formNodeMeter {
     border-top: 1px solid #ddd;
     padding-top: 20px;
 }

 .table-button-delete:hover,
 .table-button-reject:hover {
     color: #b73335;
 }

 .table-button-delete,
 .table-button-reject {
     cursor: pointer;
     color: #919191;
     background: inherit;
     padding: 0;
     margin: 0;
     display: inline-block;
 }

 .block-content table.dataTable tbody td.td-id {
     text-align: center;
     width: 70px;
 }

 .block-content table.dataTable tbody td.td-delete-btn,
 .block-content table.dataTable tbody td.td-reject-btn {
     text-align: center;
     width: 50px;
 }

 .block-content table.dataTable tbody td.td-wbutton a {
     display: inline;
 }

 .counter-img-block {
     text-align: center;
 }

 .counter-img {
     object-fit: cover;
     width: 100%;
     height: 100%;
 }

 .main-menu .counter-img-block {
     width: 25px;
     height: 25px;
     margin: auto;
     transform: translateY(45%);
 }

 .block-content table.dataTable tbody td.td-wbutton .counter-img-block {
     width: 44px;
     height: 22px;

     &:hover {
         cursor: pointer;
         outline: 1px solid #dddddd;

         & .counter-img {
             filter: brightness(0) saturate(100%) invert(20%) sepia(99%) saturate(1644%) hue-rotate(186deg) brightness(102%) contrast(103%);
         }
     }
 }

 .block-content table.dataTable tbody td.td-wbutton .counter-img {
     filter: brightness(0) saturate(100%) invert(54%) sepia(10%) saturate(3977%) hue-rotate(167deg) brightness(79%) contrast(79%);
     width: auto;
 }

 /*.block-content table.dataTable tbody td.td-wbutton .counter-img:hover {
     filter: brightness(0) saturate(100%) invert(20%) sepia(99%) saturate(1644%) hue-rotate(186deg) brightness(102%) contrast(103%);
     cursor: pointer;
 }*/

 .block-content table.dataTable tbody td.td-wbutton>div {
     display: flex;
     align-items: center;
 }

 .block-content table.dataTable tbody td.td-wbutton>div div:first-child {
     flex: 1;
 }

 .object-tab-panel .counter-img-block {
     width: 14px;
     height: 14px;
     margin-right: 5px;
 }

 .object-tab-panel .counter-img:hover,
 .object-tab-panel .object-active-tab .counter-img {
     filter: brightness(0) saturate(100%) invert(20%) sepia(99%) saturate(1644%) hue-rotate(186deg) brightness(102%) contrast(103%);

 }

 .object-tab-panel .counter-img {
     filter: brightness(0) saturate(100%) invert(26%) sepia(8%) saturate(0%) hue-rotate(272deg) brightness(104%) contrast(104%);

 }

 a[href^="/Meter"]>div,
 a[href^="/Brand"]>div {
     width: 60px;
     height: 50px;
 }

 /*.block-content table.dataTable tbody td.td-wbutton button {
     float: right;
     margin: 0;
 }*/

 .login-block {
     position: relative;
     background: #FFFFFF;
     width: 400px;
     border-radius: 5px;
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
     box-sizing: border-box;
     margin: 150px auto 10px;
     /* padding: 60px 60px 60px calc(5% + 60px); */
     padding: 30px 50px;
     box-sizing: border-box;
     border: 1px solid #dddddd;
     border-left: 4px solid #357fba;
 }

 .login-header {
     margin: 0 0 30px;
 }

 .login-header h1 {
     padding: 4px 0;
     color: #357fba;
     font-size: 20px;
     font-weight: 700;
     text-transform: uppercase;
 }

 .login-form-group {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     margin: 0 0 20px;
 }

 .login-form-group label {
     display: block;
     margin: 0 0 10px;
     color: rgba(0, 0, 0, 0.6);
     font-size: 12px;
     font-weight: bolder;
     line-height: 1;
     text-transform: uppercase;
     letter-spacing: 0.2em;
 }

 .login-form-group input,
 .login-form-group select {
     outline: none;
     display: block;
     background: #eeeeee;
     width: 100%;
     border: 5px solid transparent;
     border-radius: 4px;
     box-sizing: border-box;
     padding: 5px;
     color: rgba(0, 0, 0, 0.6);
     font-family: inherit;
     font-size: inherit;
     font-weight: 500;
     line-height: inherit;
     transition: 0.3s ease;
 }

 .login-form-group .form-remember {
     font-size: 12px;
     font-weight: 400;
     letter-spacing: 0;
     text-transform: none;
 }

 .login-form-group .form-recovery {
     color: #357fba;
     font-size: 12px;
     text-decoration: none;
 }

 .login-form-group .form-remember input[type="checkbox"] {
     display: inline-block;
     width: auto;
     margin: 0 10px 0 0;
 }

 .login-form-group button {
     outline: none;
     background: #357fba;
     width: 100%;
     border: 0;
     border-radius: 4px;
     padding: 12px 20px;
     color: #FFFFFF;
     font-family: inherit;
     font-size: inherit;
     font-weight: 500;
     line-height: inherit;
     text-transform: uppercase;
     cursor: pointer;
     font-weight: bolder;
 }

 .login-form-group button:hover {
     background: #1f70af;
 }

 .login-form .login-form-group .err-msg label {
     margin-top: 3px;
     color: #b73335d6;
     height: auto;
     display: block;
     font-size: 13px;
     letter-spacing: normal;
     text-transform: lowercase;
     font-weight: normal;
 }

 .button-text {
     color: #357fba;
     display: inline-block;
     cursor: pointer;
     text-align: left;
     text-transform: lowercase;
     font-weight: bold;
 }

 .button-text:hover {
     color: #1f70af;
 }

 .button-separator {
     display: inline-block;
     color: #888;
 }

 .button-text.button-text-red {
     color: #b73335;
 }

 .button-text.button-text-red:hover {
     color: #972526;
 }

 .btn-disabled {
     opacity: 0.5
 }

 .panel-attr-item .panel-parameter-list-checkbox .checkbox-list {
     display: flex;
     flex-wrap: wrap;
 }

 .panel-attr-item .panel-parameter-list-checkbox .checkbox-list .checkbox-list-item {
     width: calc(100%/3);
 }

 #addbrand-form.readonly-form .checkbox-list-item.checkbox-list-item-hide {
     display: none;
 }

 .panel-attr-item .panel-parameter-list-checkbox .info-block-title {
     margin-bottom: 10px;
 }

 .panel-attr-item .panel-parameter-list-checkbox .checkbox-list .checkbox-list-item:first-child {
     margin-top: 0;
 }

 #formula_detailed_info {
     margin-top: 10px;
 }

 #formula_detailed_info ul {
     margin: 10px 0 0 20px;
 }

 #formula_detailed_info .err-msg label {
     margin-bottom: 20px;
     display: block;
 }

 #average_calculate_btn {
     margin-top: 20px;
 }

 #average_calculate_btn i {
     margin-left: 5px;
 }

 .line-parameter-delete,
 .transaction-delete {
     margin-top: 20px;
     padding: 6px
 }

 .select2-container {
     margin-top: 5px;
 }

 .select2-container--default.select2-container--disabled .select2-selection--multiple {
     background: none !important;
     border: 0 !important;
 }

 .select2 label.error {
     font-size: 13px;
     color: #b73335d6;
 }

 .formula-block {
     margin-bottom: 15px;
 }

 .formula-text-block .info-block-value {
     font-weight: bold;
     padding: 5px;
 }

 #line-edit-form>.flex-block,
 #network_fragment-form>.flex-block {
     margin-bottom: 10px;
 }

 #line-edit-form>.flex-block .info-block:not(:last-child),
 #network_fragment-form>.flex-block .info-block:not(:last-child) {
     margin-right: 30px;
 }

 .line-btn-block {
     padding-top: 25px;
     margin-left: 30px;
 }

 .line-link-block a {
     color: inherit;
 }

 .line-btn-block a:first-child {
     text-decoration: none;
 }

 .line-link-block {
     display: inline-block;
     color: #707070;
 }

 .line-btn-block .line-link-block:hover {
     color: #444444;
 }

 .parameter-fields-content .info-block:not(:last-child) {
     margin-right: 15px;
 }

 .parameter-fields-content.flex-block .info-block {
     width: calc(25% - 15px);
 }

 /*.parameter-fields-content .info-block:not(:last-child) {*/
 /*    margin-bottom: 15px;*/
 /*}*/

 .parameter-fields-content .info-block {
     min-width: 400px;
 }

 .parameter-fields-content .info-block-title {
     text-align: justify;
 }

 a.notSetInspector,
 .notFoundReadingsLink {
     color: #b73335;
 }

 .parameter-node-delete {
     margin-top: 20px;
     margin-left: 10px;
     padding: 6px 6px 6px 11px;
 }

 .without-calendar .ui-datepicker-calendar {
     display: none;
 }

 .autocomplete-wrapper {
     position: relative;
 }

 .readonly-form .autocomplete-wrapper::after {
     content: "";
 }

 .autocomplete-wrapper::after {
     content: "\f002";
     font-family: "Font Awesome 6 Free";
     font-weight: 900;
     position: absolute;
     right: 7px;
     top: 18px;
     transform: translateY(-50%);
     color: #888;
     pointer-events: none;
 }


 /*.content-input::placeholder,
 .content-select::placeholder {
     color: #bbbbbb;
 }

 .autocomplete-wrapper .content-input[readonly] {
     background-color: #f0f0f0;
     opacity: .35;
     color: #362b36;
 }

 .autocomplete-wrapper .content-input[readonly]::placeholder {
     color: #362b36;
 }*/

 .date-flt input {
     width: 40%;
 }

 .select2-container .select2-selection--multiple {
     min-height: 30px;
 }

 .select2-container--default .select2-selection--multiple {
     font-size: 14px;
     color: #78828a;
     border: 1px solid #dddddd !important;
     box-shadow: var(--shadow-inset);
 }

 .select2-container--default.select2-container--focus .select2-selection--multiple {
     box-shadow: 0 0 4px rgba(0, 142, 255, 1);
     border-color: transparent;
 }

 .transaction-parameters-block {
     min-height: 30px;
 }

 .btn-table-recalc-invoice,
 .btn-table-confirm-invoice,
 .btn-table-agreement-type-invoice,
 .btn-table-print-invoice,
 .btn-table-email-invoice,
 .btn-table-task-cancel {
     color: #357fba;
     cursor: pointer;
     background: inherit;
     padding: 0;
     margin: 0;
     display: inline-block;

     &:hover {
         color: #1f70af;
     }
 }

 .btn-table-recalc-invoice i,
 .btn-table-confirm-invoice i,
 .btn-table-agreement-type-invoice i,
 .btn-table-task-cancel {
     font-size: 18px;
 }

 .btn-table-print-invoice i,
 .btn-table-email-invoice i {
     font-size: 18px;
 }

 .billing_start_date .ui-datepicker-calendar {
     display: none;
 }

 .err_transaction_parameters {
     color: #b73335d6;
     font-size: 13px;
     text-align: center;
     display: block;
     position: absolute;
     padding: 5px 0;
 }

 form textarea.content-input {
     resize: vertical;
     min-height: 50px;
     overflow-y: auto;
     scrollbar-width: thin;
     transition: height 0.3s ease;
 }

 .error-content {
     display: inline-block;
     margin: auto;
     margin-top: 20px;
     background-color: white;
     box-shadow: 0 3px 5px 2px rgba(57, 62, 66, 0.15);
     border: 1px solid #dddddd;
     padding: 10px 70px 30px 70px;
 }

 .block-content.error-block {
     text-align: center;
 }

 .error-content-num {
     font-size: 75px;
     color: #005da0;
 }

 .error-content-expl {
     color: #005da0;
     margin-bottom: 30px;
 }

 .error-content-text {
     color: #8a8a8a;
 }

 .date-filter {
     display: flex;
     flex-direction: column;
     gap: 5px;
 }

 .input-group {
     display: flex;
     align-items: center;
 }

 .input-group label {
     width: 30px;
     margin-right: 5px;
 }

 .date-flt .input-group input {
     width: 100%;
 }

 .purpose-consumption-list {
     margin-left: 15px;
 }

 #dialogmessagetext .dialog_link {
     color: #357fba;
 }

 #dialogmessagetext .dialog_link:hover {
     text-decoration: underline;
     color: #015da0;
 }

 #table-meter-readings-expenditure tr td {
     text-align: center;
 }

 #table-meter-readings-expenditure tr td i {
     font-size: 85%;
     color: #747373;
 }

 input#calendar-expenditure {
     text-align: center;
     color: #000;
 }

 .line-parameters-block {
     min-height: 10px;
 }

 table.dataTable tbody td ul {
     list-style-position: inside;
 }

 .button-table {
     background-color: white;
     border: 1px solid #8E8E8E;
     display: inline-block;
     color: #8E8E8E;
     border-radius: 3px;
     padding: 2px 10px;

     margin-bottom: 5px;
     text-decoration: none;
 }

 .button-table:not([disabled]):hover {
     cursor: pointer;
     background-color: #1f70af;
     color: white;
     border: 1px solid #1f70af;
     transition: all .2s ease-out;
 }

 .button-table:disabled:hover {
     cursor: not-allowed;
 }

 .button-table-delete:not([disabled]):hover {
     background-color: #b73335;
     border: 1px solid #b73335;
 }

 table.dataTable.display tbody tr.highlight-row,
 table.dataTable.display tbody tr.highlight-row td {
     background-color: #ffeeba !important;
 }

 table.dataTable tbody tr.previous {
     background-color: #eee;
 }

 table.dataTable tbody tr.previous td{
     font-weight: 500;
 }

 .dt-button-separator {
     border: none !important;
     background: none !important;
     border-left: 0 solid #ccc !important;
     margin: 0 4px !important;
     padding: 0 !important;
     width: 0;
     height: 20px;
     cursor: default;
 }

 .no_data {
     margin-top: 10px;
     text-align: center;
 }

 .connection-block {
     min-height: 70px;
 }

 .connection-block .flex-block {
     align-items: flex-start;
 }

 .connection-block .info-block:last-child {
     padding-top: 21px;
     width: 5%;
     display: flex
 }

 .connection-delete {
     margin: 0 0 0 5px !important;
     height: 17px;
 }

 .connection-delete i {
     margin: 0 4px;
 }

 .download-link-fa-icon i {
     font-size: 18px;

     &:hover {
         cursor: pointer;
         color: #1f70af;
     }
 }

 .blocked-field {
     border: none;
     box-shadow: none;
     cursor: default;
     padding: 5px 3px;
     -moz-appearance: none;
     -webkit-appearance: none;
 }

 select:not(.dataTables_length select) {
     padding-right: 18px !important;
     max-width: 100%;
 }

 input.ui-autocomplete-input{
     padding-right: 22px !important;
     max-width: 100%;
 }