
/*Кастомный скролл*/
.wrapper {
    position: relative;
    overflow: hidden;
}

.wrapper_page-content {
    display: contents;

    width: calc(100vh + 10px);
    margin-left: -10px;
}

.scroller,
.scroller-company,
.scroller-service,
.scroller-objectsTable,
.scroller-engineersTable,
.scroller-checkBoxTree,
.scroller-tree,
.scroller-groups,
.scroller-parameters,
.scroller-modems,
.scroller-reportTypes,
.scroller-modal {
    min-height: 75px;
    overflow-y: scroll;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .3s;
    width: 100% !important;
}

.scroller-objectsTable,
.scroller-tree,
.scroller-checkBoxTree,
.scroller-reportTypes {
    max-height: calc(100vh - 420px);
}

.scroller-modems {
    height: calc(100vh - 320px);
}

.scroller-characteristics {
    height: calc(100vh - 320px);
    max-height: none;
}

.scroller-repAlarmsData {
    height: calc(100vh - 390px);
    max-height: none;
}

.scroller-modal {
    max-height: calc(100vh - 280px);
    width: 100% !important;
    padding-right: 10px;
}

.scroller-modal_s {
    max-height: calc(100vh - 220px);
}

.scroller-company,
.scroller-service {
    max-height: calc(46vh - 65px);
}
.scroller-company_short,
.scroller-service_short {
    max-height: calc(23vh - 65px);
}

.scroller-company,
.scroller-service,
.scroller-tree {
    width: 100% !important;
    overflow-x: hidden;
}

.scroller-groups {
    height: calc(100vh - 240px);
}

.scroller-parameters {
    max-height: calc(100vh - 340px);
}

.scroller_page-content {
    max-height: calc(100vh - 187px);
    min-height: 175px;
    margin-left: -10px;
    padding-left: 10px;
    padding-top: 10px;
}

.checkbox-tree_dataset .scroller-checkBoxTree {
    height: calc(100vh - 430px);
}
.serviceCompanies-tree .scroller-checkBoxTree {
    max-height: calc(100vh - 590px);
}

.serviceCompanies-tree .react-checkbox-tree {
    overflow-y: hidden !important;
    max-height: 100% !important;
}

.checkbox-tree_reportdc .scroller-checkBoxTree {
    height: calc(100vh - 430px);
}

.checkbox-tree_reportchannelvalues .scroller-checkBoxTree {
    height: calc(100vh - 430px);
}

/* Скрытие системного скролла */
/* для Chrome */
.scroller::-webkit-scrollbar,
.scroller-objectsTable::-webkit-scrollbar,
.scroller-engineersTable::-webkit-scrollbar,
.scroller-reportTypes::-webkit-scrollbar,
.scroller-checkBoxTree::-webkit-scrollbar,
.scroller-company::-webkit-scrollbar,
.scroller-modems::-webkit-scrollbar,
.scroller-modal::-webkit-scrollbar,
.scroller_hide-track-modal::-webkit-scrollbar,
.scroller-service::-webkit-scrollbar,
.scroller-modal::-webkit-scrollbar,
.scroller-groups::-webkit-scrollbar,
.scroller-parameters::-webkit-scrollbar,
.scroller-tree::-webkit-scrollbar {
    width: 0;
}

/* для Mozilla, IE */
.scroller,
.scroller-modal,
.scroller_hide-track-modal,
.scroller-objectsTable,
.scroller-engineersTable,
.scroller-reportTypes,
.scroller-checkBoxTree,
.scroller-company,
.scroller-modems,
.scroller-service,
.scroller-modal,
.scroller-groups,
.scroller-parameters,
.scroller-tree {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
/* //Скрытие системного скролла */

/* Стили кастомного скроллбара */
[class^="scroller__bar"] {
    position: absolute;
    z-index: 4;
    right: 0;
    width: 6px;
    min-height: 5%;
    background: #556172;
    cursor: pointer;
    transition: height .2s;
}

/* //Стили кастомного скроллбара */
[class^="scroller__track"] {
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 6px;
    box-sizing: border-box;
    background-color: rgba(134, 144, 152, 0.1);
    transition: all .3s;
}

#saveServiceCompanyModal .scroller__track_thin {
    height: 100% !important;
}

