/*----------------------------------------------------------*/
/*-------------- Body --------------------------------------*/
/*----------------------------------------------------------*/
html,body{
	background-color: #cdcdcd;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 100%;
}
/*----------------------------------------------------------*/
/*-------------- Проверка браузера -------------------------*/
/*----------------------------------------------------------*/
.br_card{
	height: 190px;
	margin: 0px;
	width: 500px;
	background-color: rgba(0,0,0,0.3) !important;
	padding: 0em .5em .3em .5em;
	vertical-align: middle;  
	border-radius: 5px;
	border: 2px solid rgb(0 0 0 / 80%);
}
.br_message{
	
	font-family: Georgia, 'Times New Roman', Times, serif;	
	color: white;
	font-size: 18px;
	margin: 10px;
 }
/*----------------------------------------------------------*/
/*-------------- Окно логина -------------------------------*/
/*----------------------------------------------------------*/
.login_fon {
	background: linear-gradient(180deg, rgba(177,184,251,1) 0%, rgba(204,204,204,1) 100%);
	}
.login_name {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 50px;
	position: absolute;
    top: 7%;
	left: 50%;
    transform: translate(-50%, -50%);
	}
.card{
	height: 250px;
	margin: 0px;
	width: 400px;
	background-color: rgba(0,0,0,0.5) !important;
}
.card-header{
	font-family: Georgia, 'Times New Roman', Times, serif;	
	color: white;
	font-size: 30px;
 }
.input-group-prepend{
	display: flex;
}
.input-group-prepend span{
	width: 50px;
	background-color: #e5f8ff;
	color: black;
	display: grid;
}
.login_logo {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	}
.login_img {
    width: 400px;
	height: 250px;
	}
.password_control {
	position: absolute;
    top: 19px;
    right: 0%;
	transform: translate(-50%, -50%);	
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-image: url('/img/passwd_view.png');
	background-repeat: no-repeat;
	background-size: 25px;
}
.password_control:hover {
	background-image: url('/img/passwd_view_hover.png');
}
.password_control.view {
	background-image: url('/img/passwd_noview.png');
}
.password_control.view:hover {
	background-image: url('/img/passwd_noview_hover.png');
}
/*----------------------------------------------------------*/
/*-------------- Preloader ---------------------------------*/
/*----------------------------------------------------------*/
.preloader{
	position: absolute;
	top:35%;
	left:50%;
	transform:translate(-50%, -50%);	
}
.preloader_small{
	position: relative;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);	
}
.preloader_small_index{
	position: absolute;
	top:200px;
	left:calc(50% - 7px + (20% - 135px));
}
.preloader_small_right_log{
	position: absolute;
	top:30px;
	left:97%;
}
.preloader_small_left_log{
	position: absolute;
	top:30px;
	left:3%;
}
.preloader_popup{
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);	
}
.loader_time {
	position: absolute;
	font-size: 0.8em;
	top:50%;
	left:50%;
    transform: translate(-50%, calc(-50% - 0.8em/3 ));	
}
.preloader_all {
	position: absolute;
	top:35%;
	left:50%;
	transform:translate(-50%, -50%);	
}
.preload_time {
	position: absolute;
	top:50%;
	left:50%;
    transform: translate(-50%, -50%);	
}
.preloader_1 {width: 110px;height: 110px;}
.preloader_2 {width: 85px;height: 85px;}
.preloader_3 {width: 60px;height: 60px;}
.preloader_small_1 {width: 40px;height: 40px;}
.preloader_small_2 {width: 20px;height: 20px;}
.preloader_all {border-radius: 100%;margin: 0 auto;}
.preloader_1:before, .preloader_1:after, .preloader_3:before, .preloader_3:after {border: 7px solid transparent;}
.preloader_2:before, .preloader_2:after {border: 5px solid transparent;}
.preloader_small_1:before, .preloader_small_1:after, .preloader_small_2:before, .preloader_small_2:after {border: 4px solid transparent;}
.preloader_all:before, .preloader_all:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}
.preloader_1:before{border-top-color: #3b7fba;animation: spin 1.5s infinite;}
.preloader_1:after{border-bottom-color: #ff5252;animation: spin 1.5s infinite alternate;}
.preloader_2:before{border-top-color: #ff5252;animation: spin 3.0s infinite;}
.preloader_2:after {border-bottom-color: #3b7fba;animation: spin 1.0s infinite alternate;}
.preloader_3:before {border-top-color: #3b7fba;animation: spin 2.0s infinite;}
.preloader_3:after {border-bottom-color: #ff5252;animation: spin 2.0s infinite alternate;}
.preloader_small_1:before {border-top-color: #3b7fba;animation: spin 2.0s infinite;}
.preloader_small_1:after {border-bottom-color: #ff5252;animation: spin 2.0s infinite alternate;}
.preloader_small_2:before{border-top-color: #ff5252;animation: spin 1.5s infinite;}
.preloader_small_2:after {border-bottom-color: #3b7fba;animation: spin 1.5s infinite alternate;}
@-moz-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*----------------------------------------------------------*/
/*-------------- Навигациионные вкладки --------------------*/
/*----------------------------------------------------------*/
.navbar_logo {
	margin: 0px 15px 0px 15px;
	}
.logo {
	background-repeat: no-repeat;
	background-size: cover;
	width: 70px;
	}
.logo:hover {
	background-image: url('/img/logo-hover.png');
	}
.nav{padding:5px 0px 0px 20px;}
.nav>li{position:relative;display:block}.nav>li>a{position:relative; display:block; padding:10px 10px; font-size:14px; font-weight:bold;}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none; background-color: #cef1ff87;}
.nav-tabs{border-bottom:4px solid #bdecff; padding-bottom: 1px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border-color: #e9ecef;}
.nav-tabs>li{margin: 0px 5px 0px 0px;}
.nav-tabs .nav-link {color: black; border-color: #ddd; border-radius: 12px 12px 0px 0px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	-webkit-box-shadow: 0px 0px 10px #0072ff5c;
	-moz-box-shadow: 0px 0px 10px #0072ff5c;
	box-shadow: 0px 0px 10px #0072ff5c;
    background-color: #cef1ff87;
	}
.dropright {
    margin-top: -15% !important;
    margin-left: 98% !important;
	}
.dropdown-menu {
    min-width: 210px !important;
	}
a.dropdown-pic{
	background-image: url('/img/strelka-right.png');
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: right 5px center;
	}
a.dropdown-pic:hover{
	background-image: url('/img/strelka-right-hover.png');
	cursor: pointer;
	}
a.dropdown-toggle_none:after{
	display: none  !important;
	}
/*----------------------------------------------------------*/
/*-------------- Infragistics ------------------------------*/
/*----------------------------------------------------------*/
.ui-iggrid td.ui-state-hover{cursor: pointer;}
.ui-iggrid-filtercell {font-size: 14px;}
.ui-iggrid-filterdd {font-size: 14px;}
.ui-iggrid>.ui-widget-header.ui-helper-reset {
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	-webkit-box-shadow: 0px 0px 10px #0072ff5c;
	-moz-box-shadow: 0px 0px 10px #0072ff5c;
	box-shadow: 0px 0px 10px #0072ff5c;
}
.ui-widget-header {
    background: #c8cdf7;
    color: black;
 }
.ui-widget-header.ui-state-default {
   background: #c8cdf7 !important;
   color: black !important;
}
.ui-iggrid-filterrow {
    background: #c8cdf7 !important;
	color: black !important;
}
.ui-iggrid th, .ui-iggrid th.ui-state-default {
    border-bottom: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
}
/*----------------------------------------------------------*/
/*-------------- ModalInfo + PopupError --------------------*/
/*----------------------------------------------------------*/
#PopupInfo {
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	background:#eee;
	width:300px;
	height: 75px;	
	position:absolute; 
	z-index:9000; 
	display:none;
}
#PopupInfo .dialog-content {
	text-align:center; 
	padding:10px; 
	margin:10px;
	color:#666; 
	font-size:18px;
	font-weight: bold;
}
div#fade_filter {
    position: absolute;
    top: 0px;
    background: rgba(66, 66, 66, 0.62);
    color: white;
    padding: 0 10px 0 10px;
    height: 0px;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border: 1px black solid;
    z-index: 1;
    left: 10px;
    right: 10px;
    transition: height 1.5s;
    overflow: hidden;
}
div.modal_dialog_error {
	margin-top: 150px !important;
	max-width: 400px !important;
}
div.modal_content_error {
	background:#eee !important;
}
div.modal_body_error {
	font-size: 16px !important;
	text-align: center !important;
    border-top: none !important;
}
div.modal_footer_error {
	justify-content: center !important;
    border-top: none !important;
}
/*----------------------------------------------------------*/
/*-------------- Tooltip -----------------------------------*/
/*----------------------------------------------------------*/
#vtip {
	display: none; 
	position: absolute; 
	padding: 10px; 
	margin-left: 15px; 
	margin-top: -15px; 
	font-size: 14px; 
	background-color: #1a1a1a91; 
	border: 1px solid #000000; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	z-index: 9999;
    color: white;
	}
/*----------------------------------------------------------*/
/*-------------- Select ------------------------------------*/
/*----------------------------------------------------------*/
select:required:invalid {
  color: gray;
}
option[value=""][disabled] {
  display: none;
}
option {
  color: black;
}
/*----------------------------------------------------------*/
/*-------------- Buttons -----------------------------------*/
/*----------------------------------------------------------*/
button.basic {
	position: relative;
	display: inline-block;
	color: hsl(208deg 36% 89%);
	text-shadow: rgba(255,255,255,.5) 0 -1px 0, rgba(0,0,0,.2) 0 .18em .15em;
	text-decoration: none;
	user-select: none;
	padding: 0em .5em .3em .5em;
	vertical-align: middle;  
	height: 38px;
	border-radius: 5px;
	border: 1px solid rgb(0 0 0 / 30%);
	outline: none;
	transition: background .2s ease-in-out;
	cursor: pointer;
}
button.basic:active {
	top: .2em;
	color: rgba(254,255,255,.9);
	text-shadow: rgba(0,0,0,.2) 0 1px 2px;
	border: 1px solid rgb(0 0 0 / 30%);
	cursor: pointer;
}
button.basic:after {
	content:  "";
	position:  absolute; 
	width:   90%;
	height:  70%;
	top:   0;
	left:   5%;
	border-radius:    .5em .5em 1em 1em / .5em .5em 2em 2em;
	background-image: linear-gradient(rgba(255,255,255,.55), rgba(255,255,255,.3)); 
}
button.basic:active:after {
	opacity: .6;
}
button.prm {
	background: #055ca9 radial-gradient(rgba(255,255,255,0), rgba(255,255,255,.3));
	}
button.prm:hover {
	background: #75a3cb radial-gradient(rgba(255,255,255,0), rgba(255,255,255,.5));
}
button.sec {
	background: #565656 radial-gradient(rgba(255,255,255,0), rgba(255,255,255,.3));
	}
button.sec:hover {
	background: #999999 radial-gradient(rgba(255,255,255,0), rgba(255,255,255,.5));
}
button.del {
	background: #ab0000fc radial-gradient(rgba(255,255,255,0), rgba(255,255,255,.3));
	}
button.del:hover {
	background: #ab000073 radial-gradient(rgba(255,255,255,0), rgba(255,255,255,.3));
}
button.sign {
	font-size: 22px;
	font-weight: bold;
	width: 38px;
}
button.dis {
	pointer-events: none !important;
	background: #6e6e6e radial-gradient(rgba(255,255,255,0), rgba(255,255,255,.3)) !important;
}
.btn_krest {
	font-size: 1.0rem;
	opacity: 0.6;
	cursor: pointer;
	height: 2.35rem;
	border: none;
	background-color: white;
	margin-top: 5px;
}
.btn_krest:hover {
	font-size: 1.2rem;
	opacity: 0.8;
}
/*----------------------------------------------------------*/
/*-------------- Div оформление ----------------------------*/
/*----------------------------------------------------------*/
.block_start{
	opacity: 0%;
	display: flex;
}
.block{
    padding: 5px;
    border-radius: 10px;
    border-color: black;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 10px #0072ff5c;
	-moz-box-shadow: 0px 0px 10px #0072ff5c;
	box-shadow: 0px 0px 10px #0072ff5c;
}
.blockheader {
    padding: 5px;
    margin: 5px 5px 0px 5px;
    border-radius: 10px;
    border-color: black;
	border: 1px solid #ccc;
	width: calc(100% - 11px);
	height: 65px;
	-webkit-box-shadow: 0px 0px 10px #0072ff5c;
	-moz-box-shadow: 0px 0px 10px #0072ff5c;
	box-shadow: 0px 0px 10px #0072ff5c;
}
.blockfooter {
    margin: 5px;
	width: calc(100% - 11px);
	height: 20px;
	list-style: none; 
	font-weight: lighter; 
	font-size: 0.65em;	
	text-align: center;	
	display: flex;
	align-items:center;
	justify-content:center;
}
.mainblock {
    padding: 5px;
    margin: 5px 5px 0px 5px;
    border-radius: 10px;
    border-color: black;
	border: 1px solid #ccc;
	width: calc(100% - 11px);
	-webkit-box-shadow: 0px 0px 10px #0072ff5c;
	-moz-box-shadow: 0px 0px 10px #0072ff5c;
	box-shadow: 0px 0px 10px #0072ff5c;
}
.divHeader {
	font-family: Georgia, 'Times New Roman', Times, serif;
	padding: 3px;	
	vertical-align: middle;	
}
.divName {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: lighter; 
	font-size: 0.75em;	
	padding: 3px;
	vertical-align: middle;
}
.divTime {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: lighter; 
	font-size: 0.75em;
	padding: 3px;		
	vertical-align: middle;
}
.block_decor{
    border-radius: 0.25rem;
    border-color: black;
	border: 1px solid #ccc;
    background-color: white;
	box-shadow: 0 0 2px rgb(74 74 74);
	transition: all .5s ease;
}
.block_decor:hover{
	box-shadow: 0 0 4px rgb(74 74 74);
}
.blink {
  animation-name: blink;
  animation-timing-function: linear;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  color: green;
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}
/*----------------------------------------------------------*/
/*-------------- Оформление Index.php --------------------*/
/*----------------------------------------------------------*/
.BlockIndexLeft {
	margin: 5px 0px 0px 5px;
	width: calc(50% - 7px + (20% - 270px));
	overflow-y: auto;
    overflow-x: hidden;	
}
.BlockIndexCenter {
	margin: 5px 0px 0px 5px;
	width: 262px;
	overflow: hidden;	
}
.BlockIndexRight {
	margin: 5px 5px 0px 5px;
	width: calc(30% - 7px);
	overflow: hidden;	
}
.block_index_counter{
	margin: 5px;
	min-height: 50px;
	max-height: 200px;
	overflow-y: auto;
    overflow-x: hidden;	
    background-color: white;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    box-shadow: 0 0 2px rgb(74 74 74);	
}
div.counter{
	width: 100%;
	padding: 3px 5px 0px 5px;
    cursor: pointer;
    font-size: 90%;
	list-style: none;
	text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden
}
div#block_index_counter div.counter:hover{
	background-color: #cbebf7;
}
div#block_index_counter .counter_selected{
	background-color: #b1b8fbb8;
	font-style: italic;
	}
.block_miss_data_text{
	padding: 3px 5px 0px 5px;
    cursor: default;
    font-size: 85%;
	list-style: none;
	text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden;
}
.block_miss_data{
	margin: 5px;
    max-height: 98%;
	overflow-y: auto;
    overflow-x: hidden;
}
/*----------------------------------------------------------*/
/*-------------- Оформление Archive_point_graph.php --------*/
/*----------------------------------------------------------*/
.BlockArchivePointGraphLeft {
	margin: 5px 0px 0px 5px !important;
	width: calc(70% - 8px) !important;
    overflow: auto;		
}
.BlockArchivePointGraphRight {
	margin: 5px 5px 0px 5px !important;
	width: calc(30% - 8px) !important;
}
/*----------------------------------------------------------*/
/*-------------- Оформление Archive_group_graph.php --------*/
/*----------------------------------------------------------*/
.BlockArchiveGroupGraphLeft {
	margin: 5px 0px 0px 5px !important;
	width: calc(70% - 8px) !important;
    overflow: auto;		
}
.BlockArchiveGroupGraphRight {
	margin: 5px 5px 0px 5px !important;
	width: calc(30% - 8px) !important;
}
/*----------------------------------------------------------*/
/*-------------- Оформление Instant_point.php --------------*/
/*----------------------------------------------------------*/
.BlockInstantPointLeft {
	margin: 5px 0px 0px 5px !important;
	width: calc(75% - 8px) !important;
    overflow: auto;		
}
.BlockInstantPointRight {
	margin: 5px 5px 0px 5px !important;
	width: calc(25% - 8px) !important;
}
.instant_name {
	font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 13px;
	width: 60%;
	padding-left:30px;
	justify-content: left; 
	display: flex; 
	align-items: center;
}
.instant_val {
	font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 13px;
	width: 40%;
	padding-left:30px;
	justify-content: left; 
	display: flex; 
	align-items: center;
}
.block_archive_instant{
	margin: 10px;
	width: 100%;
	overflow-y: auto;
    overflow-x: hidden;	
    background-color: white;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    box-shadow: 0 0 2px rgb(74 74 74);	
}
div.instant_time{
	width: 100%;
	padding: 3px 5px 0px 5px;
    cursor: pointer;
    font-size: 90%;
	list-style: none;
	text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden
}
div#block_archive_instant div.instant_time:hover{
	background-color: #cbebf7;
}
div#block_archive_instant .instant_time_selected{
	background-color: #b1b8fbb8;
	font-style: italic;
	}
/*----------------------------------------------------------*/
/*-------------- Оформление Point_config.php ---------------*/
/*----------------------------------------------------------*/
.BlockPoint_config {
    overflow: hidden;		
}
.point_config_disable{
	color: grey;
	text-decoration: line-through;
}
/*----------------------------------------------------------*/
/*-------------- Оформление Formula.php --------------------*/
/*----------------------------------------------------------*/
.BlockFormulaLeft {
	margin: 5px 0px 0px 5px;
	width: calc(25% - 7px);
    overflow: hidden;	
}
.BlockFormulaCenter {
	margin: 5px 0px 0px 5px;
	width: calc(25% - 7px);
	overflow: hidden;
}
.BlockFormulaRight {
	margin: 5px 5px 0px 5px;
	width: calc(50% - 7px);
	overflow: auto;
}
/*--------------------------------*/
.ui-widget {
    font-size: 1.1em;
}
.ui-widget-content {
    border: 1px solid #bcbcbc;
    background: #fff;
    color: #444;
}
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    margin: 2px 0 0 0;
    padding: 5px 5px 5px 10px;
    line-height: 25px;
    font-size: 18px;
	background-color: #e4e4ff !important;
	border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-color: black !important;
	border: 1px solid #ccc !important;
	box-shadow: 0 0 2px rgb(74 74 74);	
	}
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png) !important;
}
.ui-accordion .ui-accordion-header:hover {
	box-shadow: 0 0 4px rgb(74 74 74);
}	
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: black !important;
	text-decoration: none !important;
	font-size: 0.8em;
}
.ui-accordion .ui-accordion-content {
    max-height: 98% !important;
    overflow-x: hidden !important;	
	overflow-y: auto !important;
    background: #efefef !important;
	padding: 10px 20px 10px 20px !important;
}
.blockformula_calc{
	padding: 10px 20px 10px 20px !important;
	margin: 5px 5px 5px 5px !important;
    border-radius: 5px !important;
    border-color: black !important;
	border: 1px solid #ccc !important;
    max-height: 98% !important;
	overflow-y: auto !important;
    overflow-x: hidden !important;	
    background-color: #efefef !important;
}
.blockformula{
    padding: 5px 0px 5px 10px !important;
	margin: 3px 0px 0px 0px !important;
    border-radius: 10px !important;
    border-color: black !important;
	border: 1px solid #ccc !important;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: lighter; 
	font-size: 0.8em;
    background-color: white;
	cursor: pointer;	
	-webkit-box-shadow: 0px 0px 10px #0072ff5c;
	-moz-box-shadow: 0px 0px 10px #0072ff5c;
	box-shadow: 0px 0px 10px #0072ff5c;
	position: relative;	
}
.blockformula:hover{
	background-color: #ffeaea;	
}
.formula_block_popup_pos{
    position:absolute !important;
}
.formula_event_popup{
	width: max-content;
	overflow: hidden;
    position: absolute;
    background-color: #cbebf7;
	border-radius: 5px; 
	box-shadow: 0px 0px 10px #000;
	padding: 5px;
	z-index: 6000;
	left: 45%;	
}
.formula_event_popup .formula_event_popup_energy{
    width: 40px;
    padding: 5px 10px 5px 10px;
	float: left;
	text-align: center;	
    background-color: #eaf9ff;
	border-radius: 3px; 
	box-shadow: 1px -1px 3px #000;
    margin: 3px;
}
.formula_event_popup .formula_event_popup_dir{
    width: 86px;
    padding: 5px 10px 5px 10px;
	float: left;
	text-align: center;	
    background-color: #eaf9ff;
	border-radius: 3px; 
	box-shadow: 1px -1px 3px #000;
    margin: 3px
}
.formula_event_popup .formula_event_popup_energy:hover {
	background-color: #b1b8fb;
	border-radius: 3px; 
	cursor: pointer;
}
.formula_event_popup .formula_event_popup_dir:hover {
	background-color: #b1b8fb;
	border-radius: 3px; 
	cursor: pointer;
}
.formula_event_popup_line {
	margin: 80px 10px 0px 5px;
}
.formula_event_popup_line_gr {
	margin: 45px 10px 0px 5px;
}
.formula_event_popup .formula_input_text{
    width: 86px;
    padding: 5px 0px 5px 0px;
	float: left;
	text-align: center;	
    margin: 3px
}
.formula_event_popup .formula_input{
    width: 86px;
	height: 30px;
    padding: 5px 10px 5px 10px;
	float: left;
	text-align: center;	
	border-radius: 5px; 
	box-shadow: 1px -0.5px 3px rgb(74 74 74);
    margin: 3px
}
.formula_event_popup .formula_input:hover{
 box-shadow: 0 0 5px rgb(34 34 34);
}
div.formula_dir{
    display: inline-block;
    padding: 0px 10px 0px 0px;
	font-size: 15px; 
	font-weight: 900;
}
div.formula_code{
    display: inline-block;
    padding: 0px 0px 0px 5px;
}
div.formula_koef{
    display: inline-block;
    padding: 0px 0px 0px 10px;
	font-weight: 600;
}
div.formula_img {
	float: right;
	padding: 8px 8px 8px 8px;
    margin: 4px 5px 0px 0px;
	background-image: url('/img/propeties.png');
	background-repeat: no-repeat;
	background-size: cover;
}
div.formula_img:hover{
	cursor: pointer;
	background-image: url('/img/propeties_hover.png');
}
div.formula_img_gr {
	float: right;
	padding: 8px 8px 8px 8px;
    margin: 4px 5px 0px 0px;
	background-image: url('/img/group.png');
	background-repeat: no-repeat;
	background-size: cover;
}
/*----------------------------------------------------------*/
/*-------------- Оформление Tariff.php ---------------------*/
/*----------------------------------------------------------*/
.BlockTariffLeft {
	margin: 5px 0px 0px 5px !important;
	width: calc(70% - 8px) !important;
    overflow: auto;		
}
.BlockTariffRight {
	margin: 5px 5px 0px 5px !important;
	width: calc(30% - 8px) !important;
}
.blocktariff_holiday{
	padding: 10px 20px 10px 20px !important;
	margin: 15px 5px 5px 5px !important;
    border-radius: 5px !important;
    border-color: black !important;
	border: 1px solid #ccc !important;
	overflow-y: auto !important;
    overflow-x: hidden !important;	
    background-color: white !important;
}
.holiday_year {
	padding: 5px 5px 5px 10px !important;
	width: 80px !important;
    margin: 0px 10px 0px 10px !important;
}
input.icon_calendar{
	background-image: url('/img/calendar.png');
	background-repeat: no-repeat;
	background-size: 30px;
	background-position-x: right;
	background-position-y: center;
}
input.icon_calendar:hover{
	background-image: url('/img/calendar_hover.png');
	cursor: pointer;
}
.checkbox_calendar{
	height: 38px !important;
	width: 38px !important;
	margin-top: 0px !important;
	cursor: pointer;
	box-shadow: 0 0 2px rgb(74 74 74) !important;
}
.checkbox_settings{
	height: 30px !important;
	width: 30px !important;
	margin-top: 0px !important;
	cursor: pointer;
	box-shadow: 0 0 2px rgb(74 74 74) !important;
}
/*----------------------------------------------------------*/
/*-------------- Оформление Log.php ------------------------*/
/*----------------------------------------------------------*/
.BlockLogLeft {
	margin: 5px 0px 0px 5px !important;
	width: 262px !important;
    overflow: hidden;
}
.BlockLogRight {
	margin: 5px 5px 0px 5px !important;
	width: calc(100% - 278px) !important;
    overflow: hidden;
}
.service_stat {
	font-weight: bold;
	font-style: italic;
	text-overflow: ellipsis;
    overflow: hidden;	
}
/*----------------------------------------------------------*/
/*-------------- Оформление Settings_service.php -----------*/
/*----------------------------------------------------------*/
.BlockSettingsServiceLeft {
	margin: 5px 0px 0px 5px !important;
	width: 262px !important;
    overflow: hidden;
}
.BlockSettingsServiceRight {
	margin: 5px 5px 0px 5px !important;
	width: calc(100% - 278px) !important;
    overflow: auto;
}
/*----------------------------------------------------------*/
/*-------------- Оформление manual.php ----------------------*/
/*----------------------------------------------------------*/
.BlockManualLeft {
	margin: 5px 0px 0px 5px !important;
	width: calc(85% - 8px) !important;
    overflow: auto;
}
.BlockManualRight {
	margin: 5px 5px 0px 5px !important;
	width: calc(15% - 8px) !important;
	min-width: fit-content;
}
#toc ul {
	list-style: none;
	padding: 10px;
	margin-left: 10px;
	text-align: left;	
}
.section {
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: black;
	text-align: center;
	text-decoration: underline;
}
.subsection {
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: black;
	text-align: center;
	font-style: italic;
}
.section-link {
	font-size: 18px;
	margin-top: 7px;
	color: black;
	text-decoration: none;
}
.subsection-link {
	font-size: 16px;
	margin-left: 15px;
	color: black;
	text-decoration: none;
	font-style: italic;
}
.subsection-link:before {
	content: " - ";
}
.a-link {
	color: black;
	text-decoration: none;
}
.a-link:hover {
	color: black;
	text-decoration: none;
}
.tablcont {
	font-size: 24px;
	text-align: center;
	text-decoration: underline;
}
.sec_info{
	padding: 15px;
	text-align: justify;
}
.ver_info{
	padding: 0px 15px 0px 0px;
	text-align: justify;
}
p {
  text-indent: 30px;
  margin: 0px;
}
img.picman {
	float: right;
	padding: 10px 0px 10px 15px;
}
/*----------------------------------------------------------*/
/*-------------- Оформление about.php ----------------------*/
/*----------------------------------------------------------*/
.about_name {
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
	width: 100%;
    margin-left: -20px;
}
.BlockSettingsServiceRight {
	margin: 5px 5px 0px 5px !important;
	width: calc(100% - 278px) !important;
    overflow: auto;
}
/*----------------------------------------------------------*/
/*-------------- selectdown таблица ------------------------*/
/*----------------------------------------------------------*/
.selectdown {
	width: 100%;
	display: inline-block;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	box-shadow: 0 0 2px rgb(74 74 74);
	transition: all .5s ease;
	position: relative;
	font-size: 1rem;
	color: black;
	height: 38px;
	text-align: left;
}
.selectdown .select {
    cursor: pointer;
    display: block;
    padding: 0.375rem 0.75rem;
	height: 38px;
}
.selectdown .select > i {
    font-size: 13px;
    color: #888;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    padding-top: 7px;
}
.selectdown:hover, .selectdown:active{
	box-shadow: 0 0 5px rgb(34 34 34);
}
.selectdown.active:hover, .selectdown.active {
	box-shadow: 0 0 5px rgb(34 34 34);
	border-radius: 2px 2px 0 0;
	border-color: #86b7fe;
}
.selectdown.active .select > i {
	transform: rotate(-90deg)
}
.selectdown .selectdown-menu {
    position: absolute;
	background-color: #fff;
	width: 100%;
	left: 0;
	margin-top: 1px;
	box-shadow: 2px 2px rgb(204 204 204);
	border-radius: 0px 0px 5px 5px;
	border: 1px solid #bdbfc1;
	border-top: none;
	margin-top: 1px;
	overflow: hidden;
	display: none;
	max-height: 250px;
	overflow-y: auto;
	z-index: 9
}
.selectdown .selectdown-menu li {
	padding: 3px 20px 0px 10px;
	transition: all .2s ease-in-out;
	cursor: pointer
} 
.selectdown .selectdown-menu {
	padding: 0;
	list-style: none
}
.selectdown .selectdown-menu li:hover {
	background-color: #cbebf7;
}
.selectdown .selectdown-menu li:active {
	background-color: #b1b8fb;
}
.selectdown .selectdown-menu li.selected {
	background-color: #b1b8fb;
	font-style: italic;
}
.selectdown span{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	display: inline-block;
    vertical-align: middle;
    width: calc(100% - 10px);
    height: 38px;
	}