.simplebar-offset_border {
    margin: 1px !important;
}

.simplebar-offset_border:before {
    left: -1px;
    content: "";
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    box-sizing: border-box;
    border-radius: 3px;
    top: -1px;
    box-shadow: inset 0px 0px 0px 1px rgb(134 144 152 / 40%);
}

.simplebar-offset_border-fix:before {
    width: calc(100% + -7px);

}

.checkbox-tree .rct-icon-check::before,
.checkbox-tree .rct-icon-uncheck::before {
    transition: all .2s !important;
}

.scroller__track_h {
    top: unset;
    height: 8px;
    width: 100%;
}

.scroller__track_hide {
    right: -8px;
    visibility: hidden;
}

.scroller__track_page-content {
    top: 60px;
    height: calc(100vh - 187px);
    min-height: 165px;
}

.scroll-container,
.scroll-container-engineersTable {
    padding-right: 10px;
    transition: all .3s;
}

.scroller_hide-track .scroll-container {
    padding-right: 0px;
}

.scroll-container-groups,
.scroll-container-parameters,
.scroll-container-company,
.scroll-container-service {
    width: 100%;
    display: block;
}

.scroll-container-company li:first-of-type  label,
.scroll-container-service li:first-of-type  label {
	margin-top: 0;
}
.scroll-container-company li:last-of-type  label,
.scroll-container-service li:last-of-type  label {
	margin-bottom: 0;
}

.companies .scroll-container {
    transform: translate(10px, 10px);
}

#company-dropdown .scroll-container-company,
#service-dropdown .scroll-container-service {
    width: 100%;
    padding-right: 19px;
}

.scroll-container-objectsTable {
    padding-right: 10px;
    transition: all .3s;
}
.scroll-container-objectsTable.scroll-container_hide-track {
    margin-right: 0px;
}

.scroll-container_hide-track {
    padding-right: 0px !important;
}

.scroll-container_wide,
.dataSet-scroll-container_wide,
.scroll-container-checkBoxTree,
.scroll-container-groups,
.scroll-container-parameters,
.scroll-container-reportTypes{
    padding-right: 10px;
}

.scroll-container-checkBoxTree.scroll-container_hide-track,
.scroll-container-reportTypes.scroll-container_hide-track{
    padding-right: 0;
}


/* правка скролла */

div.scroller_hide-track-reportTypes {
	width: 108.5% !important;
}

.scroller__track_thin,
.scroller__track_thin-modal,
.scroller__track_thin .scroller__bar,
.scroller__track_thin .scroller__bar_company,
.scroller__track_thin .scroller__bar_service,
.scroller__track_thin .scroller__bar_tree {
    width: 6px;
    min-height: 33%;
    border-radius: 3px;
    transition: height .3s;
}

.scroller__track_reportTypes.reportTypes-scroll {
	top: 15px !important;
	height: 90% !important;
}

.scroller__track_service,
.scroller__track_company {
	height: 100% !important;
}

.dropdown__scroll-container li {
    padding: 5px 0;
}

[class^="scroller__track"] + .dropdown__scroll-container li {
    margin-right: 10px;
}
[class*="track_hide"] + .dropdown__scroll-container li {
    margin-right: 0px;
}
.checkbox-tree-container {
    max-height: none !important;
}

/*//Кастомный скролл*/

.companies .scroller {
    max-height: calc(100vh - 183px);
}

@media (max-width: 1024px){
    .companies .scroller {
        max-height: calc(100vh - 205px);
    }
}

.dropdown_max-height {
    max-height: calc(100vh - 790px);
}

.max-height-xsm {
	max-height: calc(100vh - 650px) !important;
}