.selectdown li{
    padding: 3px 5px 0px 5px !important;
    cursor: pointer;
    list-style: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 90%;
	}
.square {
    border: 1px solid #ccc;
    width: 60px;
    height: 38px;
    border-radius: 5px;
    padding: 2px;
    justify-content: center;
    display: flex;
    align-items: center;
    background: white;
}
div#layout {
  text-align: center;
}
div#container {
  width: 1000px;
  height: 600px;
  margin: auto;
  background-color: #2F4A6D;
}
svg {
  width: 100%;
  height: 100%;
}
.bar {
  fill: #80cbc4;
}
text {
  font-size: 12px;
  fill: #fff;
}
path {
  stroke: gray;
}
line {
  stroke: gray;
}
line#limit {
  stroke: #FED966;
  stroke-width: 3;
  stroke-dasharray: 3 6;
}
.grid path {
  stroke-width: 0;
}
.grid .tick line {
  stroke: #9FAAAE;
  stroke-opacity: 0.3;
}
text.divergence {
  font-size: 14px;
  fill: #2F4A6D;
}
text.value {
  font-size: 14px;
}
text.title {
  font-size: 22px;
  font-weight: 600;
}
text.label {
  font-size: 14px;
  font-weight: 400;
}
text.source {
  font-size: 10px;
}
input.form-control{
 box-shadow: 0 0 2px rgb(74 74 74) !important;
 height: 38px !important;
}
div.form-name{
	display: inline-block;
	line-height: 38px !important;
	vertical-align: middle !important;
}
select.form-select{
 box-shadow: 0 0 2px rgb(74 74 74) !important;
}
input.form-control:hover, select.form-select:hover{
 box-shadow: 0 0 5px rgb(34 34 34) !important;
}
input.error {border: 1px solid red !important;}
input.valid {border: 1px solid green !important;}
/*----------------------------------------------------------*/
/*--------------  Progressbar  -----------------------------*/
/*----------------------------------------------------------*/
.reload_main {
	width: 100%;
	justify-content: center;
	padding: 0px 10px 0px 10px;
	margin-top: -20px;
}
.reload_data {
	font-size: 0.7em;
	text-align: end;
	width: 100%;
	display: flex;
	justify-content: end;
	cursor: default;
}
div#reloadbar .ui-widget-header{
	border-bottom: none !important;
//	background: white !important;
	}
div#reloadbar .ui-progressbar {
	height: 10px !important;
	border-radius: 5px !important;
	border: 1px solid #ccc !important;
	box-shadow: 0px 0px 5px #0072ff5c;
	}
div#reloadbar .ui-progressbar-value {
	background-image: url('/img/progress-animation.gif');
	}
div#reloadbar .ui-progressbar .ui-progressbar-value {
	margin: 0px !important;
	height: 100%;
	}
div#reloadbar .ui-progressbar-complete {
//	background-image: url('/img/progress-animation_stop.png');
//	height: 100%;
	}
div#reloadbar .complete {
	background-image: url('/img/progress-animation_stop.png');
	height: 100%;
	}	
/*----------------------------------------------------------*/
/*-------------- Div таблица -------------------------------*/
/*----------------------------------------------------------*/
div.table {
	display: table;
	box-sizing: border-box;
	border-collapse: separate;
	empty-cells: show; 
	margin: 0;	
}
div.table-tbody {display: table-row-group;}
div.table-tr {display: table-row;}
div.table-th {display: table-cell;}
div.table-td {display: table-cell;}
.table-tbody .table-tr:nth-child(even){background: #e5f8ff;}
.table-tbody .table-tr:nth-child(odd){background: white;	}
.table-tbody .table-tr:hover{
	background: #eee;
	cursor: pointer;
}
.sticky_up {
	position: sticky;
	top: 0;
}
.sticky_bottom {
	position: sticky;
	bottom: -1px;
}
.sticky_left {
	position: sticky;
	left: 0;
	top: 80px;
}
.DivCell_header {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
    font-size: 15px;
	text-align: center;
    vertical-align: middle;
	cursor: default !important;
 	height: 80px;
	padding: 0px !important;
	margin: 0px !important;
	background: #c8cdf7 !important;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;	
}
.DivCell_header_gr {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
    font-size: 14px;
	text-align: center;
    vertical-align: middle;
	padding: 0px 3px 0px 3px !important;
	margin: 0px  !important;
	cursor: default !important;
	height: 40px;
	background: #c8cdf7 !important;	
	white-space: nowrap;
}
.DivCell_header_rowspan {
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px;
	position: relative;
    bottom: -15px;
    left: 0px;
    margin: 0px !important;
    padding: 0px 3px 0px 3px !important;
	margin: 0px  !important;
    float: left;
    height: 30px;
    cursor: default !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 30px;
}
.DivCell_input {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
    vertical-align: middle;
}
.DivCell_val {
	font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
	padding: 0px 3px 0px 3px !important;
	margin: 0px  !important;
	text-align: center;
    vertical-align: middle;
	cursor: pointer;
	white-space: nowrap;	
    text-overflow: ellipsis;
    overflow: hidden;
	max-width: 0px;	
}
.DivCell_log {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	padding: 1px 2px 1px 2px !important;
	margin: 0px  !important;
	text-align: center;
    vertical-align: middle;	
}
.DivCell_val_sum {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
    font-size: 13px;
	padding: 0px 3px 0px 3px !important;
	margin: 0px  !important;
	text-align: center;
    vertical-align: middle;
	cursor: default !important;
	white-space: nowrap;	
    text-overflow: ellipsis;
    overflow: hidden;
	max-width: 0px;	
}
.DivCell_val_rowspan {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    padding: 0px 3px 0px 3px !important;
	margin: 0px !important;
    float: left;
	text-align: center;
    vertical-align: middle;
	cursor: pointer;
    height: 25px;
	line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.DivCell_time {
	font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
	padding: 0px 3px 0px 3px !important;
	margin: 0px  !important;
	height: 25px;
	line-height: 25px;
	text-align: center;
    vertical-align: middle;
	cursor: default !important;
}
.DivCell_point_sum {
	font-family: Arial, Helvetica, Verdana, sans-serif;
    padding: 0px 0px 0px 10px !important;
	margin: 0px  !important;
    font-size: 14px;
	text-align: left;
    vertical-align: middle;
	cursor: default !important;	
	background-color: #eee !important;	
}
.DivCell_point_hide_zone{
	padding: 0px 5px 0px 0px !important;
	margin: 0px  !important;
	cursor: default;
	display: flex !important;
    justify-content: end;
	background: #eee !important;	
}
div.point_hide{
	background-image: url('/img/minus.png');
	background-repeat: no-repeat;
	background-size: cover;	
    height: 30px;
    width: 30px;
	cursor: pointer !important;
}
div.point_hide:hover{background-image: url('/img/minus-hover.png');}
div.point_hide2{background-image: url('/img/plus.png') !important;}
div.point_hide2:hover{background-image: url('/img/plus-hover.png') !important;}
/*----------------------------------------------------------*/
/*-------------- Scrollbar ---------------------------------*/
/*----------------------------------------------------------*/
 ::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	scroll-padding-top: var(--header-height);
} 
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
} 
::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 6px black; 
}
/*Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color:  #9d9d9d #ddd !important;
}
/*----------------------------------------------------------*/