.max-height-smd {
	max-height: calc(100vh - 565px) !important;
}

.max-height-md {
	max-height: calc(100vh - 500px) !important;
}

.max-height-lg {
	max-height: calc(100vh - 395px) !important;
}

.max-height-1row {
    max-height: calc(100vh - 330px) !important;
}

.max-height-2row {
    max-height: calc(100vh - 345px) !important;
}

.max-height-2row_alarms {
    max-height: calc(100vh - 355px) !important;
}

.max-height-propertiesTable {
    max-height: calc(100vh - 305px) !important;
    overflow: auto;
}

@media (max-width:1875px) {
    .max-height-2row {
        max-height: calc(100vh - 360px) !important;
    }
}

@media (max-width: 1325px) {
    .max-height-2row {
        max-height: calc(100vh - 430px) !important;
    }
}

@media (max-width: 1260px) {
    .max-height-2row {
        max-height: calc(100vh - 480px) !important;
    }
}

.max-height-2row_no-status {
    max-height: calc(100vh - 292px) !important;
}

.max-height-3row {
    max-height: calc(100vh - 350px) !important;
}

.max-height_squeeze-table {
	max-height: calc(100vh - 550px)  !important;
}

.max-height_squeeze-objectDeviceGatewaytable {
    max-height: calc(100vh - 500px) !important;
}

@media (min-width: 1551px) and (max-width: 1750px) {
    .max-height_squeeze-table {
        max-height: calc(100vh - 520px) !important;
    }
}

@media (min-width: 1451px) and (max-width: 1550px) {
    .max-height_squeeze-table {
		max-height: calc(100vh - 565px) !important;
    }
}

@media (min-width: 1270px) and (max-width: 1450px) {
    .max-height-3row {
        max-height: calc(100vh - 350px) !important;
    }

    .max-height_squeeze-table {
		max-height: calc(100vh - 570px) !important;
    }
}

@media (min-width: 1240px) and (max-width: 1390px) {
    .max-height-3row_menu-expanded {
        max-height: calc(100vh - 410px) !important;
    }

    .max-height_squeeze-table-expanded {
        max-height: calc(100vh - 610px) !important;
    }
}

@media (min-width: 1225px) and (max-width: 1270px) {
    .max-height-3row {
        max-height: calc(100vh - 410px) !important;
    }

    .max-height_squeeze-table {
        max-height: calc(100vh - 620px) !important;
    }
}

@media (min-width: 1090px) and (max-width: 1235px) {
    .max-height-3row {
        max-height: calc(100vh - 410px) !important;
    }

    .max-height_squeeze-table {
        max-height: calc(100vh - 610px) !important;
    }
}

@media (max-width: 1140px) {
    .max-height-3row {
        max-height: calc(100vh - 405px) !important;
    }

	.max-height_squeeze-table {
		max-height: calc(100vh - 600px) !important;
    }
}

@media (max-width: 1180px) {
    .scroller-modems {
        height: calc(100vh - 335px);
    }
}

.scroller_hide-track,
.scroller_hide-track-modal {
    width: 100% !important;
    padding-right: 0 !important;
}

.scroller-table_hide-track {
    width: 100% !important;
    padding-right: 0 !important;
    overflow-y: hidden;
}

.scroller-dropdown_hide-track {
    width: 100% !important;
    padding-right: 0 !important;
}

.scroller-checkBoxTree_hide-track {
    width: 100% !important;
    padding-right: 0 !important;
}

.scroller-checkBoxTree_hide-track .rct-text {
    margin-right: 20px !important;
}

/* Высоты сжатых таблиц */
.max-height_alarmTable_squeeze {
	max-height: calc(100vh - 560px)  !important;
}

@media (max-width:1875px) {
    .max-height_alarmTable_squeeze {
		max-height: calc(100vh - 560px) !important;
	}
}

@media (min-width: 1551px) and (max-width:1750px) {
	.max-height_alarmTable_squeeze {
		max-height: calc(100vh - 540px) !important;
	}
}

@media (min-width: 1451px) and (max-width:1550px) {
	.max-height_alarmTable_squeeze {
		max-height: calc(100vh - 570px) !important;
	}
}

@media (min-width: 1151px) and (max-width:1450px) {
    .max-height_alarmTable_squeeze {
        max-height: calc(100vh - 605px) !important;
    }
}

@media (min-width: 1261px) and (max-width:1360px) {
    .max-height-2row_alarms {
        max-height: calc(100vh - 365px) !important;
    }

	.max-height_alarmTable_squeeze {
		max-height: calc(100vh - 590px) !important;
	}
}

@media (min-width: 1151px) and (max-width:1260px) {
    .max-height-2row_alarms {
        max-height: calc(100vh - 425px) !important;
    }

    .max-height_alarmTable_squeeze {
		max-height: calc(100vh - 630px) !important;
	}
}

@media (min-width: 1151px) and (max-width:1220px) {
    .max-height-2row_alarms {
        max-height: calc(100vh - 420px) !important;
    }

    .max-height_alarmTable_squeeze {
        max-height: calc(100vh - 635px) !important;
    }
}

@media (min-width: 1253px) and (max-width: 1278px) {
    .max-height-2row_alarms_menu-expanded {
        max-height: calc(100vh - 420px) !important;
    }

    .max-height_alarmTable_squeeze-expanded {
        max-height: calc(100vh - 580px) !important;
    }
}

@media (max-width: 1150px) {
    .max-height-2row_alarms {
        max-height: calc(100vh - 425px) !important;
    }

	.max-height_alarmTable_squeeze {
		max-height: calc(100vh - 625px) !important;
	}
}

@media (max-width: 1120px) {
    .max-height-2row_alarms {
        max-height: calc(100vh - 480px) !important;
    }

    .max-height_alarmTable_squeeze {
        max-height: calc(100vh - 665px) !important;
    }
}

/* Таблица на странице компании */
.max-height-domainTable {
    max-height: calc(100vh - 355px) !important;
}

@media (max-width: 1000px) {
    .max-height-domainTable {
        max-height: calc(100vh - 430px) !important;
    }
}

.max-height_squeeze-domainTable {
    max-height: calc(100vh - 560px) !important;
}

@media (min-width: 1451px) and (max-width: 1550px) {
    .max-height_squeeze-domainTable {
        max-height: calc(100vh - 585px) !important;
    }
}

@media (min-width: 1201px) and (max-width: 1450px) {
    .max-height_squeeze-domainTable {
        max-height: calc(100vh - 600px) !important;
    }
}

@media (min-width:1001px) and (max-width: 1200px) {
    .max-height_squeeze-domainTable {
        max-height: calc(100vh - 575px) !important;
    }
}

@media (max-width: 1000px) {
    .max-height_squeeze-domainTable {
        max-height: calc(100vh - 645px) !important;
    }
}


/*Таблица на странице карта объектов компании*/
.max-height-full-table {
    max-height:  calc(100vh - 220px) !important;
}

/* Для simpleBar */
.table__scroll-container {
    display: flex;
}

.simplebar-scrollbar::before{
	width: 6px !important;
    inset: 0 !important;
	background-color: #556172 !important;
	opacity: 1 !important;
    pointer-events: all;
}

.simplebar-scrollbar.simplebar-hover::before {
	cursor: pointer;
}

.simplebar-track.simplebar-vertical{
	width: 6px !important;
	background-color: rgba(134, 144, 152, 0.1) !important;
}

.simplebar-content-wrapper[style*="overflow: hidden scroll;"] > .simplebar-content,
.simplebar-content-wrapper[style*="overflow: scroll;"] > .simplebar-content {
    padding-right: 10px !important;
}

.simplebar-content > li {
    padding: 5px 0;
}

#scrollTree.react-checkbox-tree {
    max-height: none;
}