/* default */
@font-face {font-family:Montserrat; src:url(fonts/Montserrat-Regular.ttf);}
@font-face {font-family:MontserratL; src:url(fonts/Montserrat-Light.ttf);}
@font-face {font-family:MontserratB; src:url(fonts/Montserrat-Bold.ttf);}
@font-face {font-family:MontserratEB; src:url(fonts/Montserrat-ExtraBold.ttf);}
@font-face {font-family:Roboto; src:url(fonts/Roboto-Regular.ttf);}
@font-face {font-family:icons; src:url(fonts/icomoon.ttf);}
@font-face {font-family:Francol; src:url(fonts/Franco-C3SA.ttf);}
@font-face {font-family:Franco900; src:url(fonts/Franko-900.ttf);}
@font-face {font-family:Franco500; src:url(fonts/Franko-500.ttf);} /* medium */
@font-face {font-family:Franco400; src:url(fonts/Franko-400.ttf);} /* regulsr | normal */
@font-face {font-family:Franco; src:url(fonts/Franko-E3SA.ttf);}
* {margin:0px; padding:0px; vertical-align:top;}
html {min-height:100%; font-family: 'Montserrat', sans-serif;}
body {
	position:relative;
	padding:0px;
	margin:0px;
	width: 100%;
	/* max-width: 1920px;  */
	min-height: 100vh;
	margin: 0 auto;
	font-family:Franco;
	font-size:14px;color: #000000;
}
span{display:inline-block;}
div {display:block;position:relative;vertical-align:top;}
#chart-div div {
	position: static;
}
li {text-decoration:none; list-style:none;vertical-align:top;}
a {	text-decoration:none; vertical-align:top;color:#fab400; display:inline-block;}

/* Global */
header , section , main , footer{display: block; position:relative;}
body > header {
	display:flex;justify-content:space-between;align-items: center; flex-wrap: wrap;
    width: 100%;
    height: 50px;
    padding: 0px;
    font-size: 1.3em;
    box-sizing: border-box;
    background: #ffffff;
    border-bottom: 1px solid #f0f0f0;
	z-index: 21;
	font-family:Montserrat;
}
body > header h1 {
	font-size: 1.6em;
    font-weight: 500;
}
body > header a {display:inline-block; paddingп:0px 10px;}
body > header a img{
	/*height: 34px;*/
	padding: 0 0 0 10px;
}
body > header h1 {display:inline-block; font-size:0.8em; color:#6C6D6F;}

body > main {
	display:block;
	position: relative;
	left: 0px;
    width: 100%;
    min-width: 320px;
    /* min-height: calc(100vh - 68px); */
    box-sizing: border-box;
	padding:0px 0px 0px 55px;
	z-index:20;
}
body > main.of {left:0px; width:100%;}

body > main > section{
	display:block;
	position: relative;
	width:100%;
	text-align: center;
	height: calc(100vh - 84px);
	overflow: auto;
	z-index: 19;
	background:#ededed;
	box-sizing: border-box;
}

body > footer {
	display: none;
	/* display: flex; */
    justify-content: space-between;
    align-items: center;
	width: 100%;
    height: 24px;
    padding: 4px;
    font-size: 12px;
	box-sizing: border-box;
	background:#ffffff;
    border-top: 1px solid #f0f0f0;
	z-index: 21;
}


body main .clouse-ful{
	display:none;
	position: absolute;
	top:0px;
    right: 0px;
	font-size:1.8em;
    padding: 0px 8px;
    z-index: 1000001;
}

/* main:full-screen .clouse-ful{display:block;} */
/* main:-webkit-full-screen .clouse-ful{display:block;} */
/* main:-moz-full-screen .clouse-ful{display:block;} */

body.full main nav{display:none;}
body.full main , body.full main section{
	position: fixed;
    top: 0px;
    left: 0px;
    height: 100vh;
    z-index: 3000;
}

select {
	vertical-align: middle;
	cursor:pointer;
	width: 240px;
	color:#6C6D6F;
	padding:7px;
	margin:0px;
	border:1px solid #6C6D6F;
	border-radius:8px;
	background: #ffffff;
	font-size: 1em;
	font-family:Franco;
}
select:hover{border-color:#000000;outline:none}
select:focus{border-color:#f19b00;outline:none}
select.p2{padding:2px 6px;}

select option{padding:8px;}
select option[disabled]{background:#eee; color:#aaa;}

select.wiev-text {display:inline-block; border:none; width:auto; padding:0px; font-weight: 600;}

form {position:relative; z-index:10;}

input {
    width: 224px;
    vertical-align: middle;
    padding: 7px;
    margin: 0px;
	color:#000000;
    border: 1px solid #6C6D6F;
    border-radius: 8px;
    font-size: 1em;
	font-family:Franco;
}
input:focus{border-color:#000000;outline:none}
input:disabled { background:#ffffff; border: 1px solid #ffffff; padding:7px 0px;}
input::-webkit-input-placeholder { color: #6C6D6F; }
input::-ms-input-placeholder { color: #6C6D6F; }
input::-ms-input-placeholder { color: #6C6D6F; }
input::placeholder { color: #6C6D6F; }

input.tel {padding:7px 0px 7px 15px;}
input.red {border-color:#FF0000;}

.plus-from-input-tel{
	position:absolute;
	top:23%;
	left:7px;
	font-size:14px!important;
	color:#000000!important;
}

input[type="submit"] {cursor:pointer;}
input[type="file"] {width:250px; cursor:pointer; border: 1px solid #fff;}
input[type="checkbox"] {width:16px; height:16px;}


input[type=time] {
	width: 68px;
	padding: 5px;
	border: 1px solid #6C6D6F;
    border-radius: 8px;
    font-size: 1em;
}

input[type=time]:disabled {padding:0px; border:none; padding:7px 0px;}

textarea {
	vertical-align: middle;
	width: 224px;
	color:#888;
	padding:4px;
	margin: 4px;
	border:1px solid #6c6d6f;
	border-radius:8px;
	font-size:1em;
	font-family: 'Montserrat', sans-serif;
}

button {
	cursor:pointer;
	color:#fab400;
	padding: 6px 16px;
	background: #ffffff;
    border: 1px solid #fab400;
	border-radius:20px;
	transition: background 0.5s;
	font-size:1em;
	font-family: 'Montserrat', sans-serif;
}
button:focus{border-color:#fab400;outline:none;}
button:hover{background:#fab400;color:#FFF;}
button:active{background:#fab400;color:#FFF;box-shadow: inset 0px 4px 8px 0px rgba(0,0,0,0.1);}

label {cursor:pointer;display:inline-block; padding: 4px 4px 4px 4px; min-width: 180px;}
label div{vertical-align: middle;}
label span{vertical-align: middle;}
label .icon{width:25px; height:25px;}
label .checkbox{margin:0px 4px;}

canvas {user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}

	/* text & colors & buttons */
.tc_white {color:#ffffff;}
.tc_green {color:#0BC40B;}
.tc_red {color:#FF0000;}
.tc_blue {color:#569AD4;}
.tc_black {color:#000000;}
.tc_grey {color:#6C6D6F;}
.tc_greyD8 {color:#D8D8D8;}
.tc_grey6 {color:#6C6D6F;}
.tc_greyС9 {color:#C9C9C9;}
.tc_grey8 {color:#888888;}
.tc_greyA {color:#6C6D6F;}
.tc_greyA5 {color:#A5A5A5;}
.tc_grey_fon {color:#b0b0b0;}
.tc_orange {color:#FAB400;}

.tw_500 {font-weight:500;}
.tw_600 {font-weight:600;}
.tw_700 {font-weight:700;}
.tw_900 {font-weight:900;}

.ts_07 {font-size:0.7em;}
.ts_08 {font-size:0.8em;}
.ts_09 {font-size:0.9em;}
.ts_10 {font-size:1.0em!important;}
.ts_12 {font-size:1.2em;}
.ts_13 {font-size:1.3em;}
.ts_15 {font-size:1.5em;}
.ts_20 {font-size:2.0em;}

.ts_11p {font-size:11px;}
.ts_12p {font-size:12px;}
.ts_14p {font-size:14px;}
.ts_16p {font-size:16px;}
.ts_18p {font-size:18px;}
.ts_24p {font-size:24px;}
.ts_25p {font-size:25px;}
.ts_36p {font-size:36px;}

.tl_21p	{line-height:21px;}

.ta_left {text-align:left;}
.ta_center {text-align:center;}
.ta_right {text-align:right;}
.ta_justify  {text-align:justify ;}

.tt_capitalize:first-letter {text-transform:uppercase;}

.tf_mb{font-family:MontserratB;}
.tf_fr900{font-family:Franco900;}
.tf_fr500{font-family:Franco500;}

.text_line {text-decoration:underline;}

	/* background */
.bc-green {background:#0BC40B;}
.bc-grey {background:#D3D4D3;}

	/* block width*/
.block_w_100{width:100%!important;}
.block_w_95{width:95%!important;}
.block_w_85{width:85%!important;}
.block_w_80{width:80%!important;}
.block_w_75{width:75%!important;}
.block_w_65{width:65%!important;}
.block_w_60{width:60%!important;}
.block_w_50{width:50%!important;}
.block_w_47{width:47%!important;}
.block_w_40{width:40%!important;}
.block_w_45{width:45%!important;}
.block_w_35{width:35%!important;}
.block_w_30{width:30%!important;}
.block_w_20{width:20%!important;}
.block_w_15{width:15%!important;}
.block_w_10{width:10%!important;}
.block_w_5{width:5%;}

.block_w_auto{width:auto!important;}
.block_w_20p{width:20px!important;}
.block_w_30p{width:30px!important;}
.block_w_35p{width:35px!important;}
.block_w_40p{width:40px!important;}
.block_w_46p{width:46px!important;}
.block_w_50p{width:50px!important;}
.block_w_55p{width:55px!important;}
.block_w_60p{width:60px!important;}
.block_w_65p{width:65px!important;}
.block_w_70p{width:70px!important;}
.block_w_80p{width:80px!important;}
.block_w_85p{width:85px!important;}
.block_w_100p{width:100px!important;}
.block_w_120p{width:120px!important;}
.block_w_130p{width:130px!important;}
.block_w_140p{width:140px!important;}
.block_w_150p{width:150px!important;}
.block_w_153p{width:153px!important;}
.block_w_170p{width:170px!important;}
.block_w_168p{width:168px!important;}
.block_w_180p{width:180px!important;}
.block_w_200p{width:200px!important;}
.block_w_210p{width:210px!important;}
.block_w_220p{width:220px!important;}
.block_w_240p{width:240px!important;}
.block_w_250p{width:250px!important;}
.block_w_260p{width:260px!important;}
.block_w_280p{width:280px!important;}
.block_w_305p{width:305px!important;}
.block_w_340p{width:340px!important;}
.block_w_420p{width:420px!important;}
.block_w_479p{width:479px!important;}
.block_w_650p{width:650px!important;}

.block_mw_110p{max-width:110px!important;}

.block_h_100{height:100%!important;}
.block_h_90{height:90%!important;}
.block_h_85{height:85%!important;}
.block_h_80{height:80%!important;}
.block_h_18p{height:18px!important;}
.block_h_50p{height:50px!important;}
.block_h_300p{height:300px!important;}
.block_h_250p{height:250px!important;}
.block_h_150p{height:150px!important;}

.block_h_max_250p{max-height:250px!important;}

.block_m_auto{margin:auto;}
.block_m_0{margin:0px;}
.block_m_4{margin:4px;}
.block_m_8{margin:8px;}
.block_m_10{margin:10px;}
.block_m_20{margin:20px;}
.block_ml_6{margin-left:6px;}
.block_ml_8{margin-left:8px;}
.block_ml_10{margin-left:10px;}
.block_ml_20{margin-left:20px;}
.block_ml_35{margin-left:35px;}
.block_mb_8{margin-bottom:8px;}
.block_mb_20{margin-bottom:20px;}
.block_mt_8{margin-top:8px;}
.block_mt_10{margin-top:10px;}
.block_mt_20{margin-top:20px;}
.block_mt_30{margin-top:30px;}
.block_mt_35{margin-top:35px;}
.block_mr_4{margin-right:4px;}
.block_mr_6{margin-right:6px;}
.block_mr_8{margin-right:8px;}
.block_mr_10{margin-right:10px;}
.block_mr_20{margin-right:20px;}
.block_mr_30{margin-right:30px;}
.block_mrl_4{margin:0px 4px;} .block_mlr_4{margin:0px 4px;}
.block_mrl_8{margin:0px 4px;} .block_mlr_4{margin:0px 8x;}
.block_mrl_10{margin:0px 10px;} .block_mlr_10{margin:0px 10px;}
.block_mtb_20{margin:20px 0px;}

.block_p_0{padding:0px;}
.block_p_4{padding:4px;}
.block_p_6{padding:6px;}
.block_p_8{padding:8px;}
.block_p_10{padding:10px;}
.block_p_15{padding:15px;}
.block_p_20{padding:20px;}
.block_pl_4{padding-left:4px;}
.block_pl_5{padding-left:5px;}
.block_pl_8{padding-left:8px;}
.block_pl_10{padding-left:10px;}
.block_pl_25{padding-left:25px;}
.block_pl_20{padding-left:20px;}
.block_pl_30{padding-left:30px;}
.block_pl_40{padding-left:40px;}
.block_pl_50{padding-left:50px;}
.block_pr_4{padding-right:4px;}
.block_pr_8{padding-right:8px;}
.block_pr_10{padding-right:10px;}
.block_ptb_8{padding:8px 0px;} .block_pbt_8{padding:8px 0px;}
.block_ptb_9{padding:9px 0px;} .block_pbt_9{padding:9px 0px;}
.block_ptb_10{padding:10px 0px;} .block_pbt_10{padding:10px 0px;}
.block_ptb_15{padding:15px 0px;} .block_pbt_15{padding:15px 0px;}
.block_ptb_20{padding:20px 0px;} .block_pbt_20{padding:20px 0px;}
.block_plr_4{padding:0px 4px;} .block_prl_4{padding:0px 4px;}
.block_plr_7{padding:0px 7px;} .block_prl_7{padding:0px 7px;}
.block_plr_8{padding:0px 8px;} .block_prl_8{padding:0px 8px;}
.block_plr_10{padding:0px 10px;} .block_prl_10{padding:0px 10px;}
.block_plr_20{padding:0px 20px;} .block_prl_20{padding:0px 20px;}
.block_pt_2{padding-top:2px;}
.block_pt_4{padding-top:4px;}
.block_pt_8{padding-top:8px;}
.block_pt_10{padding-top:10px;}
.block_pt_15{padding-top:15px;}
.block_pt_20{padding-top:20px;}
.block_pt_30{padding-top:30px;}
.block_pt_40{padding-top:40px;}
.block_pt_45{padding-top:45px;}
.block_pt_50{padding-top:50px;}
.block_pt_60{padding-top:60px;}
.block_pb_4{padding-bottom:4px;}
.block_pb_8{padding-bottom:8px;}
.block_pb_10{padding-bottom:10px;}
.block_pb_15{padding-bottom:15px;}
.block_pb_20{padding-bottom:20px;}
.block_pb_30{padding-bottom:30px;}
.block_pb_50{padding-bottom:50px;}

.block_mp_0{margin:0px; padding:0px;}
	/* dop */
.btn_green {color:#0BC40B; border-color:#0BC40B;}
.btn_orange {color:#fab400; border-color:#fab400;}
.btn_red {color:#ca3434; border-color:#ca3434;}
.pointer {cursor:pointer;}
.help {cursor:help;}
.block-title-name{width:160px!important;}
.block-title-colum{width:260px!important;}
.block-title-colum05{width:176px!important;}
.block-title-name1colum{width:377px!important;}
.block-title-columx2{width:420px!important;}
.block-title-colum300{width:300px!important;}
.block-title-colum310{width:310px!important;}
	/* flex */
.flex_center{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;align-content: center;}
.flex_center_top{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;}
.flex_center_left{display:flex;align-items:center;flex-wrap:wrap;}
.flex_around{display:flex;justify-content:space-around;align-items: center;flex-wrap: wrap;}
.flex_space{display:flex;justify-content:space-between;align-items: center;flex-wrap: wrap;}
.flex_between_top{display:flex;justify-content:space-between; align-items:flex-start; flex-wrap: wrap; align-content: flex-start;}
.flex_between_colum{display:inline-flex!important;justify-content:space-between; flex-direction: column; align-items:flex-start;}
.flex_between{display:flex!important;justify-content:space-between;align-items: center;flex-wrap: wrap;}
	/* position */
.position_relative{position:relative;}
	/* display */
.display_flex {display:flex;}
.display_inline {display:inline-block;}
.display_inline_div > div {display:inline-block;}
.display_block {display:block;}
.display_none {display:none!important;}
.box-sizing-box	{box-sizing: border-box;}
.overflow-auto{overflow: auto;}
	/* vertical */
.vertical-middle{vertical-align: middle;}
.vertical-top{vertical-align: top;}
	/* border */
.border_bot {border-bottom: 1px solid #f1f1f1;}
.border_left {border-left: 1px solid #CCCCCC;}
.border_right {border-right: 1px solid #CCCCCC;}
.border_all {border: 1px solid #adadad;}
.border_r_50 {border-radius: 50%}

.popup_content_block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    padding: 20px;
}

.select_circuit {
	display: flex;
	align-items: center;
    justify-content: center;
	flex-wrap: wrap;
	max-width: 800px;
	width: 100%;
}

.circuit_variant_block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
    width: 370px;
    height: 170px;
    background: #EDEDED;
    border-radius: 8px;
    padding: 20px;
	margin: 10px;
	text-align: center;
	box-sizing: border-box;
}

.circuit_table {
	width: 100%;
	border-collapse: collapse;
}

.circuit_table tr {
	height: 50px;
}

.circuit_table tbody tr:nth-child(odd) {
	background: #F4FAFF;
}

.circuit_table tbody tr:hover {
	cursor: pointer;
	background: #eff5fa !important;
}

.circuit_table td, .circuit_table th {
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

.circuit_table th {
	color: #6C6D6F;
	font-size: 12px;
}


	/* opacity */
.opacity0 {opacity:0;}
.opacity02 {opacity:0.2;}
	/* Mass */
.all-span-midle span {vertical-align: middle;}
.all-span-inline span {display:inline-block;}

.block_full{width:100%;height:100%}
	/* open-clouse */
.open-clouse{visibility: hidden ; opacity:0; transition:opacity 0.4s;}
.open-clouse.open{visibility: visible; opacity:1;}

.block-onof{display:none!important;}
.block-onof.open{display:inline-block!important;}
.block-onof.inline-block{display:inline-block;!important}
.block-onof.block{display:block!important;}
.block-onof.flex{display:flex!important;}

.sticky {
	position: sticky!important;
	position: -webkit-sticky!important;
	position: -moz-sticky!important;
	position: -ms-sticky!important;
	top: 0px;
	background: rgba(255, 255, 255, 1.0)!important;
	z-index:10;
}

	/* none */
.select-none {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	pointer-events: none;
	-webkit-pointer-events: none;
	-moz-user-pointer-events: none;
	-ms-user-pointer-events: none;
}
.user-none {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.list-numder {padding:0px 0px 0px 20px;list-style-type: decimal;}
.list-numder li {list-style-type: decimal;}

/* MENU */
/* main left menu */
.left-menu {
	position:absolute;
    top:0px;
    left:0px;
    width:56px;
    height:100%;
	box-sizing: border-box;
	padding:0px 0px 0px 0px;
	background:#fff;
	z-index: 20;
}
.left-menu a, .left-menu>span{
	cursor:pointer;
	position: relative;
	display: flex;
	width: 36px;
	align-items: center;
	padding: 6px 10px;
	margin: 0px 0px;
	overflow:hidden;
	transition: width 0.5s;
	background: #fff;
	border-bottom:2px solid #fff;
}
.left-menu a .name, .left-menu>span .name{position:absolute; display:inline-block; padding: 0px 0px 0px 48px;}
.left-menu a:hover, .left-menu>span:hover{width:154px; z-index:1; border-bottom:2px solid #fab400;}
.left-menu a:hover .icon{background-color:#f6a100;}
.left-menu a.active {border-bottom:2px solid #fab400;}
.left-menu a.active .icon{background-color:#f6a100;}
.left-menu a .icon{width:20px; height:20px; margin:8px; background-color:#6C6D6F;}
.left-menu .text-icon{width:28px; height:28px; margin: 4px; font-size: 2em;}

.left-menu.admin a {display:none;}
.left-menu.admin>span {display:none;}
.left-menu.admin a#adminbtnpage {display:flex;}

#exituser {background: #fab400;}
#exituser > span {color:#fff;}
#exituser > span:hover .icon{color:#fff;}
	/* list table */
.list {width: 100%;}
.list li {
	position:relative;
	display:flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	text-align:center;
	min-height:61px;
	padding:2px 8px 2px 8px;
	border: 1px solid #fff;
	background: #fff;
	transition: border-color 0.5s;
	box-sizing: border-box;
}
.list li:nth-child(even){background:#f4faff;border: 1px solid #f4faff;}
.list li:hover{border-color:#eff5fa; background:#eff5fa;}
.list li:active{border-color:#f19b00; box-shadow:inset 0px 1px 5px 0px rgba(0,0,0,0.5);}
.list>li>div:first-child{text-align:left;}
.list>li>div:last-child{text-align:right;}
.list.left li{text-align:left;}
.list .one-head{
	position: sticky!important;
	position: -webkit-sticky!important;
	position: -moz-sticky!important;
	position: -ms-sticky!important;
	top: 0px;
	color: #6C6D6F;
	background: rgba(255, 255, 255, 0.92)!important;
	z-index:1001;
	min-height:40px;
	padding:2px 8px 2px 8px;
	font-size: 12px;
}
.list .one-head:hover{border-color:#fff;}
.list .one-head:active{border-color:#fff; box-shadow:none;}

.list .elem-chec{z-index:1008;}

.list .shadow-one-elem{display:none;}
.list .shadow-one-elem.active{display:block;}

.list.no-hover li:hover{border: 1px solid #fff;}
.list.no-hover li:active{border: 1px solid #fff; box-shadow:none;}

.list .btns {z-index: 1002;}

.list .l-icon {width:50px; vertical-align: middle;}
.list .l-icon .icon{width:40px; height:40px; vertical-align: middle;}
.list .l-mail {width:280px;}
.list .l-name {width:260px;}
.list .l-btn {width:80px; z-index:1001;}


.list.templates .equ_n .icon {width: 30px; height: 30px; margin: 0px 20px 0px 0px;}
.list.templates .equ_n .name {vertical-align: middle;}
.list.templates .equ_n {width:40%; min-width:280px; text-align:left;}
.list.templates .equ_t {width:40%; min-width:280px; text-align:left;}
.list.templates .equ_b {width:32px;text-align:left; z-index: 1002;}

.system-list .list li	{align-content: center;}

	/*  equipments */
.list-equipments {width:100%; min-width: 830px;}
.list-equipments li {
	position:relative;
	display:flex;
	justify-content: space-between;
	align-items:center;
	text-align:left;
	min-height:61px;
	padding: 0px 4px 0px 8px;
	/* border: 1px solid #fff; */
	background: #fff;
	transition: border-color 0.5s;
	box-sizing: border-box;
	transition: all 0.2s;
}
.modal-window-view .list-equipments li {
	justify-content: space-evenly;
}
.list-equipments li > div{display:inline-block;}
.list-equipments li:nth-child(even){background:#f4faff;border-color:#f4faff;}
.list-equipments li:hover{border-color:#eff5fa; background:#eff5fa;}
.list-equipments li:active{opacity: 0.5;}
.list-equipments .one-equipment .icon{width:30px; height:30px; margin: 0px 20px 0px 0px;}
.list-equipments .one-equipment .spec-icon-list-left{width:61px; height:61px;}

.list-equipments .one-head.sticky {
	position: sticky;
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	top: 0px;
	background: rgba(255, 255, 255, 0.8);
	z-index:2000;
	min-height: 40px;
    padding: 2px 4px 2px 8px;
}
.list-equipments .one-head {position:relative;color:#6C6D6F; font-size:12px;}
.list-equipments .one-head:hover{border-color:#fff;}
.list-equipments .one-head:active{box-shadow:none; opacity: 1;}

.list-equipments .equ_t {width:36px;display: inline-block; vertical-align: middle;}
.list-equipments .equ_n {width:30%; text-align: left; text-align: left; display: flex; align-items: center; flex-wrap:wrap}
.list-equipments .equ_n .text_name{max-width: 290px; overflow:hidden;}
.list-equipments .equ_d {width:10%;}
.list-equipments .equ_p {width:10%;}
.list-equipments .equ_i {width:10%;}
.list-equipments .equ_b {width:32px; cursor:pointer; z-index:1002; color:#fab400; padding:8px 0px 8px 20px;}
.list-equipments .equ_b .settings-butt{display:flex; justify-content:center; align-items:center;}
.list-equipments .equ_b .settings-butt > div {margin:0px 4px;}
.list-equipments .equ_b .settings-butt .icon {cursor:pointer;}

.list-equipments .state-on .equ_d{color:#0064ff;}
.list-equipments .state-off {color:#d6d6d6;}
.list-equipments .state-n .equ_d{color:#0BC40B;}
.list-equipments .state-w {
	animation-name: example_w;
	animation-duration: 2.5s;
	animation-iteration-count:infinite;
	animation-timing-function: ease-in-out;}
.list-equipments .state-a {
	color:#fff;
	animation-name: example_a;
	animation-duration: 2.5s;
	animation-iteration-count:infinite;
	animation-timing-function: ease-in-out;
}

.list-equp-no-select .list-equipments .equ_b {display:none;}
.list-equipments.nobtn .equ_b {display:none;}

.list-equipments.system-list li div:nth-child(4){display:none;}

.list-equipments .spec_prog_iotps {width:90%;display:flex;align-items:center;flex-wrap:wrap;}
.list-equipments .spec_prog_iotps .name {width:230px;}
.list-equipments .spec_prog_iotps .send {padding:0px 0px 0px 15px;}

	/*  template */
.list-param-template {}
.list-param-template .one-param{
	display:flex;justify-content:space-between;align-items: center;flex-wrap: wrap;
	min-height: 61px;
	padding:8px;
	box-sizing: border-box;
	border-radius:8px;
}

.list-param-template li:nth-child(even){background:#f4faff;border: 1px solid #f4faff;}
.list-param-template .one-param > .name{width:200px}
.list-param-template .one-param .param{min-width:280px; width:38%}
.list-param-template .one-param.of {opacity: 0.5;}
/*
.list-param-template .one-param.of input{color:#cccccc; border-color:#cccccc;}
.list-param-template .one-param.of {color:#cccccc;}
.list-param-template .one-param.of .btn-int span{border-color:#cccccc;}
.list-param-template .one-param.of .btn-int .btn_int_click{color:#cccccc;}
.list-param-template .one-param.of .btn-int .inp_num_val{color:#cccccc; border-color:#cccccc;}
.list-param-template .one-param.of .on-off{background:#efefef;}
.list-param-template .one-param.of .on-off.active{background:#b6ebb6;}
.list-param-template .one-param.of select{color:#cccccc; border-color:#cccccc;}
.list-param-template .one-param.of .controler{background:rgba(204,204,204,0.6);}
.list-param-template .one-param.of .box-color{opacity: 0.5;}

.list-param-template .one-param.of .plus-from-input-tel{color:#cccccc!important;}
.list-param-template .one-param.of .icon {opacity: 0.5;}
*/
	/*  list projects */
.list-projects {width:100%;}
.list-projects li {
	position:relative;
	display:flex;
	justify-content: space-between;
	min-height:61px;
	align-items: center;
	text-align:center;
	padding: 2px 4px 2px 8px;
	border: 1px solid #fff;
	transition: border-color 0.5s;
	box-sizing: border-box;
}
.list-projects li > div{display:inline-block;}
.list-projects li:nth-child(even){background:#f4faff;border:1px solid #f4faff;}
.list-projects li:hover{border-color:#eff5fa; background:#eff5fa;}
.list-projects li:active{box-shadow:inset 0px 1px 5px 0px rgba(0,0,0,0.5);}

.list-projects .equ_n .icon{width:30px;height:30px;}

.list-projects .one-head.sticky {
	position: sticky;
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	top: 0px;
	min-height: 40px;
	background: rgba(255, 255, 255, 0.8);
	z-index:1008;
	font-size: 12px;
}
.list-projects .one-head {position:relative;color:#6C6D6F;}
.list-projects .one-head:hover{border-color:#fff;}
.list-projects .one-head:active{box-shadow:none;}

.list-projects .equ_n {width:80%; text-align:left; display:flex; align-items:center;}
.list-projects .equ_b {width: 80px; z-index: 1002;}
.list-projects .equ_check {width:80px;}

.list-projects .settings-butt .text-icon{padding:0px 4px;}

.list-projects .state-on .equ_d{color:#0064ff;}
.list-projects .state-off {color:#D3D4D3;}
.list-projects .state-n .equ_d{color:#0BC40B;}
.list-projects .state-w {
	animation-name: example_w;
	animation-duration: 2.5s;
	animation-iteration-count:infinite;
	animation-timing-function: ease-in-out;}
.list-projects .state-a {
	color:#fff;
	animation-name: example_a;
	animation-duration: 2.5s;
	animation-iteration-count:infinite;
	animation-timing-function: ease-in-out;
}
.view-table-btn {text-align:right;}
.view-table-btn .text-icon{padding:3px 8px;}
.view-table-btn .active{color:#fab400; box-shadow:0px 0px 3px 0 #fab400; border-radius: 5px;}

/*  list program */
.list-programs {width:100%; min-width: 830px;}
.list-programs .equ_n{display: inline-block; width:310px;}
.list-programs .equ_n .equ_t{vertical-align:middle; display: inline-block; width:50px;}
.list-programs .equ_n .icon{width:30px; height:30px;}
.list-programs .equ_n .name{vertical-align:middle;  padding-left:8px;}
.list-programs .equ_s{display: inline-block; width:180px;  text-align: left;}
.list-programs .equ_b{display: inline-block; width:50px; z-index: 1002;}

.programs-list-modal .list-equipments .equ_b{display:none;}

/*  list jurnal */
.list.jurnal li { justify-content: start; text-align: left; }
.list.jurnal li .time{width: 150px;}
.list.jurnal li .info{width: calc(100% - 160px);}

.click {
	cursor:pointer;
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	z-index:999;
}

.loading-page {
	display:none;
	position:absolute;
	top:0px;
	width:100%;
	height:8px;
	background-image:url(../img/tenor-l.gif);
	background-size:308px 100%;
	background-position: 0% 0%;
	z-index:1;
}
.loading-page.active{display:block;}

.loading-content {
	display: block;
    width: 100%;
    height: 100%;
    min-width: 100px;
    min-height: 100px;
    background-image: url(../img/loader-content.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}
.loading-content-mini {
    display: inline-block;
	width: 24px;
	height: 24px;
    background-image: url(../img/loader-content.svg);
	background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}
.loading-content-mini.s32 {width:32px; height:32px;}

.loading-content-mini.of {display:none;}


.button , .style_btn {
	display:inline-block;
	cursor:pointer;
	color:#fab400;
	padding: 8px 16px;
	text-align: center;
    border: 1px solid #fab400;
	border-radius:8px;
	transition: all 0.5s;
	font-size:14px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.button.noback {background:none;}

.button:focus , .style_btn:focus{border-color:#fab400;outline:none;}
.button:hover , .style_btn:hover{background:#fab400;color:#000;}
.button:active , .style_btn:active{background:#fab400;color:#000;}

.button.grey , .style_btn.grey {border: 1px solid #58575B; color:#000000;}
.button.grey:hover , .style_btn.grey:hover {background:#FFB100; border:1px solid #FFB100; color:#000;}
.button.grey:active , .style_btn.grey:active {background:#FBBF35; border:1px solid #FBBF35; color:#000;}

.style_btn.orange{background: #ffce4f; border-color: #ffce4f; color:#000000;}
.style_btn.orange:hover{background: #fab400 ; border-color: #fab400 ;}
.style_btn.orange:active{background: #FAB400; border-color: #FAB400;}

.style_btn.orangeBack{background:#ffce4f; border-color:#ffce4f; color:#000000;}
.style_btn.orangeBack:hover{background: #fab400 ; border-color: #fab400 ;}
.style_btn.orangeBack:active{background: #FAB400; border-color: #FAB400;}

.style_btn.green{background:#0BC40B; border-color:#0BC40B; color:#ffffff;}
.style_btn.green:hover{background:#06e406 ; border-color:#06e406 ;}
.style_btn.green:active{background:#04f804; border-color:#04f804;}

.style_btn.red{background:#dd0303; border-color:#FF0000; color:#ffffff;}
.style_btn.red:hover{background:#f00000 ; border-color:#f00000 ;}
.style_btn.red:active{background:#FF0000; border-color:#FF0000;}

.style_btn.Bgrey {background:#D3D4D3; border:1px solid #D3D4D3; color:#000;}

.style_btn.hover-green.active {background:#0BC40B; border:1px solid #0BC40B; color:#fff;}
.style_btn.hover-green:hover {background:#0BC40B; border:1px solid #0BC40B; color:#fff;}
.style_btn.hover-green:active {background:#18ec18; border:1px solid #18ec18; color:#fff;}

.style_btn.active-green:hover {background:#6C6D6F; border:1px solid #6C6D6F; color:#fff;}
.style_btn.active-green:active {background:#18ec18; border:1px solid #18ec18; color:#fff;}
.style_btn.active-green.active {background:#0BC40B; border:1px solid #0BC40B; color:#fff;}
.style_btn.active-green.active-border {border: 2px solid #0BC40B; width: 116px !important;}
.style_btn.active-green.active-border-summer {border: 2px solid #0BC40B; }

.style_btn.nocursor {cursor:default;}

.style_btn.p2 {padding: 2px 15px;}
.style_btn.p3 {padding: 3px 15px;}
.style_btn.p4 {padding: 4px 15px;}
.style_btn.p5 {padding: 5px 15px;}
.style_btn.p12 {padding: 12px 15px;}
.style_btn.ts_11p  {font-size:11px;}
.style_btn.w150p {width:118px;}

.btn_view_2 {background: #e89602; color:#fff;}

.button_text, .btn_text {cursor:pointer; color:#fab400; text-decoration:underline;}
.button_text:hover, .btn_text:hover{color:#e99f00; text-decoration:none;}

.button_text.grey, .btn_text.grey {color:#888888;}
.button_text.black, .btn_text.black {color:#000000;}
.button_text.blue, .btn_text.blue {color:#409CFE;}

.button_text_2, .btn_text_2 {display:inline-block; cursor:pointer; color:#fab400; text-decoration:none;}
.button_text_2:hover, .btn_text_2:hover{color:#ff9400; text-decoration:none;}
.button_text_2:active, .btn_text_2:active{color:#ffaf3f; text-decoration:none;}

.button_text_red{display:inline-block; cursor:pointer; color:#ca3434; text-decoration:none;}
.button_text_red:hover{color:#e99f00; text-decoration:none;}

.button-add{
	display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 35px;
    height: 35px;
    padding: 0px;
    font-size:21px;
    color: #bbbbbb;
    border-radius: 50%;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
    background: rgba(255, 255, 255, 1.0);
}
.button-add:hover {box-shadow: 0 2px 6px 0 #ffca6c; color:#fab400;}
.button-add:active {box-shadow: 0 2px 6px 0 #fab400; color:#fab400;}

.max-1200 {max-width:1200px; margin:auto;}

	/* filter */
.filter {display:inline-block; padding: 0px 10px; box-sizing: border-box;}
	/* search */
.search {display:inline-block;}
.search input {font-size:12px; padding:4px 8px;}
.search .search-block{
	position: absolute;
    top: 0px;
    right: 12px;
    z-index: 10;
    font-size: 18px;
    color: #ddd;
    transform: rotate(-45deg);
    cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.search .search-block:hover{color:#fab400;}
.search .search-block:active{color:#fab400;}

.search .clear-search-block{
	display:none;
	position: absolute;
    top: 3px;
    right: -20px;
	cursor: pointer;
	font-size: 20px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.search .clear-search-block:hover{font-weight: 600;}
.search .clear-search-block:active{font-weight: 600; transform: scale(0.9);}
.search.active .clear-search-block{display:block;}

.btn-open-filter:hover .icon {background:#FAB400;}

	/* main block */
.main-block {
	display: flex;
    justify-content: space-between;
	align-items:flex-start;
	flex-wrap: wrap;
	padding:20px;
	box-sizing: border-box;
}
.main-block.ob-center {justify-content:center;}
.main-block.ob-center-top {justify-content:center; align-items:flex-start; align-content:flex-start;}
.main-block.ob-left-top {justify-content:flex-start; align-items:flex-start; align-content:flex-start;}
.main-block.no-P-bot {padding-bottom:0px;}
.main-block.no-p-bot {padding-bottom:0px;}
.main-block.no-p-top {padding-top:0px;}

#equp-content-top {z-index:1012;}
#prog-content-top {z-index:1012;}

.no-connect-block {
	display:none;
	align-content: center;
    justify-content: center;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	padding:250px 0px 0px 0px;
	z-index:1010;
	background:rgba(237,237,237,0.7);
	box-sizing: border-box;
}
.no-connect-block.on{display:flex;}

/* .main-block>div{border-radius:9px 9px 9px 9px} */
.main-block>div:first-child{border-radius:9px 9px 0px 0px}
.main-block>div:last-child{border-bottom: 1px solid #f3f3f3;}

.main-block>div.loading-content-2{border:none;}

.main-block.no-P-bot>div:first-child{border-radius:9px 9px 0px 0px}
.main-block.no-p-bot>div:first-child{border-radius:9px 9px 0px 0px}
.main-block.no-p-bot>div:last-child{border-radius:9px 9px 0px 0px}

.main-block.no-p-top>div:first-child{border-radius:0px 0px 0px 0px}
.main-block.no-p-top>div:last-child{border-radius:0px 0px 9px 9px}

#no-tile-vijet {border:none;}

.block_r9 {border-radius:9px!important;}

	/* one block */
.one-block {
	width:100%;
    text-align: left;
	margin:0px 0px 0px 0px;
    padding:20px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0px -1px 0px 0px #f3f3f3;
}
.one-block.p10 {padding: 10px 20px;}
.one-block.nop {padding:0px;}
.one-block.nopTop {padding:0px 20px;}
.one-block.noline {box-shadow:none;}
.one-block h3{color:#b0b0b0; font-weight:400; font-size:1.4em;}
.one-block h4{
	width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    font-size: 1.0em;
    color: #000000;
}
.one-block h4.block_m_0{margin:0px;}

.one-block h5{
	display:inline-block;
	font-size:1.2em;
	color:#000000;
	font-weight:600;
	margin:0px 12px 0px 0px;
	box-sizing:border-box;
}
.one-block h5.block_w_100{margin:0px;}
.one-block > header {width:100%;}
.one-block > section {width:100%;}
.one-block > footer {width:100%;}

.one-block.ob-center {justify-content:center;}
.one-block.ob-column {flex-direction:column;}
.one-block.ob-top {align-items:flex-start;}
.one-block.no-flex {display:block;}
.one-block.top-line > header{border-bottom: 1px solid #f4f4f4;}
.one-block:last-child{margin:0px;}


	/* one block col*/
.one-block-col {
	display: flex; align-items: center; flex-wrap: wrap;
	width:100%;
	text-align:left;
	margin:0px 0px 0px 0px;
    padding:20px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0px -1px 0px 0px #f3f3f3;
}
.one-block-col .title{width:100%; padding: 0px 0px 20px 0px;}
.one-block-col .ltft{display:inline-block; width:160px; height:10px;}
.one-block-col .right{display:inline-block; width:calc(100% - 160px);}
.one-block-col .colum{display:inline-block; width:260px; padding:8px 0px 20px 0px; box-sizing: border-box;}
.one-block-col .colum520{display:inline-block; width:520px; padding:8px 0px 20px 0px; box-sizing: border-box;}
.one-block-col .colum400{display:inline-block; width:400px; padding:8px 0px 20px 0px; box-sizing: border-box;}
.one-block-col .colum690{display:inline-block; width:690px; padding:8px 0px 20px 0px; box-sizing: border-box;}
.one-block-col .columx2{display:inline-block; width:540px; padding:8px 0px 20px 0px; box-sizing: border-box;}
.one-block-col .colum4x{display:inline-block; width:230px; padding:8px 0px 20px 0px; box-sizing: border-box;}
.one-block-col .mcolum{display:inline-block; width:176px; padding:8px 0px 20px 0px; box-sizing: border-box;}
.one-block-col .columFull{display:block; width:100%; padding:8px 0px 20px 0px; box-sizing: border-box;}

.one-block-col h4{font-family:Franco500; font-weight: 500;}
.one-block-col .colum > p{padding:0px 0px 8px 0px;}
.one-block-col .colum > p.block_p_0{padding:0px 0px 0px 0px;}

.one-block-col.no-p-lr {padding:20px 0px;}

.not-you-elem {width:100%; background:#FFF4D3; padding:10px 10px; border-radius:8px;text-align:center;}

	/* one block mpdal*/
.one-block-modal {
	display: flex; align-items: center; flex-wrap: wrap;
	width:100%;
	text-align:left;
	margin:0px 0px 0px 0px;
    padding:20px;
    background: #fff;
    box-sizing: border-box;
}
.one-block-modal .mcolum{display:inline-block; width:176px; padding:8px 0px 20px 0px; box-sizing: border-box;}
.one-block-modal .colum{display:inline-block; width:260px; padding:8px 0px 20px 0px; box-sizing: border-box;}

.one-segment-100 {width:100%;}
.one-segment-50 {width:calc(50% - 2px);}
.one-segment-33 {}
.one-segment-25 {}
.one-segment-20 {}

.mini-modal-wiev {width: 340px; margin: auto;}
.mini-modal-wiev .str{width:100%; display:flex;justify-content:space-between; align-items: center; padding: 0px 0px 25px 0px;}
.mini-modal-wiev .str.top{align-items: flex-start;}
.mini-modal-wiev .str.nop{ padding: 0px 0px 0px 0px;}


.modal-sum-send-maney input{width:140px; padding:7px 21px 7px 7px;}
.modal-sum-send-maney .spec-unit-p{position:absolute; right:8px; top:8px;}

	/* paginator */
.paginator .pagin-pages .icon{background:#6C6D6F; height:14px;}
.paginator .pagin-pages .icon:hover{background:#a5a5a5;}
.paginator .pagin-pages .pagin-numbers > span{
	position: relative;
    cursor: pointer;
    left: 0px;
    display: inline-block;
    border: 1px solid #ffffff;
	border-radius:8px;
    padding: 4px 10px;
    margin: 4px 0px;
	font-size:14px;
	transition: background 0.5s;
	background: #fff;
	color:#CECECE;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.paginator {display:inline-block; max-width:100%;letter-spacing:0px;}
.paginator .pagin-pages .pagin-numbers{display:inline-block;}
.paginator .pagin-pages , .paginator .pagin-amount , .paginator .page-numbers{display: inline-flex; align-items: center;}
.paginator .pagin-pages .left-arrow {border-radius: 4px 0px 0px 4px;}
.paginator .pagin-pages .right-arrow {border-radius: 0px 4px 4px 0px;}
.paginator .pagin-pages span:hover{background-color:#efefef;}
.paginator .pagin-pages span:active{color: #6C6D6F; border-color: #6C6D6F;}
.paginator .pagin-pages span.active{color: #6C6D6F; border-color: #6C6D6F;}
.paginator .pagin-amount select{margin: 4px 10px; padding: 3px; font-size:14px;}

.paginator .template {display:none;}

	/* checkbox */
.checkbox {
	cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    font-size: 1.2em;
    color: #a6a5a5;
    border: 1px solid #bbbbbb;
    border-radius: 8px;
    transition: all 0.5s;
	box-sizing: border-box;
	vertical-align: middle;
	z-index: 1001;
	background:#ffffff;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.checkbox {font-size: 13px;}
.checkbox:hover {border: 1px solid #FAB400;}
.checkbox:active {background: #FAB400; border: 1px solid #FAB400;}
.checkbox.active {background: #FAB400; border: 1px solid #FAB400;}
.checkbox.active:after {
	content: ""; background:#ffffff;
	width:100%; height:100%;
	mask:url(../img/icon/global/scheck.svg); -webkit-mask:url(../img/icon/global/scheck.svg);
}

.checkbox-empty {
	cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    font-size: 1.2em;
    color: #a6a5a5;
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    transition: all 0.5s;
	box-sizing: border-box;
	vertical-align: middle;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.checkbox-empty:hover {border: 1px solid #ffa400;}
.checkbox-empty:active {background: #f19b00; color:#fff; border: 1px solid #ffa400;box-shadow: inset 2px 2px 6px 0px rgba(0,0,0,0.5);}
.checkbox-empty.active {background: #f19b00; color:#fff; border: 1px solid #ffa400;box-shadow: inset 2px 2px 6px 0px rgba(0,0,0,0.5);}

.checkbox-empty.noactive {}
.checkbox-empty.noactive:hover {border: 1px solid #a5a5a5;}
.checkbox-empty.noactive:active {background:#a5a5a5; color:#fff; border:1px solid #a5a5a5;}
.checkbox-empty.noactive.active {background:#a5a5a5; color:#fff; border:1px solid #a5a5a5;}


.btn-checkboxEC {
	cursor:pointer;
	width:150px;
	padding: 5px 0px;
	font-size:11px;
	text-align:center;
	background:#D3D4D3;
	border-radius:8px;
	transition: all 0.2s;
}
.btn-checkboxEC.green {background:#0BC40B; color:#fff;}
.btn-checkboxEC:hover {background:#b0f3b0;}
.btn-checkboxEC:active {background:#0ab10a; color:#fff;}
.btn-checkboxEC.active {background:#0BC40B; color:#fff;}


.checkbox-text {cursor: pointer; display: inline-flex;  justify-content: center; align-items: center;}
.checkbox-text .name{margin:0px 10px;}
.checkbox-text.active .checkbox{background: #FAB400; border: 1px solid #FAB400;}
.checkbox-text.active .checkbox:after {
    content: "";
    background: #ffffff;
    width: 100%;
    height: 100%;
    mask: url(../img/icon/global/scheck.svg);
    -webkit-mask: url(../img/icon/global/scheck.svg);
}
.checkbox-text.active .on-off{background:#0BC40B; border-color:#b1ffae;}
.checkbox-text.active .on-off:after{left: calc(100% - 24px); background:#ffffff; box-shadow: -1px 1px 4px 0px #737373;}


	/* button int */
.btn-int {
	display: inline-flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
	vertical-align: middle;
}


.btn-int input[type="text"]{
	width:45px!important;
	height: 14px;
	text-align:center;
	border-radius:0px;
	margin:0px!important;
	padding:4px!important;
	border: 1px solid #6C6D6F;
}
.btn-int.w150p input[type="text"]{width:64px!important; }
.btn-int.w45p input[type="text"]{width:35px!important; }
.btn-int.w55p input[type="text"]{width:45px!important; }
.btn-int span{
	position:relative;
	display:inline-flex;justify-content:center;align-items:center;flex-wrap:wrap;
	cursor:pointer;
	left:0px;
	width: 35px;
	height: 22px;
    text-align: center;
    border: 1px solid #6C6D6F;
    padding:0px 5px;
    margin:0px;
	color:#d4d4d4;
	background: #fff;
	transition:all 0.2s;
	font-family: 'MontserratL';
	user-select:none;
}

.btn-int span:first-child{left:1px; border-radius:8px 0px 0px 8px; color:#6C6D6F;}
.btn-int span:last-child{left:-1px; border-radius:0px 8px 8px 0px; color:#6C6D6F;}

.btn-int span:first-child:before{content:"-"; position:absolute; top:-19px; font-size:43px; color:inherit;}
.btn-int span:last-child:before{content:"+"; position:absolute; top:-7px; font-size:29px; color:inherit;}

.btn-int.grey span{background:#D3D4D3; border:1px solid #D3D4D3; color:#fff;}
.btn-int.grey input[type="text"]{border:1px solid #D3D4D3; color:#D3D4D3;}

.btn-int.green span{background:#0BC40B; border:1px solid #0BC40B; color:#fff;}
.btn-int.green input[type="text"]{border:1px solid #0BC40B; color:#0BC40B;}

.btn-int span:hover{border: 1px solid #6C6D6F; background:#6C6D6F; color:#fff;}
.btn-int span:active{border: 1px solid #D3D4D3; background:#D3D4D3; color:#fff;}

	/* button on off */
.on-off{
	position: relative;
	display: inline-block;
	cursor:pointer;
    width: 50px;
    height: 25px;
	margin: 4px 0px;
    border-radius:25px;
	background: #D3D4D3;
	transition: all 0.5s;
	z-index: 1001;
	vertical-align: middle;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.on-off span{display:none;}
.on-off:after{
	content:"";
	position: absolute;
	display:block;
	top: 2px;
    left: 4%;
    width: 21px;
    height: 21px;
    border-radius:50%;
    box-sizing: border-box;
	transition: all 0.5s;
	background: #f7f3ef;
}
.on-off.active{border-color:#b1ffae;background:#0BC40B;}
.on-off.active:after{left:calc(100% - 24px); background:#ffffff; box-shadow:-1px 1px 4px 0px #737373;}

.on-off-b.active{border-color:#ffffff;background:#569AD4;}
.on-off-b.active:after{left:calc(100% - 24px); background:#ffffff;}


.btn-onof-relay {
	display:inline-block;
	cursor:pointer;
	padding:10px;
	border-radius: 50%;
	background:#ffffff;
	border: 1px solid #c4c4c4;
	transition:background 0.4s;
}
.btn-onof-relay.active {background:#569AD4; border: 1px solid #0091ff; box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.5);}
.btn-onof-relay.active:after{border-color:#ffffff;}
.btn-onof-relay.active:before{background:#569AD4;top:12px; color:#ffffff;}

.btn-onof-relay:after{
	content:"";
	display:block;
	width:20px;
	height:20px;
	border:1px solid #c4c4c4;
	border-radius:50%;
}
.btn-onof-relay:before{
	content:"|";
	display:block;
	position:absolute;
	top:5px;
	left:calc(50% - 7px);
	width: 14px;
	border-radius: 50%;
	background:#ffffff;
	text-align:center;
	color:#c4c4c4;
	transition:background 0.4s , top 0.4s;
}


.onof-mini{
	position: relative;
	display: inline-block;
	cursor:pointer;
    width: 80px;
    height: 30px;
	margin: 4px 4px;
    border-radius:20px;
	/* background: #f7f7f7; */
	border: 1px solid #D3D4D3;
	transition: background 0.5s;
	z-index: 1001;
	vertical-align: middle;
	overflow:hidden;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.onof-mini .svi{
	left:0%; width:200%; height:100%; transition: left 0.5s;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	pointer-events: none;
	-webkit-pointer-events: none;
	-moz-user-pointer-events: none;
	-ms-user-pointer-events: none;
}
.onof-mini .svi span{
	display:inline-block; width:50%; height:100%; text-align:center;
	font-size: 1.2em; padding: 5px 0px; box-sizing: border-box;}

.onof-mini .svi span:nth-child(1){}
.onof-mini .svi span:nth-child(2){}

.onof-mini.active{border: 1px solid #6fadfb; box-shadow: inset 0 3px 5px rgb(111, 173, 251, 0.5)}
.onof-mini.active .svi{left:-100%; color:#004eff;}
.onof-mini.active .svi span:nth-child(2){left:-100%;}

	/* helper */
.helper {
    cursor:help;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    color: #a5a5a5;
	font-size: 10px;
    border: 1px solid #a5a5a5 ;
    border-radius: 50%;
	margin: 0px 0px 3px 2px;
	z-index: 1008;
	vertical-align: middle;
	box-sizing: border-box;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.helper.icon { border-radius:0%;}
.helper:hover{color:#fab400; border-color:#fab400}
.helper:active{color:#fab400;  border-color:#fab400}
.helper-window {
	position: fixed;
    display: block;
	visibility:hidden;
	top:-300px;
	left:-300px;
	max-width:300px;
    z-index:4002;
    padding: 8px 14px;
    border-radius: 0px 4px 4px 4px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 2px 8px 0px #c7c7c7;
	box-sizing: border-box;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	pointer-events: none;
	-webkit-pointer-events: none;
	-moz-user-pointer-events: none;
	-ms-user-pointer-events: none;
}
.helper.of {display:none;}

	/* predel */
.predel-scale {width:100%; padding: 0px 0px 0px 0px;}
.predel-scale .btn-controllers{}

.predel-scale .btn-controllers .min-max{display:inline-block;}
.predel-scale .btn-controllers .checkbox{width:28px; height:28px; margin: 4px 0px; border-color:#dddddd}
.predel-scale .one-limit{display:inline-block; width:260px; transition: width 0.3s; background: #f8f8f8; padding:10px 0px; border-radius: 5px;}
.predel-scale .one-limit .name-limit{padding: 0px 0px 8px 0px;}
.predel-scale .one-limit input{background: #f8f8f8;}
.predel-scale .one-limit .icon-gear-open {transform:rotate(0deg); transition: transform 0.3s;}
.predel-scale .dop-sets-limit {overflow:hidden; height:0px; transition: height 0.3s;}
.predel-scale .dop-sets-one-limit {padding: 10px 0px 0px 0px;}
.predel-scale .dop-sets-one-limit > p {color:#c4c4c4; width: 100%;}
.predel-scale .mini-info{display:block; color:#c4c4c4; text-align:center; font-size: 11px;}
.predel-scale .spec-color{height: 4px; border-radius: 3px;}
.predel-scale .spec-color span{display:block; width:100%; height:100%; background:#888888b5;}

.warning-min-max {color:#D3D4D3;padding: 0px 0px 12px 0px;}
.warning-min-max input{color:#D3D4D3;}
.warning-min-max.active {color:#fab400;}
.warning-min-max.active input{color:#fab400;}

.alert-min-max {color:#D3D4D3;}
.alert-min-max input{color:#D3D4D3;}
.alert-min-max.active {color:#ca3434;}
.alert-min-max.active input{color:#ca3434;}

.predel-scale .predel-limit-dopname{width:182px;}

.predel-scale section{padding:0px 0px 20px 0px;}
.predel-scale section .number-temp{
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
	font-size:0.9em;
	color: #bbbbbb;
	padding: 10px 0px 8px 0px;
	z-index:4;
}
.predel-scale section .number-temp p{width:22px; text-align: center;}
.predel-scale section .scale-temp{
	width: calc(100% - 16px);
	height:18px;
	margin: auto;
	background: #0BC40B;
}
.predel-scale section .scale-temp .dop-left{
	left: -10px;
    top: 0px;
    width: 12px;
    height: 18px;
    z-index: 6;
    border-radius: 6px 0px 0px 6px;
    background: #fe0000;
}
.predel-scale section .scale-temp .dop-right{
	right: -10px;
    top: 0px;
    width: 12px;
    height: 18px;
	z-index: 6;
	border-radius: 0px 6px 6px 0px;
	background: #fe0000;
}
.predel-scale section .scale-temp.noMin .dop-left{background: #0BC40B;}
.predel-scale section .scale-temp.noMax .dop-right{background: #0BC40B;}
.predel-scale section .scale-temp .shtrih{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 18px;
    font-size: 0.5em;
    color: #fff;
    z-index: 14;
}
.predel-scale section .scale-temp .shtrih p{}
.predel-scale section .scale-temp span{position:absolute; display:inline-block;}

.predel-scale .scale-temp .line{cursor:pointer;position:absolute;top:0px;height:18px;border:none; z-index:12;}
.predel-scale .scale-temp .line:hover{box-shadow: inset 1px 1px 6px 0px rgba(0,0,0,0.5);}
.predel-scale .scale-temp .line:active{box-shadow: inset 2px 2px 6px 0px rgba(0,0,0,0.5);}
.predel-scale .scale-temp .line.open{box-shadow: inset 0px 2px 6px 1px rgba(0,0,0,0.5);}

.predel-scale .scale-temp .line .dop-btn-open-line{position: absolute; top: 0px; width: 12px; height: 18px; z-index: 12;}
.predel-scale .scale-temp .line.line_alt_min .dop-btn-open-line{left: -10px;}
.predel-scale .scale-temp .line.line_alt_max  .dop-btn-open-line{right: -10px;}

.predel-scale .scale-temp > div {opacity:0; transition: opacity 0.5s;}
.predel-scale .scale-temp > div.active {opacity:1;}

.predel-scale .scale-temp .orange-left-scale {left:0%; background:#fab300;z-index:6;}
.predel-scale .scale-temp .orange-righ-scale {right:0%; background:#fab300;z-index:6;}
.predel-scale .scale-temp .red-left-scale {left:0%; background:#fe0000;z-index:8;}
.predel-scale .scale-temp .red-righ-scale {right:0%; background:#fe0000;z-index:8;}

.predel-scale .scale-temp .line-war-min span{background:#fab300;}
.predel-scale .scale-temp .orange-righ-scale span{background:#fab300;}
.predel-scale .scale-temp .red-left-scale span{background:#fe0000;}
.predel-scale .scale-temp .red-righ-scale span{background:#fe0000;}

.predel-scale .scale-temp .line .btn-line{
	position:absolute;
	display: none;
    justify-content: center;
    align-items: center;
	cursor: pointer;
	height: 24px;
    width: 35px;
	color: #fff;
	font-size: 0.8em;
	border-radius:8px;
	background:inherit;
	box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.5);
	z-index:20;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.predel-scale .scale-temp .line .btn-line:after{
	content:"";
	position: absolute;
	top: -4px;
	left: 10px;
    width: 16px;
    height: 16px;
	border-radius: 0px 3px 0px 3px;
    background:inherit;
    transform: rotate(45deg);
    z-index: -4;
}

.predel-scale .scale-temp .line .glista{display:none; width:2px; height:100%; background:#fff;}
.predel-scale .scale-temp .line .glista.left{right: -1px;}
.predel-scale .scale-temp .line .glista.right{left: -1px;}
.predel-scale .scale-temp .line .glista .ges-left{
	position: absolute;
    width: 9px;
    height: 100%;
    left: 2px;
    background: #0000004a;
}
.predel-scale .scale-temp .line .glista .ges-right{
	 position: absolute;
    width: 9px;
    height: 100%;
    right: 2px;
    background: #0000004a;
}

.predel-scale .scale-temp .line .btn-line.left{right:-17px;}
.predel-scale .scale-temp .line .btn-line.right{left:-18px}

.predel-scale .scale-temp .line .btn-line.top{top:-26px;}
.predel-scale .scale-temp .line .btn-line.top:after{top:12px;}

.predel-scale .scale-temp .line .btn-line.bot{top:20px;}

.predel-scale .scale-temp .line.open .btn-line{display:inline-flex;}
.predel-scale .scale-temp .line.open .glista{display:block;}

.predel-scale .one-limit.open {width:200px;}
.predel-scale .one-limit.open .icon-gear-open {background-position: 0% 20%; transform:rotate(180deg); transition: transform 0.3s;}
.predel-scale .one-limit.open .dop-sets-limit {height:220px;}

.predel-scale .one-limit.active{background:transparent;}
.predel-scale .one-limit.active input{background:transparent;}
.predel-scale .one-limit.active .spec-color span{display:none;}


	/* ecto-scrol */
.ecto-scrol {position:relative; display:block;  width: 100%; border-color:#dddddd; color:#bbbbbb; padding: 18px 0px 10px 0px; z-index:10;}
.ecto-scrol .number-temp{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    font-size: 0.67em;
    padding: 10px 0px 16px 0px;
    z-index: 4;
}
.ecto-scrol .scale-name {
	padding: 20px 0px 0px 0px;
}
.ecto-scrol .scale-temp {
    position: relative;
    width: calc(100% - 16px);
    height: 18px;
    margin: auto;
}
.ecto-scrol .scale-temp:after {
    content: "";
    position: absolute;
    top: 0px;
    left: -8px;
    width: 8px;
    height: 18px;
    border-radius: 5px 0px 0px 5px;
    background: #D3D4D3;
    z-index: 6
}
.ecto-scrol .scale-temp:before {
    content: "";
    position: absolute;
    top: 0px;
    right: -8px;
    width: 8px;
    height: 18px;
    border-radius: 0px 5px 5px 0px;
    background: #D3D4D3;
    z-index: 6
}
.ecto-scrol .shtrih-temp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 18px;
    font-size: 0.6em;
    z-index: 14;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    pointer-events: none;
    -webkit-pointer-events: none;
    -moz-user-pointer-events: none;
    -ms-user-pointer-events: none;
}
.ecto-scrol .shtrih-temp>p {position:relative; display:flex; justify-content:center; align-items:center;}
.ecto-scrol .shtrih-temp>p>b {color:#ffffff;}
.ecto-scrol .shtrih-temp>p:last-child {text-align: right;}
.ecto-scrol .shtrih-temp>p:first-child {text-align: left;}
.ecto-scrol .shtrih-temp>p>span {
	display:inline-block;
	position:absolute;
	top:-26px;
	font-size: 13px;
	white-space: nowrap;
}

.ecto-scrol .scale-temp .line{
	position:absolute;
	cursor:pointer;
	top:0px;
	left:0px;
	display:block;
	width:100%;
	height:100%;
	z-index:10;
}

.ecto-scrol .scale-temp .target{
	position:absolute;
	top:0px;
	width:1px;
	height:100%;
	z-index:8;
}

.ecto-scrol .scale-temp .btn-line{
	position:absolute;
	display: none;
    justify-content: center;
    align-items: center;
	cursor: pointer;
	left:-18px;
	height: 24px;
    width: 35px;
	color: #fff;
	font-size: 0.8em;
	border-radius:3px;
	background:#0BC40B;
	box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.5);
	z-index:20;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.ecto-scrol .scale-temp .line{
	user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;}
.ecto-scrol .scale-temp .btn-line:after{
	content:"";
	position: absolute;
	left: 10px;
    width: 16px;
    height: 16px;
    background: inherit;
    transform: rotate(45deg);
    z-index: -4;
}
.ecto-scrol .scale-temp .arrow-temp{
	display:none;
	position:absolute;
	top:0%;
	left:-1px;
	width:2px;
	height:100%;
	background:#ffffff;
	z-index:0;
}

.ecto-scrol.active .scale-temp .btn-line.top{top:22px;}
.ecto-scrol.active .scale-temp .btn-line.top:after{top:-7px;}
.ecto-scrol.active .scale-temp .btn-line.bot{bottom:22px;}
.ecto-scrol.active .scale-temp .btn-line.bot:after{bottom:-7px;}

.ecto-scrol .scale-temp:hover{box-shadow: 0px 0px 4px 1px rgba(215, 215, 215, 0.5);}
.ecto-scrol .scale-temp:active{box-shadow: 0px 0px 4px 1px rgba(215, 215, 215, 0.5);}

.ecto-scrol.active {z-index:100;}
.ecto-scrol.active .scale-temp .target{z-index: 20;}
.ecto-scrol.active .scale-temp .btn-line{display:flex;}
.ecto-scrol.active .shtrih-temp{box-shadow: inset 0px 0px 4px 1px rgba(215, 215, 215, 0.5);}
.ecto-scrol.active .scale-temp .arrow-temp {display:block;}

.ecto-scrol.duo .line-color{position:absolute; display:block; top:0px; left:0px; height:100%; width:100%; background:#0BC40B; z-index:2;}
.ecto-scrol.duo .line-color-1{position:absolute; display:block; top:0px; left:0px; height:100%; background:#D3D4D3; z-index:4;}
.ecto-scrol.duo .line-color-2{position:absolute; display:block; top:0px; right:0px; height:100%; background:#D3D4D3; z-index:4;}

	/* right click menu */
.right-click-menu {
	position:fixed;
	display:none;
	z-index: 2002;
    padding:0px 0px;
    border-radius:12px;
    background: #fff;
    box-shadow: 0px 2px 12px #00000029;
    border: 1px solid #D3D4D3;
	overflow: hidden;
}
.right-click-menu > div{
	display:flex!important;justify-content:space-between;align-items: center;flex-wrap: wrap;
	cursor:pointer;
	min-width: 154px;
    padding:8px 15px;
    margin:0px 0px;
	border-radius:4px;
	text-align: left;
	border-bottom: 1px solid #ededed;
}
.right-click-menu > div .icon{width:25px; height:25px;}
.right-click-menu > div span{display:inline-block; padding: 0px 0px 0px 0px; font-weight: 700;}
.right-click-menu > div:hover{color:#fab400;}
.right-click-menu > div:hover .icon{background-color:#fab400;}
.right-click-menu > div:active{box-shadow: inset 2px 2px 6px 0px rgba(0,0,0,0.5);}
.right-click-menu.active {display:block;}

	/* up down */
.window-up-do { height:0px;overflow:hidden;}
.window-up-do.active{height:auto;}

.button-up-do {}
.button-up-do:after {
	display:inline-block;
	content:"❯";
	margin: 0px 0px 0px 14px;
	transform: rotate(90deg);
	transition: transform 0.5s;
}
.button-up-do.active:after {transform: rotate(-90deg);}

	/* dop input info */
.dop-inp-info {display:inline-block; max-width: 100%; padding: 10px 20px; box-sizing: border-box;}
.dop-inp-info li{text-align:left;}
.dop-inp-info.line li{display:inline-block; min-width: 220px;}

.dop-inp-info.size2 li{min-width: 280px;}
.dop-inp-info.size2 input{width:230px; font-size:1.6em;}
.dop-inp-info.size2 select{width:240px; font-size:1.6em;}
.dop-inp-info.size2 span{font-size:1.0em;}

.dop-inp-info span {display:block; font-size:12px; color:#d4d4d4;}
.dop-inp-info input{width:236px;}
.dop-inp-info select{width:180px;}

	/* switch */
switch, .switch {
	position:relative;
	cursor:pointer;
	display:inline-flex;
    justify-content: space-around;
    align-items: center;
    width: 80px;
    border-radius: 15px;
    height: 20px;
	background:#ececec;
	margin: 4px;
}
switch .btn, .switch .btn {
    color: #bbb;
	width:1px;
	height:100%;
	border-left:1px solid #fff;
	z-index: 6;
}
switch .click, .switch .click {position:absolute; width:100%; height:100%; z-index:10;}
switch .coloring, .switch .coloring {
	position:absolute; top:0px; left:0px; width:0%; height:100%; background:#fab400; border-radius: 15px;
	transition: width 0.3s; z-index: 4;
}
switch .switcher, .switch .switcher {
    position: absolute;
   	display:inline-flex;
    justify-content: space-around;
    align-items: center;
    right: -12px;
    top: -2px;
    width: 24px;
    height: 24px;
    border: 1px solid #afafaf;
    border-radius: 50%;
    box-sizing: border-box;
    background: #f7f3ef;
	transition: right 0.3s;
}

switch.str .coloring, .switch.str .coloring{width: 	24%;}
switch.str .switcher, .switch.str .switcher{right: -3px;}

switch.mid .coloring, .switch.mid .coloring{width:50%; z-index: 8;}
switch.mid .switcher, .switch.mid .switcher{right: -12px;}

switch.end .coloring, .switch.end .coloring{width:100%;}
switch.end .switcher, .switch.end .switcher{right:-1px;}

/* STATE  color*/
.stateC_1 {color:#d4d4d4;}
.stateC_2 {color:#FF0000;}
.stateC_3 {color:#0BC40B;}
	/* Аналоговые датчики (1) */
	.stateC_1_3 {color:#FF0000;} /* Тревога нижний предел */
	.stateC_1_4 {color:#fab400;} /* Внимание нижний предел */
	.stateC_1_5 {color:#0BC40B;} /* Норма */
	.stateC_1_6 {color:#fab400;} /* Внимание верхний предел  */
	.stateC_1_7 {color:#FF0000;} /* Тревога верхний предел */
	/* Дискретные датчики (2) */
	.stateC_2_3 {color:#0BC40B;} /* Норма */
	.stateC_2_4 {color:#FF0000;} /* Тревога */
	/* Реле (3) */
	.stateC_3_3 {color:#999999;} /* Отключено */
	.stateC_3_4 {color:#0000ff;} /* Включено */
	/* Привод крана  (4) */
	.stateC_4_3 {color:#000000;} /* Неизвестно */
	.stateC_4_4 {color:#dddddd;} /* Закрыт */
	.stateC_4_5 {color:#0000ff;} /* Открыт */
	.stateC_4_6 {color:#fab400;} /* Закрывается  */
	.stateC_4_7 {color:#fab400;} /* Открывается */
	/* Фото камера (5) */
	.stateC_5_3 {color:#0BC40B;} /* Готов */
	.stateC_5_4 {color:#000000;} /* Снимок */
	.stateC_5_5 {color:#000000;} /* Чтение */
	/* Фото камера (6) */
	.stateC_6_3 {color:#FF0000;} /* Нет котла */
	.stateC_6_4 {color:#999999;} /* Отключен */
	.stateC_6_5 {color:#0BC40B;} /* Активен */

/* STATE  color*/
.stateC3_1_0 {color:#d4d4d4;}
.stateC3_1_1 {color:#FF0000;}
.stateC3_1_2 {color:#FF0000;}
.stateC3_1_3 {color:#FF0000;}
.stateC3_1_4 {color:#FF0000;}
.stateC3_1_5 {color:#0BC40B;}
.stateC3_1_255 {color:#888888;}
.stateC3_2_5 {color:#0BC40B;}
.stateC3_2_10 {color:#FF0000;}
.stateC3_2_8 {color:#000000;}
.stateC3_2_9 {color:#b5b5b5;}
.stateC3_2_255 {color:#d4d4d4;}

.stateC3_3_0 {color:#999999;}
.stateC3_3_1 {color:#0000ff;}
.stateC3_3_255 {color:#d4d4d4;}

.bstateC_1 {background:#D3D4D3;}
.bstateC_2 {background:#FF0000;}
.bstateC_3 {background:#0BC40B;}
.bstateC3_1_0 {background:#d4d4d4;}
.bstateC3_1_1 {background:#FF0000;}
.bstateC3_1_2 {background:#e70001;}
.bstateC3_1_3 {background:#e70001;}
.bstateC3_1_4 {background:#e70001;}
.bstateC3_1_5 {background:#0BC40B;}
.bstateC3_1_255 {background:#d4d4d4;}
.bstateC3_2_5 {background:#0BC40B;}
.bstateC3_2_10 {background:#e70001;}
.bstateC3_2_8 {background:#000000;}
.bstateC3_2_9 {background:#b5b5b5;}
.bstateC3_2_255 {background:#d4d4d4;}

.bstateC3_3_0 {background:#D3D4D3;}
.bstateC3_3_1 {background:#569AD4;}
.bstateC3_3_255 {background:#d4d4d4;}


/* main menu  */
.right-menu {box-sizing: border-box; padding:0px 25px 0px 0px;}
.right-menu a, .right-menu .menu-item{
	cursor:pointer;
	display: inline-flex;
	justify-content: center;
	align-items: center;
    height: 35px;
    padding:0px 4px;
	margin: 2px 2px;
	border: 1px solid #ffffff;
    border-radius: 8px;
	color:#777;
	font-family:Franco;
}
.right-menu a span {margin:0px 0px 0px 6px;}
.right-menu p{
	display: inline-flex;
	justify-content: center;
	align-items: center;
    height: 28px;
    padding: 0px 0px;
	margin: 2px 1px;
	border: 1px solid #ffffff;
    border-radius: 8px;
}

.right-menu a:hover, .right-menu .menu-item:hover {color:#fab400;}
/* .right-menu a:active, .right-menu .menu-item:active {border: 1px solid #fff;} */

.right-menu .icon {width: 24px;height: 24px;}
.right-menu a.active .icon{background-position: 0% 40%;}
.right-menu a:hover .icon, .right-menu .menu-item:hover .icon{background-position: 0% 40%;}
.right-menu a:active .icon, .right-menu .menu-item:active .icon{background-position: 0% 40%;}

.right-menu .communication{margin:2px 20px 2px 2px;}
.right-menu .communication:hover .icon.hover{background-color:#6C6D6F;}
.right-menu .message:hover .icon.hover{background-color:#6C6D6F;}
.right-menu .user-dop-info{text-align: right;}
.right-menu .user-email-info{padding:10px 0px 0px 0px; font-size:0.9em; font-weight:700; color:#000000;}
.right-menu .user-id-info{font-size: 0.7em;}

.right-menu .btn-open_clouse {
	display:none; position:absolute; top:0px; left:-26px;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05);
	padding:3px 4px 2px 3px;
	background:#fff;
}
.right-menu .btn-open_clouse:after {
	content:"❮";
	display: block;
	color:#bbb;
	border-radius:4px;
}

.right-menu.of {right:-300px;}

.right-menu.active{ right:4px; left:auto;}
.right-menu.active .btn-open_clouse {left:-9px;}
.right-menu .btn-open_clouse.active:after {content:"❯"; color:#ffca6c;}

.right-menu .mobile-user-cabinet {display:none;}
.right-menu .name-user {}

.right-menu.admin >a {display:none;}
.right-menu.admin >span {display:none;}
.right-menu.admin #btnexit {display:block;}

/* mobile-menu */
.mobile-menu {
	display:none;
	position:fixed;
	z-index:1999;
	background: #ffffff;
	padding:2px 8px;
	box-sizing: border-box;
}


/* modal window */
.modal-window{
	position:fixed;
	display: none;
    justify-content: flex-start;
    align-items: center;
	flex-direction: column;
	top:0%; left:0%;
	width:100vw;
	height:100vh;
	background:rgba(0, 0, 0, 0.6);
	z-index:4000;
}
.modal-window .modal-window-view{margin:40px;box-sizing:border-box; max-width:100%; max-height:100%; overflow:hidden;}
.modal-window .modal-window-view>header{
	display:flex;
    align-items:center;
	justify-content: center;
	width:100%;
	height:110px;
	min-width:650px;
	font-size:24px;
	font-family: MontserratB;
	padding:0px 30px;
	text-align:center;
    background:#fff;
    border-radius:10px 10px 0px 0px;
	box-sizing:border-box;
}
.modal-window header .icon-clouse{position:absolute;top:8px;right:14px; font-size:18px; cursor:pointer;}
.modal-window header .icon-clouse:hover{background:#000000;}
.modal-window header .icon-clouse:active{background:#ca3434;}
.modal-window section{
    display:flex;
	justify-content:flex-start;
    align-items:center;
    flex-direction:column;
	width:100%;
	height:100%;
	max-height: calc(100% - 110px);
	min-width:650px;
	min-height:180px;
	padding:0px 0px;
	background:#fff;
    border-radius:0px 0px 10px 10px;
	box-sizing:border-box;
	overflow: auto;
}
.modal-window section.top{justify-content: flex-start;}
.modal-window section h2{padding: 0px 0px 8px 0px; margin: 0px 0px 6px 0px;border-bottom: 1px solid #f1f1f1;}
.modal-window.active{display:flex;}

.modal-window .table-top {padding:0px 0px 8px 0px;}
.modal-window .table-top .list-equipments{width:100%;}

.modal-window .table-mid {width:100%; max-height:80%; overflow: auto;}

.modal-window .table-mid .list-projects .equ_n{padding:0% 2%;width:90%;}
.modal-window .table-mid .list-projects .equ_b{display:none;}
.modal-window .table-mid .list-projects .pro_i{display:none;}

.modal-window .table-bot {padding:8px 0px 8px 10px; box-sizing: border-box;}

.confirm-modal {display:flex; flex-wrap:wrap; justify-content:center; width:100%; height:90%;}
.confirm-modal .confirm-modal-block{width:100%; height:100%; padding:0px 20px 0px 20px; text-align: center;}
.confirm-modal .confirm-top{width:100%; max-height:100%; font-size:1.0em; text-align:center; margin:0px 0px 0px 0px; overflow:auto;}
/* .confirm-top{height: 100%;} */
.confirm-modal .style_btn{width:200px; margin:0px 14px; padding: 10px 0px;}

.confirm-modal .confirm-modal-block .btn-yes-modal {background:#ffce4f; border-color:#ffce4f;}
.confirm-modal .confirm-modal-block .btn-yes-modal:hover {background:#fab400; border-color:#fab400;}

.confirm-modal .confirm-modal-block .btn-yes-modal a{color: #000000;}

.confirm-modal .confirm-modal-block .btn_confir_accept {background:#ffce4f; border-color:#ffce4f; color:#000000;}
.confirm-modal .confirm-modal-block .btn_confir_accept:hover {background:#fab400; border-color:#fab400;}

.confirm-modal .btns-modal {padding:8px 8px 34px 8px;}
.confirm-modal .btns-modal-nocust {padding:34px 8px 34px 8px;}

.modal-window.prinnt{}
.modal-window.prinnt header {max-width:1200px; padding:20px 20px;}
.modal-window.prinnt section{max-width:1200px;}

.modal-print {height:100%; padding:100px 0px 0px 0px;}

/* dop config */
.modal-section .list-equipments .equ_i{display:none;}
.modal-section .list.templates .equ_b{display:none;}

#group-list-modal .equ_b{display:inline-block; z-index:100;}
#ses-modal-wiev-list {max-height: 100%;}
#ses-modal-wiev-list .table-mid{max-height: 90%;}


	/* table dopt */
.table-top {width:100%;}
.table-mid {width:100%;}
.table-bot {width:100%;}
.one-block.nop footer {box-sizing: border-box; padding:10px 10px;}
.one-block.nop .table-bot {box-sizing: border-box; padding:10px 10px;}
.one-block.nop .program_pagin {box-sizing: border-box; padding:10px 10px;}


.table-mid .list{width:100%;}

	/* info mesage*/
.info-mesage{
    position: fixed;
    left: 8px;
    top: 10px;
    z-index: 1000;
    background: #fff;
    padding: 10px 10px;
    border: 2px solid #D3D4D3;
    border-radius: 8px;
}



/* hw-list-info-block */
.hw-list-info-block{width: 100%;}
.hw-list-info-block header{
	display:flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
	text-align:center;
	color: #5d5d5d;
    width: 100%;
	min-height: 32px;
	padding: 14px 4px 14px 8px;
    border: 1px solid #fff;
	box-sizing: border-box;
}
.hw-list-info-block section .list li{background: #f4faff; border: 1px solid #f4faff;}
.hw-list-info-block section .list li:nth-child(even){background: #fff; border: 1px solid #fff;}

.hw-list-info-block footer{box-sizing: border-box; padding:20px 10px;}
/* -hw-list-info-block- */

/* communication */
.system-list {}
.system-list .equp{width:180px; text-align:left;}
.system-list .name{width:260px; text-align:left; vertical-align: middle;}
.system-list .name .icon{vertical-align: middle;}
.system-list .name .text-name{vertical-align: middle;}
.system-list .conect{width:100px; text-align:left;}
.system-list .send{width:230px; text-align:left;}
.system-list .btns{width:70px;}

.system-list .send .btns-icons.of{opacity:0.5;}

.system-list .send .text-icon.active{color:#fab400;}

.system-list .list li .btn_system_graph{background:#a5a5a5;}
.system-list .list li.graph .btn_system_graph{background:#fab400;}

.system-list .list li .mini-graph{padding:10px; width:100%; box-sizing: border-box;}
.system-list .list li .graph-info{overflow:hidden; height:0px; width:100%; transition:height 0.4s, width 0.4s;}
/* .system-list .list li .graph {height:270px; width:100%;} */
.system-list .list li.graph .graph-info{height:auto; width:100%;}
.system-list .list li.graph .graph{height:280px; width:100%;}

#all-info-content-top .selector_time_graph {padding:1px 6px;}
/* -communication- */

/* push-mesage-windov */
.push-mesage-windov {
	position:fixed;
	display:block;
	bottom:-320px;
    right:-320px;
    height:51px;
	overflow: hidden;
    z-index: 4022;
	transition:all 0.4s;
}

.push-mesage-windov.open {bottom: 30px;right: 30px;}
.push-mesage-windov .push-list {
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.push-mesage-windov .push-btn-clouse {
    position: absolute;
    top: -18px;
    right: 2px;
	width:40px;
	height:18px;
    background: #53565A;
	border-radius:4px;
	cursor:pointer;
}

.push-mesage-windov .push-btn-clouse:after{
	content: '';
    display: block;
    position: absolute;
    width: 70%;
    height: 70%;
    top: 3px;
    left: 6px;
    color: #ffffff;
    font-size: 34px;
    background-image: url(/img/push-arrow.png);
    background-size: 100% 100%;
}

.push-mesage-windov .push-btn-clear{
	position: absolute;
    top: -16px;
    left: 13px;
	color:#939393;
	cursor:pointer;
}

.push-mesage-windov .push-list .one-push-message{
    padding: 12px 40px 12px 15px;
    margin: 8px 0px;
    border-radius: 8px;
    background: #53565A;
	font-family:Franco500;
	font-size: 16px;
	color:#ffffff;
}
.push-mesage-windov .push-list .one-push-message .clouse-one-push-message{
    position: absolute;
    top: 17px;
    right: 10px;
    width: 11px;
    height: 11px;
    background: #ffffff;
    z-index: 1000;
    cursor: pointer;
}

.push-mesage-windov .push-list .one-push-message.green{background:#0BC40B;}
.push-mesage-windov .push-list .one-push-message.red{background:#FF0000;}
/* /push-mesage-windov */



/* +Login page+ */
.login-page-form{
	height: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
}
.login-page-form .login-cont-form{
	max-width:451px;
	padding: 20px;
}
.login-page-form .login-dop-cpec-text{
    text-align: left;
	padding: 20px;
	width: 460px;
}
.login-page-form .login-dop-cpec-text li{padding:5px 0px;}
.login-page-form form{
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
	text-align: center;
}
.login-page-form form input{
    width: 300px;
    border: 1px solid #D3D4D3;
    font-size: 20px;
    text-align: center;
    padding: 11px;
	margin: 8px 0px;
}
.login-page-form form input[type="checkbox"] {width:32px;  padding:0px; margin:0px;}
.login-page-form .logo{
    width: 450px;
    background: #FAB400;
    padding: 17px 0px;
}
.login-page-form .logo img{width:240px;}
.login-page-form .title{font-family:MontserratB; font-size: 18px; padding:20px 2px 0px 0px;}
.login-page-form .title.no-p-bot{padding: 20px 0px 0px 0px;}
.login-page-form .dop-btn{
	display: inline-flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
	width: 100%;
	max-width: 315px;
	padding:8px;
	font-size:16px;
	box-sizing: border-box;
}
.login-page-form .demo{padding:18px;font-size:16px;}
.login-page-form .info-text{padding:18px;}
.login-page-form .store {padding:0px;}
.login-page-form .store a{padding:0px 4px;}
.login-page-form button, .login-page-form .btn-form-login{
	cursor:pointer;
	font-size:16px;
	background: #FAB400;
	border-radius: 8px;
	padding: 14px 84px;
	color:#000000;
	border: 1px solid #ffae00;
	font-family: 'Montserrat', sans-serif;
}
.login-page-form button:hover{background: #ffcf54;}
.login-page-form .btn-form-login:hover{background: #ffcf54;}

.login-page-form .btn-play{width:100%; font-size: 16px; padding: 16px 0px 0px 0px;}
.login-page-form .btn-play>p>span{cursor:pointer;text-align:left;}
.login-page-form .btn-play>p>span>span{padding: 8px 14px;}

.login-page-form #error-login{
	display: inline-block;
	width:100%;
	max-width:326px;
	font-size:16px;
	text-align: left;
	box-sizing: border-box;
}
.login-page-form #error-login .message{
	color:#ff0000;
	padding:10px 16px;
	margin: 8px 0px;
	background:#F8ECEC;
	border-radius: 8px;
}

.spec-password {
	display: inline-flex;
    position: relative;
    align-items: center;
}
.spec-password .icon-read{
	position:absolute;
	right:8px;
	z-index:10;
	background:#D3D4D3;
}
.spec-password .icon-read.active{background:#FAB400;}
/* -Login page- */

/* news */
.news-list-page{}
.news-list-page li{
	padding: 0px 0px 21px 8px;
	margin: 0px 0px 16px 0px;
    box-sizing: border-box;
    border-bottom: 1px solid #D3D4D3;}
.news-list-page .title{padding:0px 0px 0px 0px;}
.news-list-page .title a{color:#000; font-weight: 800;}
.news-list-page .time{padding:2px 0px 8px 0px;}

#all-info-content .one-news-top {}
#all-info-content .one-news-mid {padding: 24px 10px;}
#all-info-content .one-news-bot {}
/* -news- */

/* Main page */
.container {
	display: inline-block;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	font-size: 1em;
}
.container .background-img{
	position:relative;
	display: block;
	max-width: 100%;
	max-height: calc(100vh - 84px);
	padding: 10px 10px;
	box-sizing: border-box;
	z-index:2;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	pointer-events: none;
	-webkit-pointer-events: none;
	-moz-user-pointer-events: none;
	-ms-user-pointer-events: none;
}
.container-menu {
	position:absolute;
	right:0px;
	top:0px;
	padding: 10px 10px;
	box-sizing: border-box;
	z-index:1002;
}
.container-menu>span{
	margin: 0px 0px 0px 20px;
    padding: 4px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.4);
}

/* MINI Picto project  */
.info-block {position:absolute;width:1px;height:1px;z-index:10; font-family:Franco; font-weight: 600;}
.info-block .ib-content{
	position: absolute;
	bottom: 0px;
    left: 0px;
    width: 134px;
    height: 34px;
	font-size: 13px;
	text-align: center;
	box-shadow: 0px 2px 12px #00000029;
	transition: background 0.5s;
	border-radius: 8px;
    z-index: 10;
	transition: all 0.3s;
}
.info-block .ib-content.type-project {
	top:0px;
    left:0px;
	width: 100%;
    height: 100%;
	background-color: rgba(255, 255, 255, 0.5);
}
.info-block .ib-spec{padding:0% 0% 0% 0%; height:100%; width:100%;}
.info-block .ib-spec > div {
	display:flex;
	justify-content:center;
	align-items: center;
	flex-wrap: wrap;
	position: absolute;
	cursor:pointer;
	width:0px;
	height:0px;
	font-size:0.1em;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0px 2px 12px #00000029;
	transition: all 0.3s;
	overflow:hidden;
	z-index: 1;
}
.info-block.open {z-index:999;}
.info-block.open .ib-spec > div {width:28px;height:28px;font-size:1.0em; border: 1px solid #d5d6d0;}
.info-block .menu-btn-clouse{top:50%;right:50%;}
.info-block.open .menu-btn-clouse{top:-32px;right:-28px;}
.info-block .menu-btn-change{bottom:50%;left:50%;}
.info-block.open .menu-btn-change{bottom:-38px;left:0px;}
.info-block .menu-btn-dragdrop{bottom:50%; left:50%;}
.info-block.open .menu-btn-dragdrop{bottom:-38px;left: calc(50% - 14px);}
.info-block .menu-btn-onoff{bottom:50%; right:50%;}
.info-block.open .menu-btn-onoff{bottom:-38px;right:0px;}
.info-block .menu-btn-resize{bottom:50%; right:50%;}
.info-block.open .menu-btn-resize{bottom:-38px;right:0px;}

.info-block.open .ib-spec .icon {width:18px; height:18px;}
.info-block.open .ib-spec > div:hover .icon {background:#6C6D6F;}
.info-block.open .ib-spec > div:hover .icon.icon-clouse {background:#ff0000;}


.info-block .ib-center {
	top:0px; left:0px;
    position: absolute;
	width:100%; height:100%;
	z-index:12;
}
.info-block .ib-content.type-project .ib-center h4{padding:4px 4px; text-align:left; overflow: hidden; width: 100%; height: 100%; box-sizing:border-box;}
.info-block .ib-data {
	display:flex; justify-content:center; align-items: center;
	position: absolute;
	top:0px; right:0px;
	width: 40px;
    height: 100%;
	color:#ffffff;
	font-size: 12px;
    z-index: 1;
    border-radius:0px 8px 8px 0px;
	box-sizing: border-box;
}
.info-block .ib-data span {}
.info-block .ib-name {
    display:flex;align-items:center;flex-wrap:wrap;
	text-align: left;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 94px;
    height: 100%;
    z-index: 4;
    padding:1px 10px;
	font-size: 12px;
    border: 1px solid #ffffff;
    border-radius:8px 0px 0px 0px;
    background: #ffffff;
	box-sizing: border-box;
	transition: all 0.3s;
	overflow: hidden;
}
.info-block .ib-name:after{
	content: "";
    height: 100%;
    width: 6px;
    position: absolute;
    top: 0px;
    right: -7px;
    box-shadow: -5px 0px 5px 4px #ffffff;}
.info-block .ib-name span{width: 100%; word-wrap: break-word;}
.container.clouse_name .info-block .ib-content {width: 40px;}
.container.clouse_name .info-block .ib-name {width:0px; padding:0px; border:none; opacity:0;}
.container.clouse_name .info-block .ib-data {border-radius:8px 8px 8px 0px;}

.container.clouse_name .info-block.open .ib-content {width: 134px;}
.container.clouse_name .info-block.open .ib-name {width:94px; padding:1px 10px; border: 1px solid #ffffff; opacity:1;}
.container.clouse_name .info-block.open .ib-data {border-radius:0px 8px 8px 0px;}

.container.clouse_name .info-block .ib-content.type-project {width:100%;}
.container.clouse_name .info-block.open .ib-content.type-project {width:100%;}
/* ib STATE */



/* Projecr ib mini blocks */

/*
.ibstate-2_255 .ib-data{background:#d0d0d0;}
.ibstate-2_5 .ib-data{background:#0dc30c; }
.ibstate-2_9 .ib-data{background:#d0d0d0; }
.ibstate-2_10 .ib-data{background:#f60500; color:#ffffff;}


.ibstate-1_0 .ib-data{background:#d0d0d0;}
.ibstate-1_1 .ib-data{background:#fab300;}
.ibstate-1_3 .ib-data{background:#f60500;}
.ibstate-1_5 .ib-data{background:#0dc30c;}

.ibstate-1_255 .ib-data{background:#d0d0d0;}
*/

/* .info-block .ib-relay .ib-data .icon{background:#ffffff;} */
.info-block.state-on .ib-relay .ib-data{background:#569AD4;}
.info-block.state-off .ib-relay .ib-data{background:#E5E5E5;}
.info-block.state-on .menu-btn-onoff{background:#569AD4;}
.info-block.state-off .menu-btn-onoff{background:#E5E5E5;}
.info-block.state-on .ib-relay .ib-data .icon{background:#ffffff;}
.info-block.state-on .menu-btn-onoff .icon{background:#ffffff;}

/* - MINI Picto project - */

.container-grid {
	position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
	background-image: url(../img/mmBack.jpg);
    background-position: center;
}

.ecto-map {
	display: block;
	max-width: 100%;
	height: calc(100vh - 64px);
	min-width:800px;
	cursor: default;
}
.ecto-pin-map {position:absolute;}
.ecto-pin-map .leaflet-popup-tip-container{z-index:6;top: -53px;}
.ecto-pin-map h4{
    position: absolute;
    bottom: 65px;
    width: 120px;
    left: -60px;
    background: #fff;
    border-radius: 12px;
    padding: 6px;
    box-shadow: 0 3px 14px rgba(0,0,0,0.4);
    z-index: 4
}
.ecto-pin-map .pin{
	position: absolute;
    bottom: 5px;
    left: -9px;
    width: 30px;
    height: 50px;
	z-index: 2;
	background-size:100%;
	background-position: 0% 0%;
	background-repeat:no-repeat;
}
.ecto-pin-map.norm .pin {background-image:url(../img/icon/marker-icon-2x.png);}
.ecto-pin-map.green .pin {background-image:url(../img/icon/pin_green.png);  left: -16px;  width: 43px;}
.ecto-pin-map.red .pin {background-image:url(../img/icon/pin_red.png);   left: -16px;  width: 43px;}
.ecto-pin-map .pin.group{background-image:url(../img/icon/marker-icon-group-2x.png);}
.ecto-pin-map .marker-shadow {
	position: absolute;
    bottom: 7px;
    left: -7px;
    width: 41px;
    height: 41px;
	z-index: 1;
	background-size:100%;
	background-position: 0% 0%;
	background-repeat:no-repeat;
	background-image:url(../img/icon/marker-shadow.png);
}
.ecto-pin-map .pin .sum{padding:10px 0px 0px 0px; font-size:18px; font-family:MontserratB; color:#fff;}
.ecto-pin-map .pin .menu-elem{
	position: absolute;
    top: 0%;left: 0%;
    width: 100%;
    height: 100%;
    opacity: 0;
	z-index:1;
    transition: opacity 0.5s;
}
.ecto-pin-map .pin .menu-elem .text-icon{width:100%; height:100%;}
.ecto-pin-map .pin .menu-elem > div a{}
.ecto-pin-map .pin .menu-elem > div{
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
	position: absolute;
    top: 0px;
    left: 0px;
	width: 33px;
    height: 33px;
    background: #fff;
    border-radius: 50%;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	transition: left 0.5s;
}
.ecto-pin-map.active {z-index:10000!important;}
.ecto-pin-map.active .pin .menu-elem {opacity:1;}
.ecto-pin-map.active .pin .menu-elem .menu-btn-clouse{left:32px;}
.ecto-pin-map.active .pin .menu-elem .menu-btn-change{left:-35px;}

.ecto-pin-map .pin.admin-on{background-image:url(../img/icon/marker-icon-admin-on.png);}
.ecto-pin-map .pin.admin-of{background-image:url(../img/icon/marker-icon-admin-of.png);}

.modal-window .target-click {position:absolute; bottom:10px; right:10px; font-size:0.8em;}

/* all projects page*/
.all-projects.view-block .table-top {}

.all-projects.view-block .table-mid .list-projects{display:flex;justify-content:center;align-items:center; flex-wrap:wrap;}
.all-projects.view-block .table-mid .one-head {display:none;}
.all-projects.view-block .table-mid li {
	flex-wrap:wrap;
	width:300px;
	height:190px;
	margin:10px;
	padding:4px 0px 0px 0px;
	border:1px solid #dddddd;
	box-shadow: 0 2px 4px 0 #e6e6e6;
	background:#ffffff;
}
.all-projects.view-block .table-mid li:hover{border-color:#fab400;}
.all-projects.view-block .table-mid .pro_i {width:100%; height:140px; padding: 10px 0px;}
.all-projects.view-block .table-mid .pro_i img{max-width:100%; max-height:100%;}
.all-projects.view-block .table-mid .equ_n{width:60%; text-align:center; max-height: 36px;}
.all-projects.view-block .table-mid .equ_b{width:60px; z-index:1002;}
.all-projects.view-block .table-mid .equ_b .text-icon{padding:0px 4px;}




/* page */
.name-page {width:85%; padding: 0px 0px 0px 7px;}
.name-page .input-name-page {
	position:relative;
    font-size: 1.0em;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding:2px 26px 2px 0px;
    margin: 0px;
	width:340px;
    border-radius:0px;
	font-family:Franco500;
	box-sizing: border-box;
	z-index:2;
}
.name-page input[type="text"]:active{border-bottom:1px solid #6C6D6F; padding:2px 0px 2px 0px; width:310px;}
.name-page input[type="text"]:focus{border-bottom:1px solid #6C6D6F; padding:2px 0px 2px 0px; width:310px;}

.name-page input[type="text"].red {border-bottom-color: #f00;}

.name-page #icont_redact_name {position: relative; right: 30px; z-index:8}

.page-top-dop-info {display:flex; align-items:center; flex-wrap:wrap; padding:0px 0px 0px 0px; box-sizing:border-box;}
.page-top-dop-info .data{font-size: 39px;font-family:MontserratB;line-height:0.8;}
.page-top-dop-info .data inf{font-family:MontserratB;}
.page-top-dop-info .dop-info-name{font-weight:700; position:absolute; bottom:-18px; left:3px; color:#FF0000;}
.page-top-dop-info .text {font-size: 0.9em; color: #bbbbbb;}
.page-top-dop-info .icon{width:24px; height:24px;}
.btn-page {position:absolute; right:4px; top:4px; z-index:10;}
.btn-page .icon {cursor: pointer; width: 20px; height: 20px; margin: 10px;}
.btn-page .text-icon {cursor: pointer; width: 20px; height: 20px; margin:10px 4px;}

.page-top-dop-info-right {}

.page-equp-top{border-bottom: 1px solid #f3f3f3;}
.page-equp-top .info-li {padding:0px; height:100px; }
.page-equp-top .info-text {padding: 8px 0px 0px 40px;}
.page-equp-top .info-text p{display:inline-block; padding: 0px 0px 0px 18px;}
.page-equp-top .info-text p:first-child{padding: 0px 0px 0px 0px;}

#iconr {position:absolute; right:0px; text-align:right;}

#blamba {
	/* position: absolute; */
    left: -20px;
    /* top: 38px; */
    border-radius: 0px 12px 12px 0px;
    width: 45px;
    height: 25px;
}

#blamba.bred{background:#FF0000;}
#blamba.bgreen{background:#0BC40B;}
#blamba.borange{background:#fab400;}

#blamba.red{background:#FF0000;}
#blamba.green{background:#0BC40B;}
#blamba.orange{background:#fab400;}

.block_share_sticer {position:absolute;top:0px;right:0px;}
.block_share_sticer_vijet {position:absolute;bottom:0px;right:0px;}

.spec-blamba {
	position: absolute;
    left: -20px;
    top: 36px;
    border-radius: 0px 12px 12px 0px;
    width: 45px;
    height: 25px;
}

.block-control-graph {
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
	width:100%;
	padding:0px 0px 18px 0px;
}

.block-control-graph .type-load-format {
	width: 50px;
    font-size: 11px;
    padding: 4px 2px;
}
.block-control-graph .btn-select-time {
	cursor:pointer;
	display:inline-block;
	width:46px;
	color:#000000;
	padding:4px 0px;
	margin: 4px;
	font-size:11px;
	text-align:center;
	border:1px solid #6C6D6F;
	border-radius:8px;
}

.block-control-graph .btn-select-time:hover{border-color:#D3D4D3; color:#D3D4D3; background:#ffffff;}
.block-control-graph .btn-select-time.active{border-color:#D3D4D3; background:#D3D4D3; color:#000000;}

.sms-info{
    margin: 14px 0px 0px 0px;
    padding: 14px;
    height: 42px;
	width:210px;
    color: #ffffff;
    font-size: 12px;
    background: #0BC40B;
    border-radius: 15px;
}
.sms-info:before{
	content:"";
	bottom:-8px;
	left:-10px;
	position:absolute;
	width:23px;
	height:22px;
	background:url(../img/icon/Triangle2r.png);
}

.dop-sort-filter {
	width:100%;
	position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding:18px 0px 0px 0px;
}

/* Fast Menu page  Vijet*/
.fast-menu {width:100%; min-height:100%;}
.fast-menu .one-tile{
	width:320px;
	height:260px;
	padding:0px;
	margin:20px;
	text-align: left;
	border-radius:10px!important;
	background:#ffffff;
	box-sizing: border-box;
}

.fast-menu .one-tile header {
	display:flex;justify-content:space-between;align-items:flex-start;flex-wrap: wrap;
	padding:10px 10px 5px 10px;
	z-index:10;
}
.fast-menu .one-tile header .left{cursor:move; width: 220px;}
.fast-menu .one-tile header .name{
	padding: 0px 0px 0px 12px;
	display:inline-flex;align-items:center;flex-wrap:wrap;
	max-width:158px;
	height:32px;
	font-family:Franco500;
	overflow: hidden;
}
.fast-menu .one-tile header .right {text-align:right;}
.fast-menu .one-tile header .right .text-icon{padding:0px 0px 0px 8px;}

.fast-menu .one-tile section {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	padding:0px 10px;
}
.fast-menu .one-tile section .blamba{
    position: absolute;
    top: 5px;
    left: -10px;
    width: 45px;
    height: 25px;
    border-radius: 0px 12px 12px 0px;
}

.fast-menu .one-tile section .blamba-btn{
    position: absolute;
    top: 5px;
    left: 0px;
    width: 45px;
    height: 25px;
    border-radius: 0px 12px 12px 0px;
	background:#d4d4d4;
	cursor:pointer;
	z-index: 1000;
}
.fast-menu .one-tile section .blamba-btn:after {
    content: "";
    position: absolute;
    display: block;
    top: 2px;
    left: 4%;
    width: 21px;
    height: 21px;
    border-radius:50%;
    box-sizing: border-box;
    transition: all 0.5s;
    background: #f7f3ef;
}

.fast-menu .one-tile section .blamba-btn.used:after { display: none;}

.fast-menu .one-tile section .blamba-btn.active{background:#569AD4;}
.fast-menu .one-tile section .blamba-btn.active:after {left: calc(100% - 24px);border-radius:50%;}


.fast-menu .one-tile section .state-info{position: relative;font-size: 24px; font-family: MontserratB; font-weight: 800; padding: 0px 0px 0px 46px; display: block; overflow: hidden; text-overflow: ellipsis;}
.fast-menu .one-tile section .predel-info{font-size:14px; font-weight: 800; padding: 0px 0px 0px 0px; color:#6c6c6c; white-space: nowrap;}
.fast-menu .one-tile section.mid-info{height:172px;}
.fast-menu .one-tile section.mid-info .state{min-height:34px;display: flex;align-items: center;}
.fast-menu .one-tile section .graph{width:100%; padding:0px 0px; box-sizing: border-box;}
.fast-menu .one-tile section .graph canvas{width:100%; height:100%;}
.fast-menu .one-tile section .graph .line-block {height: 15px; display:flex!important;justify-content:space-between;align-items: center;flex-wrap: wrap;}
.fast-menu .one-tile section .graph .line-block .line{ width:100%; border-top:1px dashed #D3D4D3;}
.fast-menu .one-tile section .graph .line-block .numb{
	position:absolute;
	right:0px;
	padding:2px 0px 2px 8px;
	color:#A5A5A5;
	font-size:0.8em;
	background: #ffffff;
}
.fast-menu .one-tile section .graph .canva{ height:80px;}

.fast-menu .one-tile section .graph.prog-alarm {padding:0px 0px; height:75px; padding:10px 0px 0px 0px;}

.fast-menu .one-tile footer{}
.fast-menu .one-tile footer.bot-info{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	height:16px;
	font-size:0.8em;
	color: #6C6D6F;
	padding: 10px 10px 0px 10px;
}
.fast-menu .one-tile footer.bot-info p{display:inline-block; padding:0px 10px 0px 0px;}
.fast-menu .one-tile footer.bot-info p span:first-child{color:#969696;}
.fast-menu .one-tile footer.bot-info p span:last-child{color:#333333;}

.fast-menu .one-tile .shadov-block{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:8;
	background: rgba(237,237,237,0.5);
}
.fast-menu .one-tile .shadov-block.on{display:block;}


.fast-menu .one-tile.equp-disc section .graph canvas{width:100%; height:60%; padding:20px 0px 0px 0px;}
.fast-menu .one-tile.equp-relay section .graph canvas{width:100%; height:60%; padding:20px 0px 0px 0px;}
.fast-menu .one-tile.img img{height:100%;}

.fast-menu .one-tile.prog-otpl section{height:180px;}
.fast-menu .one-tile.prog-otpl footer{display:none;}
.fast-menu .one-tile.prog-otpl .left{display:inline-block; height:100%; width:59%;}
.fast-menu .one-tile.prog-otpl .left .btn{
	cursor:pointer;
	display: block;
    text-align: center;
    width: 100%;
    background: #d4d4d4;
    padding: 4px 0px 4px 0px;
    margin: 6px 0px 0px 0px;
    border-radius: 8px;
}
.fast-menu .one-tile.prog-otpl .left .txt{padding: 20px 0px 0px 0px; text-align:center; width:100%;}
.fast-menu .one-tile.prog-otpl .left .inpt{width:100%; text-align:center;}
.fast-menu .one-tile.prog-otpl .left .inpt input{
	text-align:center;
	padding:0px;
	margin:0px;
	width:68px;
	border-radius:0px;
	border-color:#d4d4d4;
	padding:4px;
}
.fast-menu .one-tile.prog-otpl .left .inpt:after{
    content: "+";
    color:#fff;
	position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 48px;
    height: 28px;
    border-radius: 8px 0px 0px 8px;
    font-size: 23px;
    box-sizing: border-box;
    background: #d4d4d4;
}
.fast-menu .one-tile.prog-otpl .left .inpt:before{
	content: "-";
	color:#fff;
    position: absolute;
    display: block;
    top: 0px;
    right: 0px;
    width: 48px;
    height: 28px;
    border-radius: 0px 8px 8px 0px;
    font-size: 22px;
    box-sizing: border-box;
    background: #d4d4d4;
}

.fast-menu .one-tile.prog-otpl section .right{display:inline-block; height:100%; width:39%; text-align:center;}
.fast-menu .one-tile.prog-otpl section .step{padding:8px;}


.fast-menu .one-tile.system3x .smsinfo{
    margin: 14px 0px 0px 11px;
    padding: 14px;
    height: 40px;
    width: 250px;
    color: #ffffff;
    font-size: 12px;
    background: #0BC40B;
    border-radius: 15px;
}
.fast-menu .one-tile.system3x .smsinfo:before{
    content: "";
    bottom: -2px;
    right: -10px;
    position: absolute;
    width: 22px;
    height: 20px;
    background: url(../img/icon/Triangle2.png);
    background-size: 100% 100%;
}

.fast-menu .one-tile.heating section .state .manual_mod_target {display:none;}
.fast-menu .one-tile.heating section .state.manual-mod .btn-heating{display:none;}
.fast-menu .one-tile.heating section .state.manual-mod .manual_mod_target {display:block;width: 100%;}

.fast-menu .one-tile.sheduler section .manual_mod_target {display:none;}
.fast-menu .one-tile.sheduler section .graph {display:block;}
.fast-menu .one-tile.sheduler section.manual-mod .manual_mod_target {display:block;}
.fast-menu .one-tile.sheduler section.manual-mod .graph {display:none;}

.fast-menu .one-tile.alarm section .manual-icon .manual_mod_target {display:none;}
.fast-menu .one-tile.alarm section.manual-mod .manual-icon .btn_rebout_relay_prog_alarm  {display:none;}
.fast-menu .one-tile.alarm section.manual-mod .manual-icon { justify-content:space-between !important; }
.fast-menu .one-tile.alarm section.manual-mod .manual-icon .manual_mod_target {display:block;}

.fast-menu .one-tile.analog3x section .state {display: flex; justify-content: space-between; align-items: center;}
.fast-menu .one-tile.adapter_8k section .state {display: flex; justify-content: space-between; align-items: center;}
.fast-menu .one-tile.adapter_mixer3x section .state {display: flex; justify-content: space-between; align-items: center;}


#no-tile-vijet {
    position: absolute;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
}
#no-tile-proj {
    position: absolute;
    width: 100%;
    height: 100%;
}

.fast-menu .one-tile.control_device3x section{padding:0px 0px;}
.fast-menu .one-tile.control_device3x section .blamba{left:0px;}
.fast-menu .one-tile.discret3x section{padding:0px 0px;}
.fast-menu .one-tile.discret3x section .blamba{left:0px;}
.fast-menu .one-tile.discret3x section .state-info{padding: 0px 0px 0px 57px;}
.fast-menu .one-tile.control_device3x section .state-info{padding: 0px 0px 0px 56px;}
.fast-menu .one-tile.control_device3x section .dop-state-info{padding:10px 0px 0px 10px; color:#6c6c6c;}
.fast-menu .one-tile.sheduler section{padding:0px 0px;}
.fast-menu .one-tile.sheduler section .state{margin:0px 10px;}
.fast-menu .one-tile.alarm .btn-checkboxEC {width:169px; padding:9px 0px; font-size:14px;}

	/* Programs */
.fast-menu .one-tile.security section .state-info{font-family:MontserratB; font-size:25px; padding: 0px 0px 0px 0px;}
.fast-menu .one-tile.security header .name{padding: 0px 0px 0px 0px;}

.fast-menu .one-tile.notofications section .state-info{font-family:MontserratB; font-size:25px; padding: 0px 0px 0px 0px;}

.fast-menu .one-tile.control_device3x .used-program {padding:4px 20px 0px 10px; font-size: 0.8em; font-family:Franco500;}
.fast-menu .one-tile.adapter_boiler3x .used-program {padding:4px 0px 0px 0px; font-size: 0.8em; font-family:Franco500;}

.discret-vijet-graph {
	display:flex!important;justify-content:space-between;align-items: center;
	height:80px; width:100%; padding:20px 0px 10px 0px;
}
.discret-vijet-graph .left-line {height: 100%; width:140px; border-bottom: 2px solid transparent; border-top: 2px solid transparent;}
.discret-vijet-graph .left-line .title{padding: 25px 0px 0px 10px; color:#6C6D6F;}
.discret-vijet-graph .center-line {height:100%; width:40px;}
.discret-vijet-graph .center-line .centr-img{
	width:93px;
	border-bottom: 2px solid transparent;
	position: absolute;
    top: 39px;
    left: -26px;
    transform: rotate(-64deg);
}
.discret-vijet-graph .center-line .centr-tringle{
	display:none;
	position:absolute;
	top:0px; left:0px;
	width: 0; height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 34px solid #FAB400;
}
.discret-vijet-graph .center-line .centr-tringle:after{
    content: "!";
    font-size: 24px;
    position: absolute;
    top: 6px;
    left: -3px;
    font-family: MontserratB;
}
.discret-vijet-graph .right-line {height: 100%; width:140px; text-align:right; border-bottom: 2px solid transparent; border-top: 2px solid transparent;}
.discret-vijet-graph .right-line .title{padding: 14px 10px 0px 0px;}
.discret-vijet-graph .right-line .dop-text{padding:10px 10px 0px 0px; color: #6C6D6F; font-size:12px;}

.discret-vijet-graph.view_0 .dop-text{display:none;}

.discret-vijet-graph.view_1 .left-line{border-bottom-color:#FF0000;}
.discret-vijet-graph.view_1 .centr-img{border-bottom-color:#0BC40B;}
.discret-vijet-graph.view_1 .right-line{border-top-color:#0BC40B;}

.discret-vijet-graph.view_-1 .left-line{border-top-color:#0BC40B;}
.discret-vijet-graph.view_-1 .centr-img{border-bottom-color:#FF0000; transform: rotate(64deg);}
.discret-vijet-graph.view_-1 .right-line{border-bottom-color:#FF0000;}

.discret-vijet-graph.view_2 .left-line{border-bottom-color:#0BC40B;}
.discret-vijet-graph.view_2 .centr-img{border-bottom-color:#195a19;}
.discret-vijet-graph.view_2 .right-line{border-top-color:#195a19;}

.discret-vijet-graph.view_-2 .left-line{border-top-color:#195a19;}
.discret-vijet-graph.view_-2 .centr-img{border-bottom-color:#0BC40B; transform: rotate(64deg);}
.discret-vijet-graph.view_-2 .right-line{border-bottom-color:#0BC40B;}

.discret-vijet-graph.view_3 .left-line{border-bottom-color:#D3D4D3;}
.discret-vijet-graph.view_3 .centr-img{border-bottom-color:#579AD4;}
.discret-vijet-graph.view_3 .right-line{border-top-color:#579AD4;}

.discret-vijet-graph.view_-3 .left-line{border-top-color:#579AD4;}
.discret-vijet-graph.view_-3 .centr-img{border-bottom-color:#D3D4D3; transform: rotate(64deg);}
.discret-vijet-graph.view_-3 .right-line{border-bottom-color:#D3D4D3;}

.discret-vijet-graph.view_4 .centr-tringle{top:48px; left:-18px; display:block;}
.discret-vijet-graph.view_4 .centr-img{border-bottom-color:#D3D4D3; border-bottom-style: dashed;}
.discret-vijet-graph.view_4 .right-line{border-top-color:#D3D4D3; border-top-style: dashed;}

.discret-vijet-graph.view_-4 .left-line{border-top-color:#D3D4D3; border-top-style: dashed;}
.discret-vijet-graph.view_-4 .centr-tringle{top:48px; left:18px; display:block;}
.discret-vijet-graph.view_-4 .centr-img{border-bottom-color:#D3D4D3; border-bottom-style: dashed; transform: rotate(64deg);}

.discret-vijet-graph.view_5 .centr-tringle{top:-12px; left:-15px; display:block;}
.discret-vijet-graph.view_5 .centr-img{border-bottom-color:#D3D4D3; transform: rotate(64deg);}
.discret-vijet-graph.view_5 .right-line{border-bottom-color:#D3D4D3;}

.discret-vijet-graph.view_-5 .left-line{border-bottom-color:#D3D4D3; }
.discret-vijet-graph.view_-5 .centr-tringle{top:-12px; left:15px; display:block;}
.discret-vijet-graph.view_-5 .centr-img{border-bottom-color:#D3D4D3;}

.discret-vijet-graph.view_6 .centr-tringle{top:48px; left:-18px; display:block;}
.discret-vijet-graph.view_6 .centr-img{border-bottom-color:#579AD4;}
.discret-vijet-graph.view_6 .right-line{border-top-color:#579AD4;}

.discret-vijet-graph.view_-6 .left-line{border-top-color:#579AD4; }
.discret-vijet-graph.view_-6 .centr-tringle{top:48px; left:18px; display:block;}
.discret-vijet-graph.view_-6 .centr-img{border-bottom-color:#579AD4; transform: rotate(64deg);}

.discret-vijet-graph.view_7 .centr-tringle{top:-12px; left:-15px; display:block;}
.discret-vijet-graph.view_7 .centr-img{border-bottom-color:#0BC40B; transform: rotate(64deg);}
.discret-vijet-graph.view_7 .right-line{border-bottom-color:#0BC40B;}

.discret-vijet-graph.view_-7 .left-line{border-bottom-color:#0BC40B; }
.discret-vijet-graph.view_-7 .centr-tringle{top:-12px; left:15px; display:block;}
.discret-vijet-graph.view_-7 .centr-img{border-bottom-color:#0BC40B;}

.discret-vijet-graph.view_8 .centr-tringle{top:48px; left:-18px; display:block;}
.discret-vijet-graph.view_8 .centr-img{border-bottom-color:#0BC40B;}
.discret-vijet-graph.view_8 .right-line{border-top-color:#0BC40B;}

.discret-vijet-graph.view_-8 .left-line{border-top-color:#0BC40B; }
.discret-vijet-graph.view_-8 .centr-tringle{top:48px; left:18px; display:block;}
.discret-vijet-graph.view_-8 .centr-img{border-bottom-color:#0BC40B; transform: rotate(64deg);}

.discret-vijet-graph.view_9 .centr-tringle{top:-12px; left:-15px; display:block;}
.discret-vijet-graph.view_9 .centr-img{border-bottom-color:#FF0000; transform: rotate(64deg);}
.discret-vijet-graph.view_9 .right-line{border-bottom-color:#FF0000;}

.discret-vijet-graph.view_-9 .left-line{border-bottom-color:#FF0000; }
.discret-vijet-graph.view_-9 .centr-tringle{top:-12px; left:15px; display:block;}
.discret-vijet-graph.view_-9 .centr-img{border-bottom-color:#FF0000;}

.discret-vijet-graph.view_10 .centr-tringle{top:48px; left:-18px; display:block;}
.discret-vijet-graph.view_10 .centr-img{border-bottom-color:#0BC40B;}
.discret-vijet-graph.view_10 .right-line{border-top-color:#0BC40B;}

.discret-vijet-graph.view_-10 .left-line{border-top-color:#0BC40B; }
.discret-vijet-graph.view_-10 .centr-tringle{top:48px; left:18px; display:block;}
.discret-vijet-graph.view_-10 .centr-img{border-bottom-color:#0BC40B; transform: rotate(64deg);}

.discret-vijet-graph.view_11 .left-line{border-bottom-color:#D3D4D3;}
.discret-vijet-graph.view_11 .centr-img{border-bottom-color:#D3D4D3;}
.discret-vijet-graph.view_11 .right-line{border-top-color:#D3D4D3; border-top-style:dashed;}

.discret-vijet-graph.view_-11 .left-line{display:none;}
.discret-vijet-graph.view_-11 .centr-img{border-bottom-color:#D3D4D3; transform: rotate(64deg);}
.discret-vijet-graph.view_-11 .right-line{border-bottom-color:#D3D4D3; width:280px;}
.discret-vijet-graph.view_-11 .right-line .title{display:none;}
/* .discret-vijet-graph.view_-11 .right-line .dop-text{display:none;} */

.discret-vijet-graph.view_12 .left-line{display:none;}
.discret-vijet-graph.view_12 .centr-img{border-bottom-color:#579AD4;}
.discret-vijet-graph.view_12 .right-line{border-top-color:#579AD4; width:280px;}
.discret-vijet-graph.view_12 .right-line .title{display:none;}
/* .discret-vijet-graph.view_12 .right-line .dop-text{display:none;} */

.discret-vijet-graph.view_-12 .left-line{border-top-color:#579AD4;}
.discret-vijet-graph.view_-12 .centr-img{border-bottom-color:#579AD4; transform: rotate(64deg);}
.discret-vijet-graph.view_-12 .right-line{border-bottom-color:#D3D4D3; border-bottom-style:dashed;}

.discret-vijet-graph.view_13 .left-line{border-bottom-color:#0BC40B;}
.discret-vijet-graph.view_13 .centr-img{border-bottom-color:#0BC40B;}
.discret-vijet-graph.view_13 .right-line{border-top-color:#D3D4D3; border-top-style:dashed;}

.discret-vijet-graph.view_-13 .left-line{display:none;}
.discret-vijet-graph.view_-13 .centr-img{border-bottom-color:#0BC40B; transform: rotate(64deg);}
.discret-vijet-graph.view_-13 .right-line{border-bottom-color:#0BC40B; width:280px;}
.discret-vijet-graph.view_-13 .right-line .title{display:none;}
/* .discret-vijet-graph.view_-13 .right-line .dop-text{display:none;} */

.discret-vijet-graph.view_14 .left-line{display:none;}
.discret-vijet-graph.view_14 .centr-img{border-bottom-color:#0BC40B;}
.discret-vijet-graph.view_14 .right-line{border-top-color:#0BC40B; width:280px;}
.discret-vijet-graph.view_14 .right-line .title{display:none;}
/* .discret-vijet-graph.view_14 .right-line .dop-text{display:none;} */

.discret-vijet-graph.view_-14 .left-line{border-top-color:#0BC40B;}
.discret-vijet-graph.view_-14 .centr-img{border-bottom-color:#0BC40B; transform: rotate(64deg);}
.discret-vijet-graph.view_-14 .right-line{border-bottom-color:#D3D4D3; border-bottom-style:dashed;}

.discret-vijet-graph.view_15 .left-line{border-bottom-color:#FF0000;}
.discret-vijet-graph.view_15 .centr-img{border-bottom-color:#FF0000;}
.discret-vijet-graph.view_15 .right-line{border-top-color:#D3D4D3; border-top-style:dashed;}

.discret-vijet-graph.view_-15 .left-line{display:none;}
.discret-vijet-graph.view_-15 .centr-img{border-bottom-color:#FF0000; transform: rotate(64deg);}
.discret-vijet-graph.view_-15 .right-line{border-bottom-color:#FF0000; width:280px;}
.discret-vijet-graph.view_-15 .right-line .title{display:none;}
/* .discret-vijet-graph.view_-15 .right-line .dop-text{display:none;} */


.discret-vijet-graph.view_16 .left-line{display:none;}
.discret-vijet-graph.view_16 .centr-img{border-bottom-color:#0BC40B;}
.discret-vijet-graph.view_16 .right-line{border-top-color:#0BC40B; width:280px;}
.discret-vijet-graph.view_16 .right-line .title{display:none;}
/* .discret-vijet-graph.view_16 .right-line .dop-text{display:none;} */

.discret-vijet-graph.view_-16 .left-line{border-top-color:#0BC40B;}
.discret-vijet-graph.view_-16 .centr-img{border-bottom-color:#0BC40B; transform: rotate(64deg);}
.discret-vijet-graph.view_-16 .right-line{border-bottom-color:#D3D4D3; border-bottom-style:dashed;}


.discret-vijet-graph.view_16 {}


/* -Fast Menu page- */

/* equipment page */
.adapter-error.on .adapter-of{display:none;}
.adapter-error.on .adapter-on{display:inline-block;}

.adapter-error.of .adapter-of{display:block;}
.adapter-error.of .adapter-on{display:none;}

/* -equipment page- */

.spec-info-block.auto-time select{width:130px;}

.spec-info-block {padding:8px; margin:8px; width:270px; border-radius: 10px; border-bottom: 1px solid #f6f6f6;}
.spec-info-block .arrow-on-off{padding:0px 10px 0px 0px;}
.spec-info-block .arrow-on-off:after{content: "\21A7";}
.spec-info-block p{display:flex;justify-content:space-between;align-items: center;flex-wrap: wrap;padding: 4px 0px 0px 0px;}
.spec-info-block p.block-onof{display:none;}
.spec-info-block p.block-onof.open{display:flex;}
.spec-info-block.norm-p p{display:block;}
.spec-info-block.norm-p p span{vertical-align:middle;}
.spec-info-block select{width:150px;}
.spec-info-block input{width:139px;}
.spec-info-block .btn_open_settings{cursor:pointer; color:#d4d4d4;}
.spec-info-block section{
	width:270px; height:0px;
	overflow:hidden;
	transition: height 0.3s;
}
.spec-info-block .time-mesage select{width:58px;}

.spec-info-block.normal h5{color:#777777;}

.spec-info-block.active h5 {color:#fab400;}

.spec-info-block.open {box-shadow: 0 2px 6px 0 #dddddd;}
.spec-info-block:hover {box-shadow: 0 2px 6px 0 #dddddd;}
.spec-info-block:active {box-shadow: 0 2px 6px 0 #dddddd;}
.spec-info-block.open section{height:180px;}
.spec-info-block.open .arrow-on-off{color:#888888;}
.spec-info-block.open .arrow-on-off:after{content: "\21A5";}

.spec-info-block .width-45 {display:inline-block; width:45px;}
.spec-info-block.width-180 {min-width:180px; width:auto;}
.spec-info-block.width-200 {min-width:200px; width:auto;}

.spec-info-block .state .state-system-con{min-width:200px; width:auto;}

.equp-info-graph header{margin:0px 0px 0px 0px;}
.equp-info-graph .graph canvas{width: 100%; height: 250px;}

#info-connections-wifi-gsm .state {display:inline-block; vertical-align:middle; width:13px; height:13px; border-radius:50%; background:#D3D4D3;}
#info-connections-wifi-gsm .state.on{background:#0BC40B;}
#info-connections-wifi-gsm .state.of{background:#ca3434;}
#info-connections-wifi-gsm .name{padding: 0px 10px 0px 0px;}

#block-graf-analog-gsm .graph {height:400px;}
#block-graf-analog-wifi .graph {height:400px;}

	/* filter */
.filter-window {
	width:100%;
	height:0px;
	overflow:hidden;
	transition:height 0.4s;
}
.filter-window .colum{padding:20px 0px 20px 0px;}
.filter-window.projects.open{height:240px;}
.filter-window.equipments.open{height:560px;}
.filter-window.programs.open{height:290px;}
.filter-window.history.open{height:300px;}
.filter-window.templates.open{height:320px;}

.filter-window .title{padding:8px; font-weight: 600;}
.filter-window .btn-all{padding:4px 0px 4px 0px; height:17px;}
.filter-window ul {display:flex; flex-direction:column; align-items: baseline;}
.filter-window ul li{display:inline-block; position:relative; padding:4px;}
.filter-window ul li .name{padding:3px 8px;}
.filter-window ul li:hover .name{color:#fab400;}
.filter-window select {display:inline-block; border:none; width:auto; padding:0px; font-weight: 600;}

.filter-window .spec-razdelitel{
	position: relative;
    top: -15px;
    width: 100%;
	border-top: solid 1px #f1f1f1;
}
.filter-window ul li.active .checkbox{background:#FAB400; border:1px solid #FAB400;}
.filter-window ul li.active .checkbox:after {
    content: "";
    background: #ffffff;
    width: 100%;
    height: 100%;
    mask: url(../img/icon/global/scheck.svg);
	-webkit-mask: url(../img/icon/global/scheck.svg);
}

.filter-window.equp .equp{display:block;}
.filter-window.equp .syst{display:none;}

.filter-window.syst .equp{display:none;}
.filter-window.syst .syst{display:block;}

	/* equp */
#equp-content-mid .block-setings {padding:28px 20px 50px 20px;}
#equp-content-mid .cn-block {display:inline-block; width: 180px;}
#equp-content-mid .cn-block.name {width:140px;}
#block-menu-action-btn, #block-menu-action-zone-btn {text-align:right;}

#modal-print-list {width:100%;}
.spec-line-add-equp{}
.spec-line-add-equp .spec-test{display:flex;justify-content:space-between;align-items: center;flex-wrap: wrap;}
.spec-line-add-equp .spec-test .text-btn{text-align:center; width: 130px;}
.spec-line-add-equp .big-line{display:flex;justify-content:space-between;align-items: center;flex-wrap: wrap; padding: 10px 48px;}
.spec-line-add-equp .big-line .point{
	display:flex;justify-content:center;align-items:center;flex-wrap:wrap;align-content: center;
	width: 24px;
    height: 24px;
    background: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
}
.spec-line-add-equp .big-line .point .cir{
	width: 12px;
    height: 12px;
    background: #D3D4D3;
    border-radius: 50%;
}
.spec-line-add-equp .big-line .point.active{border-color:#0BC40B;}
.spec-line-add-equp .big-line .point.active .cir{ background: #0BC40B;}
.spec-line-add-equp .big-line .point.passive{border-color:#fff;}
.spec-line-add-equp .big-line .point.passive .cir{ background: #0BC40B;}
.spec-line-add-equp .big-line .line{
	width: 324px;
    height: 2px;
    background: #D3D4D3;
}
.spec-line-add-equp .big-line .line.active{background: #0BC40B;}

.modal-type-equp-add {display:flex; flex-wrap: wrap; padding: 40px 0px;}
.modal-type-equp-add .one-block-t{display:flex; flex-direction: column; justify-content: space-between;  align-items: center; width:390px;}
.modal-type-equp-add .one-block-t .block-btn{
	display: flex; flex-direction: column; justify-content: space-between; align-items: center;
	width: 370px; height: 170px;
	background:#EDEDED;
	border-radius:8px;
	padding: 20px;
	margin: 10px 0px;
    box-sizing: border-box;
}
.modal-type-equp-add .one-block-t .block-btn p{text-align:center;}
.modal-type-equp-add .one-block-t img{width:200px; margin:20px 0px 0px 0px;}

.modal-type-equp-add .one-block-t2{display:flex; justify-content:center; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; width:380px;}
.modal-type-equp-add .one-block-t2 .number{
	display:flex; justify-content:center;  align-items:center;
	width:22px; height:22px; margin: 0px 12px 0px 0px;
	font-family:Franco900; font-size:18px; color:#000;
	border:2px solid #EDEDED; border-radius:50%;
}
.modal-type-equp-add .one-block-t2 .info{width:324px;}
.modal-type-equp-add .one-block-t2 p{padding:4px 0px}

.modal-type-equp-add-bot-btn {
	display:flex; justify-content: space-between;  align-items: center;
	width:100%;
	padding: 0px 20px 30px 20px;
	box-sizing: border-box;
}
.modal-type-equp-add-bot-btn a{display:flex;align-items:center; color:#000;}
.modal-type-equp-add-bot-btn a img{width:40px; height:40px; margin:0px 8px 0px 0px}
	/* system */
.equipment .cn-block {padding:4px;}
.equipment .cn-block.delay-time input{width: 58px; text-align: center}
.equipment .cn-block input[type="text"] {
	height: 18px;
	margin: 4px 0px;
	padding: 4px;
}
.equipment .cn-block .checkbox{
    width: 28px;
    height: 28px;
    margin: 4px 0px;
    border-color: #dddddd;
    border-radius: 0px 6px 6px 0px;
    left: -1px;
}
.graph-windiw-statistic {width:100%; height:260px;}
.graph-windiw-statistic.analog {height:460px;}
.graph-windiw-modding {width:100%; height:200px;}
.graf-analog {width:100%; height:100%;}
.graf-control {width:100%; height:100%;}

.equipment .statistic select { font-size:0.8em; padding: 2px; margin: 0px 0px 12px 0px;}
.equipment .statistic .statistic-menu-left .icon{cursor:pointer; margin: 0px 0px 0px 10px;}
.equipment .statistic .statistic-menu-left .icon:hover{background-position: 0% 40%}
.equipment .cn-block.cn-center { text-align:center;}
.equipment .cn-block.cn-center .checkbox{ border-radius: 6px;}

.equipment .one-segment-50 {height:340px; overflow: auto;}

.equipment .conections ul{width:100%;}
.equipment .conections ul li{cursor:pointer;display:flex;justify-content:  space-around;align-items: center;padding:8px 0px;}
.equipment .conections ul li:first-child{font-weight:600;}
.equipment .conections ul li:nth-child(even){background:#f8f8f8;}
.equipment .conections ul li p{width:50%; text-align:center;}


.equipment .mini_grahp h4 {text-align:left;}
.equipment .mini_grahp .inf_elem_delta{position:absolute; top:-3px; left:-2px;}
.equipment .mini_grahp .inf_elem_value{position:absolute; top:177px; right:28px;}
.equipment .mini_grahp .x_axis{}
.equipment .mini_grahp .y_axis{color:#f19b00;}
.equipment .mini_grahp ul {width:100%;}
.equipment .mini_grahp ul li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom:1px solid #eaeaea;
	padding: 6px 0px;
}
.equipment .mini_grahp ul li input[type="text"]{
	font-weight:600;
	font-size: 0.9em;
	margin:0px 4px;
	padding:2px 0px;
	width:40px;
	text-align:center;
}
.equipment .mini_grahp ul li:nth-child(even) {background: #f8f8f8;}
.equipment .mini_grahp ul li div{display:inline-block; min-width:31%;}
.equipment .mini_grahp ul li div:last-child{display:inline-block;min-width:12px;width:auto;}
.equipment .mini_grahp ul li p{padding:0px 0px 0px 19px;}

.equipment .btn_text {
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    font-size: 1.4em;
	color:#bbb;
    padding: 0px 0px 0px 0px;
    border: 1px solid #D3D4D3;
    border-radius: 50%;
    user-select: none;
}

 /* .select-one-equp */
.select-one-equp{
	display:inline-block;
	position:relative;
	padding:4px;
	box-sizing: border-box;
}

.select-one-equp span{
	display:inline-block;
    cursor: pointer;
    color: #fab400;
    padding: 2px 14px;
	margin: 4px 4px;
    background: #ffffff;
    border: 1px solid #fab400;
    border-radius: 20px;
    font-size: 1em;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.select-one-equp span:hover {transform:scale(0.95);}
.select-one-equp span:active {transform:scale(0.8);}

.select-one-equp { min-width:300px; border: 1px solid #dddddd; border-radius:5px; margin: 4px 0px;}
.select-one-equp span{padding: 0px 5px; margin:0px;}
.select-one-equp ul{
	display:block;
	width:100%;
	max-height:200px;
	overflow:auto;
	border-radius:5px;
	padding:0px;
	margin:0px;
}
.select-one-equp ul li{
	display:flex;
	justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
	text-decoration: none;
    list-style: none;
    vertical-align: top;
	padding: 4px 6px;
}
.select-one-equp ul li.one-head{}
.select-one-equp ul li.one-elem{background: #fafafa;}

.select-one-equp ul li>div{display:inline-block;}
.select-one-equp ul li>div:nth-child(1){width:33px;}
.select-one-equp ul li>div:nth-child(2){width:calc(49% - 42px);}
.select-one-equp ul li>div:nth-child(3){width:calc(49% - 42px);}
.select-one-equp ul li>div:nth-child(4){
	display: inline-flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;width:48px;
}

/* project*/
.one-project .pro_i{display:none;}

/* page project edit */
.project-edit{}
.project-edit .dop-info {
	display: flex;
    flex-wrap: wrap;
	width: 100%;
}
.project-edit .dop-info .project-mini-img {
	height: 160px;
	max-width: 100%;
	border: 1px solid #f2f2f2;
    border-radius: 4px;
	padding: 10px;
}
.project-edit .dop-info .project-mini-img.none {border:none;}
.project-edit .dop-info img {height: 100%;}
.project-edit .dop-info > span{width:100%;}
.project-edit .project-type {min-width:270px;}
.project-edit .form-radio {margin:6px 0px;}
.project-edit .btn-sensor .icon_projects_main {width:24px; height:24px; margin:8px;}



/* page add project*/
.block-type-project .title{padding: 0px 20px 20px 20px;}

.block-type-project .big-btn-type-proj{display:flex; justify-content:space-between; width:100%;}
.block-type-project .big-btn-type-proj li{
	position:relative; display:flex; justify-content:center; align-items: center;
	width:33.4%; height:56px; cursor:pointer; background:#F6F6F6;
	border-right:1px solid #DCDCDC; color:#AAAAAB;
}
.block-type-project .big-btn-type-proj li:last-child{border-right:none;}
.block-type-project .big-btn-type-proj li.active{background:#DCDCDC; color:#000000;}
.block-type-project .big-btn-type-proj li.active .icon{background:#000000;}

.block-type-project .big-btn-conten-block {width:100%; box-sizing: border-box; padding:20px;}
.block-type-project .big-btn-conten-block .content-btn{display:none; width:100%;}
.block-type-project .big-btn-conten-block .content-btn.active{display:block;}
.block-type-project .big-btn-conten-block #btn-content-img img{height:360px;}
.block-type-project .big-btn-conten-block #ecto-map{height:400px;}

.btn-select-file {display:inline-block;}
.btn-select-file span{position:relative;}
.btn-select-file .btn {width:160px; text-align:center; padding:10px 0px; border:1px solid #58575B;border-radius:8px; transition:all 0.2s}
.btn-select-file .name{padding:10px 4px;}
.btn-select-file input{position:absolute; top:0px; left:0px; width:100%; height:100%; padding:0px; margin:0px; opacity:0;}

.btn-select-file .btn:hover{background:#FAB400; border-color:#FAB400}

#error_name {display:none;}
#error_name.active {display:block;}

#error_img {display:none;}
#error_img.active {display:block;}

	/*
	.new-object {}

	.form-radio{
		display:flex; justify-content:space-between; align-items:center;
		cursor: pointer;
		min-width: 154px;
		width: 200px;
		padding: 8px 8px;
		margin: 6px auto;
		background: #fff;
		box-shadow: 0px 0px 1px 0px #D3D4D3;
		border-radius: 4px;
		transition: background 0.3s;
		text-align: left;
	}
	.form-radio .icon {width:26px; height:26px;}
	.form-radio.active{box-shadow: 0px 0px 1px 0px #ffaf00; color:#ffaf00;}

	.proj_img {overflow:hidden; width:264px; padding:4px 0px; transition:width 0.2s;}
	.proj_img input {margin:4px 0px;}

	.new-object form {padding:12px 8px; background:#ffffff; border-radius:6px; box-shadow:1px 2px 6px 0px #fab400;}
	.new-object form p {}
	.new-object input[type="text"] {width:250px; padding:8px 4px;}
	.new-object input[type="password"] {width:250px; padding:8px 4px;}
	.new-object input[type="email"] {width:250px; padding:8px 4px;}
	.new-object button {width:260px;}
	*/



/* page info */
.widget-top-left {width:70%;}
.widget-top-left h5 .text-icon{font-size:0.9em;}
.widget-top-left select{padding: 0px 5px; margin: 0px 6px;}
.widget-top-right select{padding: 0px 5px; margin: 0px 6px;}
.widget-top-right input{
    padding: 0px 5px;
    margin: 0px 0px;
    width: 15px;
    height: 24px;
    font-size: 0.8em;
    text-align: center;
    border-radius: 0px;
}
.widget-top-right span{
    position: relative;
    display: inline-block;
    height: 16px;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 400;
	color: #6a6c6f;
	background-color: #fff;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid #dddddd;
    transition: background 0.5s;
}
.widget-top-right span:hover{background-color:#efefef;}
.widget-top-right span:active{
	color:#f19b00;
	background:#e6e6e6;
	background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.widget-top-right span:first-child {left: 6px; border-radius: 4px 0px 0px 4px;}
.widget-top-right span:last-child {right: 6px; border-radius: 0px 4px 4px 0px;}
.widget-top-right .text-icon {padding: 0px 8px;}
.widget-top-right .icon {cursor:pointer; width:18px; height:18px; margin: 0px 8px;}
.widget-top-right .icon:hover{background-position: 0% 40%;}
.widget-top-right .icon:active{background-position: 0% 40%;}

.widget-full-screen .icon-full-screen {background-position: 0% 80%;}
.widget-full-screen .icon-full-screen:hover{background-position: 0% 100%;}
.widget-full-screen .icon-full-screen:active{background-position: 0% 100%;}

.widget-dop-btn {padding: 10px 0px 0px 0px;}


/* page programs */
.one-program .pro_i{display:none;}
#print-modal-window-list .list-equipments .equ_b{display:none;}

#prog-iotps {}
#prog-iotps .one-elem{
	display: inline-block;
	width: 260px;
	padding: 0px 0px 20px 0px;
}
#prog-iotps .one-elem .name{
	width: 150px;
    background: #D3D4D3;
    border-radius: 8px;
    text-align: center;
    padding: 4px 0px;
    cursor: pointer;
}
#prog-iotps .one-elem .name:hover{ background: #979797;}
#prog-iotps .one-elem .name:active{ background: #25c725; color:#ffffff;}
#prog-iotps .one-elem.active .name{ background: #0BC40B; color:#ffffff;}
#prog-iotps .one-elem .btn{padding:0px 0px 0px 8px;}
#prog-iotps .one-elem .btn .icon{margin:0px 2px;}
#prog-iotps .one-elem .spec-img-add{margin: 0px 8px 0px 0px; vertical-align: middle;}

#prog-iotps .add_new_elem{cursor: pointer;}
#prog-iotps .add_new_elem .add-name{color:#D3D4D3;}
#prog-iotps .add_new_elem:hover .spec-img-add{background:#b6b6b6;}
#prog-iotps .add_new_elem:hover .add-name{color:#b6b6b6;}
#prog-iotps .add_new_elem:active .add-name{color:#000000;}
#prog-iotps .add_new_elem:active .spec-img-add{background:#828382;}

#prog-content-mid .ofadapter{display:none;}
#prog-content-mid .ofadapterF{display:none;}

#prog-content-mid.adapter .ofadapter{display:inline-block;}
#prog-content-mid.adapter .ofadapterF{display:flex;}
#prog-content-mid.adapter .ofadapterR{display:none;}
#prog-content-mid.system30 .ofadapterR{display:none;}

/* page settings */
.settings-page{}
.settings-page .my-sets header h4{border:none;}
.settings-page .my-sets section div{padding:8px 8px;}
.settings-page .my-sets footer{padding:32px 0px 0px 0px;}
.settings-page .paginator{padding:15px 0px 0px 0px;}
.all-user-list .list{}
.all-user-list .list li > div:first-child{text-align:left;}
.all-user-list .list li > div:last-child{text-align:right;}
.all-user-list .list .fio{width:20%;}
.all-user-list .list .access{width:20%;}
.all-user-list .list .email{width:18%;overflow: auto;}
.all-user-list .list .date{width:12%;}
.all-user-list .list .mesage{width: 5%; min-width: 30px;}
.all-user-list .list .btn{width:8%;}
.all-user-list .list .btn .btn_one_user{padding:0px 6px 0px 0px;}
.all-user-list .list .mesage .text-icon{width:24px; height:24px; margin:2px;}
.all-user-list .list .mesage .icon{margin:2px;}
.all-user-list .list .access .text-icon{padding:0px 0px 0px 8px}
.settings-page .settings-butt > div:first-child{margin:0px 8px 0px 0px;}

/* page user */
.user-page {}
.user-page .user-alerts label{}

.user-page .spec-blamba {top:36px;}
.user-page .tarif-info li {padding:5px 0px;}

.tarif-block {
	text-align:left;
	width:565px;
	background:#ffffff;
	margin-top:30px;
	border-radius:9px;
	padding: 20px;
    box-sizing: border-box;
	overflow:hidden;
}

.tarif-block header {
	position: absolute; top:110px; left: -40px; width: 645px; height: 86px;
	border-radius: 0% 0% 50% 50%; background: #559ad5; z-index: 1;
}
.tarif-block header:before {
	content:""; display:block; background: #559ad5;
	position: absolute; top:-110px; left:0px; width: 100%; height:140px;
}

.tarif-block section {z-index:10;}
.tarif-block section > h4{font-size: 3.0em; padding: 8px 0px 2px 0px; color:#ffffff;}
.tarif-block section > hr{height:8px; width:80px; background:#ffffff; border:none;}
.tarif-block section .top-info{display:flex;justify-content:space-between; align-items:flex-start; flex-wrap: wrap; padding:20px 0px 40px 0px;}
.tarif-block section .btn{text-transform:uppercase; padding:5px 15px; color:#559ad5; background:#ffffff; border-radius:15px; font-size:0.9em;}
.tarif-block section .sum{font-size: 3.0em; padding: 8px 0px 16px 0px; color:#559ad5; font-family:MontserratB;}
.tarif-block section ul { padding: 0px 0px 20px 0px;}
.tarif-block section ul li{padding:4px;}
.tarif-block section .btn-set{cursor:pointer; padding:5px 0px; color:#ffffff; text-align:center; background:#559ad5; border-radius:7px; width:100%; border:1px solid #559ad5;}
.tarif-block section .btn-set:hover{}
.tarif-block section .btn-set:active{border-color:#fab30d; background:#83b7e4;}

.tarif-block.active section > div .btn{color:#ffffff; background:#559ad5;}
.tarif-block.active header {background:#d4d4d4;}
.tarif-block.active header:before {background:#d4d4d4;}
.tarif-block.active .btn-set {display:none;}

/* page access */
.access-page{}
.access-page .one-block section .one-tile{height:400px; justify-content:flex-start; overflow:auto;}
.access-page .one-block section .one-tile section {height:350px;overflow:auto;}
.access-page .one-block section .one-tile section .list li {text-align:left;}
.access-page .one-block section .one-tile section .list li div:first-child{width:26px;}
.access-page .one-block section .one-tile section .list li div:last-child{width:230px;}

/* page acces */
.acces-page .ob-top header{border:none;}
.acces-page .list .elem-type {width: 60px; text-align:left;}
.acces-page .list .elem-name {width: calc(100% - 200px); text-align:left;}
.acces-page .list .elem-chec {width: 90px;}
.acces-page .list .elem-butt {width: 40px;}

.acces-page .list .elem-chec > span {position:relative; z-index:5;}
.acces-page .list .elem-chec .fast-btn-select{position:relative; z-index:10;}
.acces-page .list .elem-chec .fast-btn-select span{cursor:pointer; color: #fab400; padding:4px;z-index:10;}


/* dop menu */
.dasboart-menu {
	display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
	width: 100%;
    height: 32px;
    background: #fff;
	z-index:1001;
	font-family:Montserrat;
}
/* .dasboart-menu a {color:#000000;} */
.dasboart-menu a > span {position:relative; top:-1px;}
.dasboart-menu a:hover {color:#fab400;}
.dasboart-menu a:active {color:#fab400;}

.dasboart-menu a.grey {color:#D3D4D3}

/* .dasboart-menu div:hover {color:#fab400;} */
/* .dasboart-menu div:active {color:#fab400;} */

.dasboart-menu .icon {
	width:20px; height:20px;
	background-color:#a5a5a5;
    margin: 4px 8px;
}

.dasboart-menu .btn {
	cursor:pointer;
	display: inline-block;
    width: auto;
    height: auto;
    font-size: 0.9em;
    border-radius: 0%;
	padding: 9px 20px;
	margin: 0px 1px;
	color: #6C6D6F;
}
.dasboart-menu .btn:hover {box-shadow:none; color:#fab400; font-weight: 700;}
.dasboart-menu .btn.active {box-shadow:none; color:#000; background: #fab300; font-weight: 700;}

.btnIcon {
	cursor:pointer;
	display: inline-flex;
	justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
	font-size: 13px;
	font-weight: 700;
	font-family:Franco;
	padding: 4px 8px;
	margin: 0px 1px;
	color:#6C6D6F;
	transition: all 0.2s;
}
.btnIcon:hover {box-shadow:none; color:#6C6D6F; font-weight: 700;}
.btnIcon.active {box-shadow:none; color:#6C6D6F; background: #fab300; font-weight: 700;}
.btnIcon .icon {margin:0px; transition: background 0.2s;}
.btnIcon .spec-img-add {transition: background 0.2s;}
.btnIcon:hover .spec-img-add {transition: background 0.2s; background:#f6a100;}

.spec-img-add {
	background: #6C6D6F;
	border-radius: 50%;
	margin: 0px 21px 0px 6px;
}
.spec-img-add .icon-add,
.spec-img-add .icon-remove {
	background:#ffffff;
}

/* chat */
.chat {}
.chat p{margin: 24px 0px;}
.chat p span{padding: 0px 10px; color: #cbcbcb;}
.chat .user{}
.chat .operator{color: #d89300;}

/* Lists */
.list-groups .main-info {min-height:32px;}
.list-groups .name {width:50%; text-align:left;}
.list-groups .security {width:20%;}
.list-groups .equps {display: inline-block; width:20%; text-align:right;}

.user-group-list .mail {width:31%;}
.user-group-list .name {width:31%;}
.user-group-list .but {width:95px;}

.chat-all-tiket .title {width:50%;}
.chat-all-tiket .name {width:12%; max-width: 120px;}
.chat-all-tiket .date {width:14%; max-width: 120px;}
.chat-all-tiket .state {width:20%; max-width: 120px;}

#equp-list .name{width:40%;}
#equp-list .id{width:32px;}
#equp-list .but{width:140px;}
#equp-list .but .security{width:92px;}

/* equp photo camera */
.photo-camera {}
.photo-camera .one-phote{
	display:flex;justify-content:center;align-items:center;flex-wrap:wrap;
	width:180px;
	height:160px;
	border:1px solid #bbb;
	border-radius:5px;
	padding:8px;
	margin:5px;
}
.photo-camera .one-phote:hover{border-color:#fab400;}
.photo-camera .one-phote img{max-width:100%; max-height:100%; display:inline-block; z-index:2;}
.photo-camera .one-phote a{display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:10;}

.one-phote-cam {
	width:320px;
	padding: 20px;
	font-family:Franco;
}
.one-phote-cam .name{ text-align:center; padding:8px;}
.one-phote-cam img{ width:100%; border-radius:8px;}
.one-phote-cam .checkbox{ position: absolute; top: 58px; right: 25px; z-index: 10;}

.one-modal-phote-cam {
	display:flex;justify-content:center;align-items:center;flex-wrap:wrap;
	width:100%;
	height: calc(100% - 80px);
}
.one-modal-phote-cam img {max-width:100%; max-height: 100%;}

/* Global class*/
.modal-regulations-text {
	height: 100%;
    overflow: auto;
	box-sizing: border-box;
	padding: 20px;
	width: 100%;
	text-align: left;
}

.modal-programs .program_list{max-height:90%; overflow: auto;}

.spec-pius-number {
	position: absolute;
    top: 2px;
    left: 6px;
    font-size: 22px;
}

.number-info-print {box-sizing: border-box; padding: 20px 20px 20px 40px;}
.number-info-print li {list-style-type: decimal; padding:0px 0px 20px 0px; text-align: left;}

.selector-date {}
.selector-date input{}
.selector-date .icon-setdate{background:#000; position: absolute; width: 18px; left: 102px; top: 45px;}

.block-acsses-user-for-you .block-user-none{display:none;}
.block-acsses-user-for-you.one .block-user-none{display:block;}
.block-acsses-user-for-you.one .block-user-upOne{display:none;}

/* images , icon , img sprites */
.icon {
	vertical-align: middle;
	display:inline-block;
	width:24px;
	height:24px;
	background-color:#a5a5a5;
	-webkit-mask-repeat: no-repeat!important;
	-webkit-mask-position: center!important;
	mask-repeat: no-repeat!important;
	mask-position: center!important;
}
.icon.of {display:none; }
.icon.x2 {width:48px; height:48px;}

.icon.p13 {width:13px; height:13px;}
.icon.p16 {width:16px; height:16px;}
.icon.p18 {width:18px; height:18px;}
.icon.p20 {width:20px; height:20px;}
.icon.p24 {width:24px!important; height:24px!important;}
.icon.p30 {width:30px; height:30px;}
.icon.p32 {width:32px; height:32px;}
.icon.p35 {width:35px; height:35px;}
.icon.p40 {width:40px; height:40px;}
.icon.p52 {width:52px; height:52px;}

.icon.red {background-color:#ff0000;}
.icon.wite {background-color:#ffffff;}
.icon.black {background-color:#000000;}
.icon.grey {background-color:#a5a5a5;}
.icon.green {background-color:#0BC40B;}
.icon.blue {background-color:#569AD4;}
.icon.orange {background-color:#FAB400;}

.icon.hover {cursor:pointer;}
.icon.hover:hover {background-color:#a5a5a5;}
.icon.hover:active {background-color:#0BC40B!important;}
.icon.active {background-color:#0BC40B;}

.icon.hover_red {cursor:pointer;}
.icon.hover_red:hover {background-color:#ff0000;}

.icon.hover_orange {cursor:pointer;}
.icon.hover_orange:hover {background-color:#FAB400;}

.icon.icon-filter {background-color:#a5a5a5;}
.icon.icon-filter.active {background-color:#FAB400;}

.settings-butt .icon{background-color:#D3D4D3;}

	/* icon equp 3x*/
.icon_equip_1, .icon_equip_3 {mask:url(../img/icon/equp/icon_equip_1.svg); -webkit-mask:url(../img/icon/equp/icon_equip_1.svg);}
.icon_equip_2, .icon_equip_4 {mask:url(../img/icon/equp/icon_equip_2.svg); -webkit-mask:url(../img/icon/equp/icon_equip_2.svg);}
.icon_equip_5 {mask:url(../img/icon/equp/icon_equip_3.svg); -webkit-mask:url(../img/icon/equp/icon_equip_3.svg);}
.icon_equip_29 {mask:url(../img/icon/equp/icon_equip_29.svg); -webkit-mask:url(../img/icon/equp/icon_equip_29.svg);}
.icon_equip_30 {mask:url(../img/icon/equp/icon_equip_30.svg); -webkit-mask:url(../img/icon/equp/icon_equip_30.svg);}
.icon_equip_31 {mask:url(../img/icon/equp/icon_equip_31.svg); -webkit-mask:url(../img/icon/equp/icon_equip_31.svg);}
.icon_equip_32 {mask:url(../img/icon/equp/icon_equip_32.svg); -webkit-mask:url(../img/icon/equp/icon_equip_32.svg);}

.icon_equip_8, .icon_equip_160 {mask:url(../img/icon/equp/icon_equip_8.svg); -webkit-mask:url(../img/icon/equp/icon_equip_8.svg);}

.icon_equip_9 {mask:url(../img/icon/equp/icon_equip_9.svg); -webkit-mask:url(../img/icon/equp/icon_equip_9.svg);}

.icon_equip_6, .icon_equip_7 {mask:url(../img/icon/equp/icon_equip_7.svg); -webkit-mask:url(../img/icon/equp/icon_equip_7.svg);}

.icon_equip_1891 {mask:url(../img/icon/equp/icon_equip_1891.svg); -webkit-mask:url(../img/icon/equp/icon_equip_1891.svg);}

.icon_equip_1480 {mask:url(../img/icon/equp/icon_equip_1480.svg); -webkit-mask:url(../img/icon/equp/icon_equip_1480.svg);}
.icon_equip_1481 {mask:url(../img/icon/equp/icon_equip_1481.svg); -webkit-mask:url(../img/icon/equp/icon_equip_1481.svg);}

.icon_equip_321 {mask:url(../img/icon/equp/icon_equip_321.svg); -webkit-mask:url(../img/icon/equp/icon_equip_321.svg);}
.icon_equip_353 {mask:url(../img/icon/equp/icon_equip_353.svg); -webkit-mask:url(../img/icon/equp/icon_equip_353.svg);}
.icon_equip_417 {mask:url(../img/icon/equp/icon_equip_417.svg); -webkit-mask:url(../img/icon/equp/icon_equip_417.svg);}
.icon_equip_737 {mask:url(../img/icon/equp/icon_equip_737.svg); -webkit-mask:url(../img/icon/equp/icon_equip_737.svg);}
.icon_equip_738 {mask:url(../img/icon/equp/icon_equip_738.svg); -webkit-mask:url(../img/icon/equp/icon_equip_738.svg);}
.icon_equip_1441 {mask:url(../img/icon/equp/icon_equip_1441.svg); -webkit-mask:url(../img/icon/equp/icon_equip_1441.svg);}
.icon_equip_1569 {mask:url(../img/icon/equp/icon_equip_1569.svg); -webkit-mask:url(../img/icon/equp/icon_equip_1569.svg);}
.icon_equip_1761 {mask:url(../img/icon/equp/icon_equip_1761.svg); -webkit-mask:url(../img/icon/equp/icon_equip_1761.svg);}
.icon_equip_1665 {mask:url(../img/icon/equp/icon_equip_1665.svg); -webkit-mask:url(../img/icon/equp/icon_equip_1665.svg);}
.icon_equip_1633 {mask:url(../img/icon/equp/icon_equip_1633.svg); -webkit-mask:url(../img/icon/equp/icon_equip_1633.svg);}
.icon_equip_1697 {mask:url(../img/icon/equp/icon_equip_1697.svg); -webkit-mask:url(../img/icon/equp/icon_equip_1697.svg);}
.icon_equip_1857 {mask:url(../img/icon/equp/icon_equip_1857.svg); -webkit-mask:url(../img/icon/equp/icon_equip_1857.svg);}
.icon_equip_1889 {mask:url(../img/icon/equp/icon_equip_1889.svg); -webkit-mask:url(../img/icon/equp/icon_equip_1889.svg);}
.icon_equip_1890 {mask:url(../img/icon/equp/icon_equip_1890.svg); -webkit-mask:url(../img/icon/equp/icon_equip_1890.svg);}
.icon_equip_6946 {mask:url(../img/icon/equp/icon_equip_6946.svg); -webkit-mask:url(../img/icon/equp/icon_equip_6946.svg);}
.icon_equip_6947, .icon_equip_6948 {mask:url(../img/icon/equp/icon_equip_6947.svg); -webkit-mask:url(../img/icon/equp/icon_equip_6947.svg);}
.icon_equip_6753 {mask:url(../img/icon/equp/icon_equip_6753.svg); -webkit-mask:url(../img/icon/equp/icon_equip_6753.svg);}
.icon_equip_1409 {mask:url(../img/icon/equp/icon_equip_1409.svg); -webkit-mask:url(../img/icon/equp/icon_equip_1409.svg);}
.icon_equip_1473 {mask:url(../img/icon/equp/icon_equip_1473.svg); -webkit-mask:url(../img/icon/equp/icon_equip_1473.svg);}
.icon_equip_1537 {mask:url(../img/icon/equp/icon_equip_1537.svg); -webkit-mask:url(../img/icon/equp/icon_equip_1537.svg);}
.icon_equip_1539 {mask:url(../img/icon/equp/icon_equip_1539.svg); -webkit-mask:url(../img/icon/equp/icon_equip_1539.svg);}
.icon_equip_7041 {mask:url(../img/icon/equp/icon_equip_7041.svg); -webkit-mask:url(../img/icon/equp/icon_equip_7041.svg);}
.icon_equip_384 {mask:url(../img/icon/equp/icon_equip_384.svg); -webkit-mask:url(../img/icon/equp/icon_equip_384.svg);}
.icon_equip_385 {mask:url(../img/icon/equp/icon_equip_385.svg); -webkit-mask:url(../img/icon/equp/icon_equip_385.svg);}
	/* icon equp 4x */
.icon_equip_1888 {mask:url(../img/icon/equp/icon_equip_1889.svg); -webkit-mask:url(../img/icon/equp/icon_equip_1889.svg);}
.icon_equip_416 {mask:url(../img/icon/equp/icon_equip_417.svg); -webkit-mask:url(../img/icon/equp/icon_equip_417.svg);}
.icon_equip_6944 {mask:url(../img/icon/equp/icon_equip_6946.svg); -webkit-mask:url(../img/icon/equp/icon_equip_6946.svg);}
.icon_equip_32710 {mask:url(../img/icon/equp/icon_equip_32710.svg); -webkit-mask:url(../img/icon/equp/icon_equip_32710.svg);} /* MODBUS */
	/* system */
.icon_equip_14722 {mask:url(../img/icon/equp/icon_equip_14722.svg); -webkit-mask:url(../img/icon/equp/icon_equip_14722.svg);}
.icon_equip_14721 {mask:url(../img/icon/equp/icon_equip_14721.svg); -webkit-mask:url(../img/icon/equp/icon_equip_14721.svg);}
.icon_equip_14725 {mask:url(../img/icon/equp/icon_equip_14724.svg); -webkit-mask:url(../img/icon/equp/icon_equip_14724.svg);}
.icon_equip_14723 {mask:url(../img/icon/equp/icon_equip_14723.svg); -webkit-mask:url(../img/icon/equp/icon_equip_14723.svg);}
.icon_equip_14719 {mask:url(../img/icon/global/icon_equipment.svg); -webkit-mask: url(../img/icon/global/icon_equipment.svg);}
.icon_equip_14720 {mask:url(../img/icon/equp/icon_equip_14720.svg); -webkit-mask: url(../img/icon/equp/icon_equip_14720.svg);}
	/* icon proj */
.icon_projects_1{mask:url(../img/icon/proj/icon_projects_img.svg); -webkit-mask:url(../img/icon/proj/icon_projects_img.svg);} /* img */
.icon_projects_2{mask:url(../img/icon/proj/icon_projects_map.svg); -webkit-mask:url(../img/icon/proj/icon_projects_map.svg);} /* map */
.icon_projects_3{mask:url(../img/icon/proj/icon_projects_grid.svg); -webkit-mask:url(../img/icon/proj/icon_projects_grid.svg);} /* grid */
	/* icon prog */
.icon_equip_32769 {mask:url(../img/icon/prog/icon_prog_security.svg); -webkit-mask:url(../img/icon/prog/icon_prog_security.svg);} /* security */
.icon_equip_32768 {mask: url(../img/icon/prog/icon_prog_push.svg); -webkit-mask: url(../img/icon/prog/icon_prog_push.svg);} /* notofications */
.icon_equip_32770 {mask:url(../img/icon/prog/icon_prog_heating.svg); -webkit-mask:url(../img/icon/prog/icon_prog_heating.svg);} /* heating */
.icon_equip_32776, .icon_prog_32776, .icon_equip_0 {mask:url(../img/icon/prog/icon_prog_multi_heating.svg); -webkit-mask:url(../img/icon/prog/icon_prog_multi_heating.svg);} /* heating */
.icon_equip_32771 {mask:url(../img/icon/prog/icon_prog_alarm.svg); -webkit-mask:url(../img/icon/prog/icon_prog_alarm.svg);} /* alarm */
.icon_equip_32772 {mask:url(../img/icon/prog/icon_prog_sheduler.svg); -webkit-mask:url(../img/icon/prog/icon_prog_sheduler.svg);} /* sheduler */
.icon_equip_32768 {mask:url(../img/icon/prog/icon_prog_push.svg); -webkit-mask:url(../img/icon/prog/icon_prog_push.svg);}
.icon_prog_32775, .icon_equip_32775 {mask:url(../img/icon/prog/icon_prog_heating.svg); -webkit-mask:url(../img/icon/prog/icon_prog_heating.svg);}
.icon_prog_32777, .icon_equip_32777 {mask:url(../img/icon/prog/icon_prog_32777.svg); -webkit-mask:url(../img/icon/prog/icon_prog_32777.svg);}
.icon_prog_32778, .icon_prog_32779, .icon_equip_32778, .icon_equip_32779 {mask:url(../img/icon/prog/icon_prog_32778.svg); -webkit-mask:url(../img/icon/prog/icon_prog_32778.svg);}
.icon_prog_32780, .icon_equip_32780 {mask:url(../img/icon/prog/icon_prog_32780.svg); -webkit-mask:url(../img/icon/prog/icon_prog_32780.svg);}
.icon_prog_32781, .icon_equip_32781 {mask:url(../img/icon/prog/icon_prog_32781.svg); -webkit-mask:url(../img/icon/prog/icon_prog_32781.svg);}

.icon_equip_28501 {mask:url(../img/icon/prog/icon_equip_28501.svg); -webkit-mask:url(../img/icon/prog/icon_equip_28501.svg);}
.icon-programs-flame {mask:url(../img/icon/prog/icon_prog_flame.svg); -webkit-mask:url(../img/icon/prog/icon_prog_flame.svg);}
.icon-programs-real-flame {mask:url(../img/icon/prog/flame.svg); -webkit-mask:url(../img/icon/prog/flame.svg);} /* flame */

.icon_bars {mask:url(../img/icon/global/bars.svg); -webkit-mask:url(../img/icon/global/bars.svg);}

.icon_equip_7777 {mask:url(../img/icon/equp/icon_equip_7777.svg); -webkit-mask:url(../img/icon/equp/icon_equip_7777.svg);}

	/* icon global icon */
.icon-home {mask:url(../img/icon/global/icon_home.svg); -webkit-mask:url(../img/icon/global/icon_home.svg);}
.icon-projects {mask:url(../img/icon/global/icon_projects.svg); -webkit-mask:url(../img/icon/global/icon_projects.svg);}
.icon-monitoring {mask:url(../img/icon/global/icon_monitoring.svg.svg); -webkit-mask:url(../img/icon/global/icon_monitoring.svg);}
.icon-equipment {mask:url(../img/icon/global/icon_equipment.svg); -webkit-mask:url(../img/icon/global/icon_equipment.svg);}
.icon-programs{mask:url(../img/icon/global/icon_programs.svg); -webkit-mask:url(../img/icon/global/icon_programs.svg);}
.icon-settings{mask:url(../img/icon/global/icon_settings.svg); -webkit-mask:url(../img/icon/global/icon_settings.svg);}
.icon-widgets{mask:url(../img/icon/global/foBox.svg); -webkit-mask:url(../img/icon/global/foBox.svg);}
.icon-info{mask:url(../img/icon/global/info.svg); -webkit-mask:url(../img/icon/global/info.svg);}
.icon-history{mask:url(../img/icon/global/history.svg); -webkit-mask:url(../img/icon/global/history.svg);}
.icon-reports{mask:url(../img/icon/global/analytics.svg); -webkit-mask:url(../img/icon/global/analytics.svg);}
.icon-user{mask:url(../img/icon/global/user.svg); -webkit-mask:url(../img/icon/global/user.svg);}
.icon-lock{mask:url(../img/icon/global/lock.svg); -webkit-mask:url(../img/icon/global/lock.svg);}
.icon-lock-open{mask:url(../img/icon/global/lock_open.svg); -webkit-mask:url(../img/icon/global/lock_open.svg);}
.icon-terminal{mask:url(../img/icon/global/terminal.svg); -webkit-mask:url(../img/icon/global/terminal.svg);}
.icon-download-cloud{mask:url(../img/icon/global/download_cloud.svg); -webkit-mask:url(../img/icon/global/download_cloud.svg);}
.icon-rotation{mask:url(../img/icon/global/rotation.svg); -webkit-mask:url(../img/icon/global/rotation.svg);}
.icon-rotation.active{color: #0BC40B;}

.icon-change{mask:url(../img/icon/global/icon_change.svg); -webkit-mask:url(../img/icon/global/icon_change.svg);}
.icon-add{mask:url(../img/icon/global/icon_add.svg); -webkit-mask:url(../img/icon/global/icon_add.svg);}
.icon-remove{mask:url(../img/icon/global/icon_remove.svg); -webkit-mask:url(../img/icon/global/icon_remove.svg);}
.icon-plus{mask:url(../img/icon/global/plus.svg); -webkit-mask:url(../img/icon/global/plus.svg);}
.icon-clouse, .icon_equip_-2{mask:url(../img/icon/global/clouse.svg); -webkit-mask:url(../img/icon/global/clouse.svg);}
.icon-filter{mask:url(../img/icon/global/filter.svg); -webkit-mask:url(../img/icon/global/filter.svg);}
.icon-setdate{mask:url(../img/icon/global/setdate.svg); -webkit-mask:url(../img/icon/global/setdate.svg);}

.icon-gsm{mask:url(../img/icon/global/icon_gsm_0.svg); -webkit-mask:url(../img/icon/global/icon_gsm_0.svg);}
.icon-gsm-0{mask:url(../img/icon/global/icon_gsm_0.svg); -webkit-mask:url(../img/icon/global/icon_gsm_0.svg);}
.icon-gsm-1{mask:url(../img/icon/global/icon_gsm_1.svg); -webkit-mask:url(../img/icon/global/icon_gsm_1.svg);}
.icon-gsm-2{mask:url(../img/icon/global/icon_gsm_2.svg); -webkit-mask:url(../img/icon/global/icon_gsm_2.svg);}
.icon-gsm-3{mask:url(../img/icon/global/icon_gsm_3.svg); -webkit-mask:url(../img/icon/global/icon_gsm_3.svg);}
.icon-gsm-4{mask:url(../img/icon/global/icon_gsm_4.svg); -webkit-mask:url(../img/icon/global/icon_gsm_4.svg);}
.icon-gsm-5{mask:url(../img/icon/global/icon_gsm_5.svg); -webkit-mask:url(../img/icon/global/icon_gsm_5.svg);}
.icon-gsm-roam-0{mask:url(../img/icon/global/icon_gsm_rom_0.svg); -webkit-mask:url(../img/icon/global/icon_gsm_rom_0.svg);}
.icon-gsm-roam-1{mask:url(../img/icon/global/icon_gsm_rom_1.svg); -webkit-mask:url(../img/icon/global/icon_gsm_rom_1.svg);}
.icon-gsm-roam-2{mask:url(../img/icon/global/icon_gsm_rom_2.svg); -webkit-mask:url(../img/icon/global/icon_gsm_rom_2.svg);}
.icon-gsm-roam-3{mask:url(../img/icon/global/icon_gsm_rom_3.svg); -webkit-mask:url(../img/icon/global/icon_gsm_rom_3.svg);}
.icon-gsm-roam-4{mask:url(../img/icon/global/icon_gsm_rom_4.svg); -webkit-mask:url(../img/icon/global/icon_gsm_rom_4.svg);}
.icon-gsm-roam-5{mask:url(../img/icon/global/icon_gsm_rom_5.svg); -webkit-mask:url(../img/icon/global/icon_gsm_rom_5.svg);}
.icon-wifi-0{mask:url(../img/icon/global/icon_wifi_0.svg); -webkit-mask:url(../img/icon/global/icon_wifi_0.svg);}
.icon-wifi-1{mask:url(../img/icon/global/icon_wifi_1.svg); -webkit-mask:url(../img/icon/global/icon_wifi_1.svg);}
.icon-wifi-2{mask:url(../img/icon/global/icon_wifi_2.svg); -webkit-mask:url(../img/icon/global/icon_wifi_2.svg);}
.icon-wifi-3{mask:url(../img/icon/global/icon_wifi_3.svg); -webkit-mask:url(../img/icon/global/icon_wifi_3.svg);}
.icon-wifi-4{mask:url(../img/icon/global/icon_wifi_4.svg); -webkit-mask:url(../img/icon/global/icon_wifi_4.svg);}
.icon-battery-unknown{mask:url(../img/icon/global/icon_battery_unknown.svg); -webkit-mask:url(../img/icon/global/icon_battery_unknown.svg);}
.icon-battery-1{mask:url(../img/icon/global/icon_battery_0.svg); -webkit-mask:url(../img/icon/global/icon_battery_0.svg);}
.icon-battery-2{mask:url(../img/icon/global/icon_battery_1.svg); -webkit-mask:url(../img/icon/global/icon_battery_1.svg);}
.icon-battery-3{mask:url(../img/icon/global/icon_battery_2.svg); -webkit-mask:url(../img/icon/global/icon_battery_2.svg);}
.icon-battery-4{mask:url(../img/icon/global/icon_battery_3.svg); -webkit-mask:url(../img/icon/global/icon_battery_3.svg);}
.icon-radio-0{mask:url(../img/icon/global/icon_radio_0.svg); -webkit-mask:url(../img/icon/global/icon_radio_0.svg);}

.icon-star{mask:url(../img/icon/global/star.svg); -webkit-mask:url(../img/icon/global/star.svg);}


.icon-clear-window{mask:url(../img/icon/global/clear_window.svg); -webkit-mask:url(../img/icon/global/clear_window.svg);}
.icon-dragdrop{mask:url(../img/icon/global/dragdrop.svg); -webkit-mask:url(../img/icon/global/dragdrop.svg);}
.icon-resize{mask:url(../img/icon/global/resize.svg); -webkit-mask:url(../img/icon/global/resize.svg);}
.icon-set-view{mask:url(../img/icon/global/icon_pin.svg); -webkit-mask:url(../img/icon/global/icon_pin.svg);}
.icon-ethernet{mask:url(../img/icon/global/ethernet.svg); -webkit-mask:url(../img/icon/global/ethernet.svg);}
.icon-ethernet-1{mask:url(../img/icon/global/ethernet.svg); -webkit-mask:url(../img/icon/global/ethernet.svg);}

.icon-fast-menu{mask:url(../img/icon/global/favorites.svg); -webkit-mask:url(../img/icon/global/favorites.svg);}
.icon-connection{mask:url(../img/icon/global/connection.svg); -webkit-mask:url(../img/icon/global/connection.svg);}
.icon-graph{mask:url(../img/icon/global/graph.svg); -webkit-mask:url(../img/icon/global/graph.svg);}
.icon-email{mask:url(../img/icon/global/email.svg); -webkit-mask:url(../img/icon/global/email.svg);}
.icon-push{mask:url(../img/icon/global/push.svg); -webkit-mask:url(../img/icon/global/push.svg);}
.icon-btn{mask:url(../img/icon/global/btn.svg); -webkit-mask:url(../img/icon/global/btn.svg);}
.icon-download{mask:url(../img/icon/global/download.svg); -webkit-mask:url(../img/icon/global/download.svg);}
.icon-update{mask:url(../img/icon/global/update.svg); -webkit-mask:url(../img/icon/global/update.svg);}
.icon-alarm{mask:url(../img/icon/global/alarm.svg); -webkit-mask:url(../img/icon/global/alarm.svg);}
.icon-read-only{mask:url(../img/icon/global/read_only.svg); -webkit-mask:url(../img/icon/global/read_only.svg);}

.icon-send-sms{mask:url(../img/icon/global/send_sms.svg); -webkit-mask:url(../img/icon/global/send_sms.svg);}
.icon-send-sms-auto{mask:url(../img/icon/global/send_sms_auto.svg); -webkit-mask:url(../img/icon/global/send_sms_auto.svg);}
.icon-send-sms-secure{mask:url(../img/icon/global/send_sms_secure.svg); -webkit-mask:url(../img/icon/global/send_sms_secure.svg);}
.icon-send-voice{mask:url(../img/icon/global/send_voice.svg); -webkit-mask:url(../img/icon/global/send_voice.svg);}

.icon-send-copy{mask:url(../img/icon/global/copy.svg); -webkit-mask:url(../img/icon/global/copy.svg);}
.icon-send-close{mask:url(../img/icon/global/clouse.svg); -webkit-mask:url(../img/icon/global/clouse.svg);}

.icon-check {mask: url(../img/icon/global/scheck.svg); -webkit-mask: url(../img/icon/global/scheck.svg);}
.icon-back {mask: url(../img/icon/global/back.svg); -webkit-mask: url(../img/icon/global/back.svg);}
.icon-back {background:#a5a5a5;}
.icon-delete{mask:url(../img/icon/global/delete.svg); -webkit-mask:url(../img/icon/global/delete.svg);}

.icon-discount {mask:url(../img/icon/global/discount.svg); -webkit-mask:url(../img/icon/global/discount.svg);}
.icon-poo {mask:url(../img/icon/global/poo.svg); -webkit-mask:url(../img/icon/global/poo.svg);}
.icon-message-smile {mask:url(../img/icon/global/message-smile.svg); -webkit-mask:url(../img/icon/global/message-smile.svg);}
.icon-sign {mask:url(../img/icon/global/sign.svg); -webkit-mask:url(../img/icon/global/sign.svg);}

.icon-sort-az{mask:url(../img/icon/global/az.svg); -webkit-mask:url(../img/icon/global/az.svg);}
.icon-sort-za{mask:url(../img/icon/global/za.svg); -webkit-mask:url(../img/icon/global/za.svg);}

.icon-open-window{mask:url(../img/icon/global/open_window.svg); -webkit-mask:url(../img/icon/global/open_window.svg);}
.icon-open-window.active{mask:url(../img/icon/global/clouse_window.svg); -webkit-mask:url(../img/icon/global/clouse_window.svg);}

.icon-pagin-right{mask:url(../img/icon/global/pagin_righ_arrow.svg); -webkit-mask:url(../img/icon/global/pagin_righ_arrow.svg);}
.icon-pagin-right-end{mask:url(../img/icon/global/pagin_righ_arrow_end.svg); -webkit-mask:url(../img/icon/global/pagin_righ_arrow_end.svg);}
.icon-pagin-left{mask:url(../img/icon/global/pagin_righ_arrow.svg); -webkit-mask:url(../img/icon/global/pagin_righ_arrow.svg); transform: rotate(180deg);}
.icon-pagin-left-end{mask:url(../img/icon/global/pagin_righ_arrow_end.svg); -webkit-mask:url(../img/icon/global/pagin_righ_arrow_end.svg); transform: rotate(180deg);}
.icon-read{mask:url(../img/icon/global/read.svg); -webkit-mask:url(../img/icon/global/read.svg);}

.icon-faucet{mask:url(../img/icon/global/faucet.svg); -webkit-mask:url(../img/icon/global/faucet.svg);}
.icon-radiator{mask:url(../img/icon/global/radiator.svg); -webkit-mask:url(../img/icon/global/radiator.svg);}
.icon-l_line{mask:url(../img/icon/global/l_line.svg); -webkit-mask:url(../img/icon/global/l_line.svg);}
.icon-t_line{mask:url(../img/icon/global/t_line.svg); -webkit-mask:url(../img/icon/global/t_line.svg);}

.icon-share-up{background:url(../img/icon/share_icon_up.svg); height:14px!important; width:14px!important; background-size:100% 100%; z-index:1001;}
.icon-share-down{background:url(../img/icon/share_icon_down.svg); height:14px!important; width:14px!important; background-size:100% 100%; z-index:1001;}

.sticer-share-up{background:url(../img/icon/stick_share_equp_up.svg);  height:21px; width:21px; background-size:100% 100%; z-index:1001;}
.sticer-share-down{background:url(../img/icon/stic_share_equp_down.svg); height:21px; width:21px; background-size:100% 100%; z-index:1001;}

.sticer-share-up_vijet{background:url(../img/icon/stick_share_equp_up_vijet.svg); height:21px; width:21px; background-size:100% 100%; z-index:1001;}
.sticer-share-down_vijet{background:url(../img/icon/stick_share_equp_down_vijet.svg); height:21px; width:21px; background-size:100% 100%; z-index:1001;}



	/* icon template */
.icon_template_1  {mask:url(../img/icon/temp/template_1.svg); -webkit-mask:url(../img/icon/temp/template_1.svg);}
.icon_template_2  {mask:url(../img/icon/temp/template_2.svg); -webkit-mask:url(../img/icon/temp/template_2.svg);}
.icon_template_3  {mask:url(../img/icon/temp/template_3.svg); -webkit-mask:url(../img/icon/temp/template_3.svg);}
.icon_template_4  {mask:url(../img/icon/temp/template_4.svg); -webkit-mask:url(../img/icon/temp/template_4.svg);}
.icon_template_5  {mask:url(../img/icon/temp/template_5.svg); -webkit-mask:url(../img/icon/temp/template_5.svg);}
.icon_template_6  {mask:url(../img/icon/temp/template_6.svg); -webkit-mask:url(../img/icon/temp/template_6.svg);}
.icon_template_7  {mask:url(../img/icon/temp/template_7.svg); -webkit-mask:url(../img/icon/temp/template_7.svg);}
.icon_template_8  {mask:url(../img/icon/temp/template_8.svg); -webkit-mask:url(../img/icon/temp/template_8.svg);}
.icon_template_9  {mask:url(../img/icon/temp/template_9.svg); -webkit-mask:url(../img/icon/temp/template_9.svg);}
.icon_template_10 {mask:url(../img/icon/temp/template_10.svg); -webkit-mask:url(../img/icon/temp/template_10.svg);}
.icon_template_11 {mask:url(../img/icon/temp/template_11.svg); -webkit-mask:url(../img/icon/temp/template_11.svg);}
.icon_template_12 {mask:url(../img/icon/temp/template_12.svg); -webkit-mask:url(../img/icon/temp/template_12.svg);}
.icon_template_13 {mask:url(../img/icon/temp/template_13.svg); -webkit-mask:url(../img/icon/temp/template_13.svg);}


.figure {}

.figure.circle {width:13px; height:13px; border-radius:50%; background:#cccccc;}
.figure.square {width:13px; height:13px; border-radius:0%; background:#cccccc;}
.figure.square.blue {width:13px; height:13px; border-radius:0%; background:#569AD4;}
.figure.square.green {width:13px; height:13px; border-radius:0%; background:#0BC40B;}
.figure.square.green2 {width:13px; height:13px; border-radius:0%; background:#039003;}
.figure.square.red {width:13px; height:13px; border-radius:0%; background:#FF0000;}
.figure.square.grey {width:13px; height:13px; border-radius:0%; background:#D3D4D3;}

.spec-circle-icon {
	display:none;
	position: absolute;
    bottom: 0px;
    right: 0px;
    background: #fab400;
    width: 8px;
    height: 8px;
    z-index: 10;
    border-radius: 50%;
}
.spec-circle-icon.active {display:block;}

.spec-circle-icon-state {
	display:inline-block;
	position: absolute;
    bottom: 0px;
    right: 0px;
    background:#FF0000;
    width: 8px;
    height: 8px;
    z-index: 10;
    border-radius: 50%;
}
.spec-circle-icon-state.green { background:#0BC40B;}
.spec-circle-icon-state.of { display:none;}

.circle-icon-state {
	display:inline-block;
    background:#FF0000;
    width: 24px;
    height: 24px;
    z-index: 10;
    border-radius: 50%;
}
.circle-icon-state.green { background:#0BC40B;}

.circle-icon-state.p13 {width: 13px; height: 13px;}

/* dop */
.dop-but-add{
	font-size: 1em;
	margin: 0px 10px 0px 0px;
    width: 28px;
    height: 28px;
    border-radius:50%;
    box-shadow: 0px 1px 6px 0px #dcdcdc;
}
.dop-but-add:hover{box-shadow: 0px 1px 4px 0px #fab400;}

.add-widget-modal {width:100%; height:100%; text-align:center; overflow:auto;}
.add-widget-modal .one-tile {max-width:300px; width:100%; cursor:pointer;}
.add-widget-modal .one-tile img{max-width:100%; max-height:100%}
.add-widget-modal .one-tile header{height:32px;}

.hw-text-info h5{padding:20px 0px 4px 0px;}
.hw-text-info h5:first-child{padding:4px 0px 4px 0px;}
.hw-text-info p{padding:4px 10px;}
.hw-text-info b{vertical-align: text-bottom;}

	/* system 3x */
.list-user-system-3x {padding:2px 2px;}
.list-user-system-3x .one-head{}
.list-user-system-3x .one-head .btn_add_elem{
	display: inline-block;
    cursor: pointer;
    color: #fab400;
    padding: 2px 7px;
    margin: 0px;
    background: #ffffff;
    border: 1px solid #fab400;
    border-radius: 20px;
    font-size: 1em;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.list-user-system-3x .one-head .btn_add_elem:hover{transform:scale(0.95);}
.list-user-system-3x .one-head .btn_add_elem:active{transform:scale(0.8);}
.list-user-system-3x .sys3x-n{width:270px; text-align:left;}
.list-user-system-3x .sys3x-n .numb{vertical-align:middle; width:40px;}
.list-user-system-3x .sys3x-n .name{vertical-align:middle;}
.list-user-system-3x .sys3x-t{width: 190px; text-align:left;}
.list-user-system-3x .sys3x-o{width: 150px; text-align:left;}
.list-user-system-3x .sys3x-b{width: 60px;}

/*
.list-user-system-3x .sys3x-n input{cursor:pointer;}
.list-user-system-3x .sys3x-t input{cursor:pointer;}
*/

.list-user-system-3x li input[disabled]{background:none; border:none;}
.list-user-system-3x li.redact{background: #fff8e8;}

/* animation */
.anim_blink {
	animation-name: blink;
	animation-duration: 2.5s;
	animation-iteration-count:infinite;
	animation-timing-function: ease-in-out;
}
.anim_blink_w {
	animation-name: example_w;
	animation-duration: 2.5s;
	animation-iteration-count:infinite;
	animation-timing-function: ease-in-out;
}
.anim_blink_a {
	animation-name: example_a;
	animation-duration: 2.5s;
	animation-iteration-count:infinite;
	animation-timing-function: ease-in-out;
}
@keyframes blink {
	0%  {opacity: 1.0;}
	50% {opacity: 0.2;}
	100% {opacity: 1.0;}
}
@keyframes example_w {
	0%  {color:rgba(255, 174, 0, 1.0);}
	50% {color:rgba(255, 174, 0, 0.2);}
	100% {color:rgba(255, 174, 0, 1.0);}
}
@keyframes example_a {
	0%  {background:rgba(231, 76, 60, 0.5);}
	50% {background:rgba(231, 76, 60, 1.0);}
	100% {background:rgba(231, 76, 60, 0.5);}
}

@keyframes open_clouse {
	0%{opacity:0;}
	100%{opacity:1;}
}

#btn-pwa-load-application {display:none;}
#btn-pwa-load-application.active {display:block;}

.add-pwa {
	cursor:pointer;
	padding: 4px 20px;
	color:#ffffff;
	background:#444444;
	z-index:1008;
	transition: right 0.5s;
}
.add-pwa:hover{color:#fab400; background:#000000;}
.add-pwa:active{color:#fab400; background:#000000;}

/* fullScreen */
body > main.fullScreen > section {height: calc(100vh - 32px);}

/* god */
.admin .left-menu .page-admin{background:#fab400; color:#fff;}
.admin .left-menu .page-admin .text-icon{color:#fff;}

.text-icon {cursor:pointer; color:#a5a5a5; font-size:24px;}
.text-icon:hover {color:#6C6D6F;}

.admin-content-b.menu {z-index: 10;}
.admin-content-b.menu header span{display:inline-block; position:relative; cursor:pointer; margin:0px 32px 0px 0px; padding: 6px 12px; border-radius: 9px;}
.admin-content-b.menu header span:after {margin: 0px 0px 0px 6px;}
.admin-content-b.menu header span:before {content:""; position:absolute; top:22px; left:-1px; width:100%; height:0px; background:#fff;}
.admin-content-b.menu header span.active:before{height:23px; border-right: 1px solid #f6f6f6; border-left: 1px solid #f6f6f6;}
.admin-content-b.menu header span.active{color:#fab400; border-right: 1px solid #f6f6f6; border-left: 1px solid #f6f6f6; border-top: 1px solid #f6f6f6;}

.admin-page .admin-content-b.active header h4{color:#fab400;}
.admin-page .admin-content-b header:hover h4{color:#fab400;}

.admin-page .admin-content-b .user-list-top-btn{padding:0px 0px 8px 0px;}

.admin-page .all-user-list {}
.admin-page .all-user-list li{border: 1px solid #fff;}
.admin-page .all-user-list .one-elem{padding: 4px 10px;}
.admin-page .all-user-list .one-elem .one-system.top-info{color:#d4d7e0;}
.admin-page .all-user-list .one-elem.top-info{color:#d4d7e0;}
.admin-page .all-user-list .one-elem .user-info{display:flex;justify-content:space-between;align-items: center;flex-wrap: wrap; width:100%;}
.admin-page .all-user-list .user-info .btns{width:270px;}
.admin-page .all-user-list .user-info .btns > span:not(:first-child) { margin-left: 10px }
.admin-page .all-user-list .user-info .btns>span{padding: 2px 3px; vertical-align: top;}
.admin-page .all-user-list .user-info .click-user{margin:0px 0px 0px 14px; vertical-align:middle; cursor:pointer;}
.admin-page .all-user-list .user-info .click-user:hover{color:#fab400;}
.admin-page .all-user-list .user-info .click-user:active{color:#fab400;}
.admin-page .all-user-list .user-info .click-user:after{
    display: inline-block;
    content: "❯";
    margin: 0px 0px 0px 10px;
    font-size: 0.8em;
    transform: rotate(90deg);
}
.admin-page .all-user-list .user-info .btn-login-user{
	display:inline-flex;justify-content:center;align-items: center;flex-wrap: wrap;
    vertical-align:middle;
	width: 24px;
    height: 24px;
	padding: 0px 0px 1px 0px;
    border: 1px solid #d4d4d4;
    border-radius: 9px;
    cursor: pointer;
	box-sizing: border-box;
	user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.admin-page .all-user-list .user-info .btn-login-user:hover{color:#fab400; border: 1px solid #fab400;}
.admin-page .all-user-list .user-info .btn-login-user:active{transform:scale(0.9)}
.admin-page .all-user-list .user-info>span{text-align:center;}
.admin-page .all-user-list .user-info>span:nth-child(1){width: 250px; text-align:left;}
.admin-page .all-user-list .user-info>span:nth-child(2){width: 180px;}
.admin-page .all-user-list .user-info>span:nth-child(3){width: 140px;}
.admin-page .all-user-list .user-info>span:nth-child(4){width: 80px;}
.admin-page .all-user-list .user-info>span:nth-child(5){width: 80px;}

.admin-page .all-user-list .user-info .number-user{font-size:0.9em; color:#D3D4D3;}

.admin-page .all-user-list .one-system>span{text-align:center;}
.admin-page .all-user-list .one-system>span:nth-child(1){width: 130px; text-align:left;}
.admin-page .all-user-list .one-system>span:nth-child(2){width: 60px;}
.admin-page .all-user-list .one-system>span:nth-child(3){width: 140px;}
.admin-page .all-user-list .one-system>span:nth-child(4){width: 120px;}
.admin-page .all-user-list .one-system>span:nth-child(5){width: 120px;}

.admin-page .all-user-list .user-system .one-system:nth-child(even){background:#fafafa;}
.admin-page .all-user-list .user-system .one-system:nth-child(odd){background:#fff;}
.admin-page .all-user-list .user-recorder .one-system:nth-child(even){background:#fafafa;}
.admin-page .all-user-list .user-recorder .one-system:nth-child(odd){background:#fff;}

.admin-page .all-user-list .one-elem .user-system{display:none;padding:0px 0px 0px 20px;}
.admin-page .all-user-list .one-elem .user-recorder{display:none;padding:0px 0px 0px 20px;}
.admin-page .all-user-list .one-elem .one-system {display:flex;justify-content:space-between;align-items: center;flex-wrap: wrap; padding: 4px 8px;}
.admin-page .all-user-list .one-elem .one-system .btns{width:80px;}
.admin-page .all-user-list .one-elem .one-system .btns>span{padding: 2px 3px; vertical-align: top;}

.admin-page .all-user-list .one-elem.open .user-info .click-user{color:#fab400;}
.admin-page .all-user-list .one-elem.open .user-info .click-user:after{transform: rotate(-90deg);}
.admin-page .all-user-list .one-elem.open .user-system,
.admin-page .all-user-list .one-elem.open .user-recorder {
	display: block;
    margin: 8px 0px 8px 20px;
    padding:4px;
    border: 1px solid #efefef;
    border-radius: 9px;
	width: 100%;
}

.admin-page .all-admin-list .one-elem.top-info{color:#d4d7e0;}
.admin-page .all-admin-list .one-elem>span:nth-child(1){width: 250px; text-align:left;}
.admin-page .all-admin-list .one-elem>span:nth-child(2){width: 180px; text-align:left;}

.coment-elem-list {overflow: auto; max-height: 100%;}
.coment-elem-list li{padding: 8px 8px 8px 20px;}
.coment-elem-list .state-coment{width:calc(100% - 32px);}
.coment-elem-list .data-coment{display:inline-block; width:100%;}
.coment-elem-list .info-coment{padding: 0px 0px 0px 20px; font-weight: 900; width: 100%;}
.coment-elem-list .text-icon{width:32px;}

.admin-page #admin-system-wiev-map{width:100%; height:520px;}

.admin-page .content .admin-user-diagram{width:300px;}
.admin-page .content .admin-user-diagram header{padding:6px 0px 6px 0px; font-size: 1.2em; text-align: center;}
.admin-page .content .admin-user-diagram section{width:300px; height:150px;}

.admin-page .content .admin-user-graph{width:100%; padding:40px 0px 10px 0px;}
.admin-page .content .admin-user-graph header{padding:0px 0px 10px 0px;}
.admin-page .content .admin-user-graph canvas{width:100%; height:260px;}

.admin-modal-mesage-user-block {display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; width:100%; height:100%;}
.admin-modal-mesage-user-block .block-comment{width:59%; height:100%;box-sizing: border-box;}
.admin-modal-mesage-user-block .block-line {height:100%; width:1%; box-sizing: border-box; text-align:left; padding: 0px 0px 20px 0px;}
.admin-modal-mesage-user-block .block-line span{display:inline-block; position:relativel; height:100%; width:1px; background:#cccccc;}
.admin-modal-mesage-user-block .block-mesage{width:40%; height:100%; box-sizing: border-box; overflow: auto; padding: 0px 20px 20px 20px;}
.admin-modal-mesage-user-block .block-mesage textarea{
	display: inline-block;
    width: 96%;
    height: 300px;
    border-radius: 8px;
    border-color: #c9c8ca;
	padding: 10px;
    box-sizing: border-box;
}

.admin-modal-mesage-user-block .block-mesage .mail{font-family:MontserratB; font-size:30px;}
.admin-modal-mesage-user-block .block-mesage .id{padding: 0px 0px 20px 0px;}
.admin-modal-mesage-user-block .block-mesage .name{font-weight:700;}
.admin-modal-mesage-user-block .block-mesage .tell{padding: 0px 0px 20px 0px; font-weight:700;}

/* test */
.btn-magic {
	display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 6px 16px;
    text-align: center;
    font-size: 14px;
	font-weight: 600;

	text-transform: uppercase;

    border-radius: 3px;
	background:linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #ff2400);
	background-size: 1000% 100%;

	animation-name: btn_magic;
	animation-duration: 3.0s;
	animation-iteration-count:infinite;
	animation-timing-function: ease-in-out;

    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.btn-toleranty {
	color:#fff;
	background:#000;
	border-color:#888;
}


.btn-toleranty1{
	background:#000;
	animation-name: magic_cursor;
	animation-duration: 1.0s;
	animation-iteration-count:infinite;
	animation-timing-function: linear;
}
.view-toleranty {background:#000;}
.view-toleranty .main-page{background:none;}
.view-toleranty .one-block-col{background:none;}
.view-toleranty .left-menu a{background:#000;}


.view-magic {
	background:linear-gradient(90deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #ff2400);
	background-size: 1000% 100%;
	animation-name: btn_magic;
	animation-duration: 3.0s;
	animation-iteration-count:infinite;
	animation-timing-function: ease-in-out;
}
.view-magic .main-page{background:none;}
.view-magic .one-block-col{background:none;}
.view-magic .left-menu a{
	background:linear-gradient(90deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #ff2400);
	background-size: 1000% 100%;
	animation-name: btn_magic;
	animation-duration: 3.0s;
	animation-iteration-count:infinite;
	animation-timing-function: ease-in-out;
}


.view-white a{background:none; color:#fff;}
.view-white header{background:none; color:#fff;}
.view-white nav{background:none; color:#fff;}
.view-white main{background:none; color:#fff;}
.view-white footer{background:none; color:#fff;}
.view-white li{background:none!important; color:#fff;}
.view-white .one-block{background:none; color:#fff;}
.view-white .one-tile{background:none; color:#fff;}
.view-white .modal-window{background:none!important; color:#fff;}

@keyframes btn_magic {
	0%  {background-position:0% 0%;}
	100% {background-position:110% 0%;}
}
@keyframes magic_cursor {
	0%  {cursor:n-resize;}
	14%  {cursor:ne-resize;}
	28%  {cursor:e-resize;}
	42%  {cursor:se-resize;}
	56%  {cursor:s-resize;}
	70%  {cursor:sw-resize;}
	84%  {cursor:w-resize;}
	100%  {cursor:nw-resize;}

}

/* graph DELETE */
.window-graph {
	max-width: 1000px;
	min-width: 300px;
	width:90%;
    height: 400px;
    margin: auto;
	overflow: auto;
}
.canva-graph {
	margin:auto;
	height:1875px;
	width:900px;
}
.label-graph {
	position: absolute;
    top: 18px;
    left: 0px;
	z-index: 10;
}
.label-graph li{
    padding: 0px 0px 3px 2px;
    height: 22px;
	margin:0px;
	text-align: left;
	color:#fff;
	text-shadow: 0px 0px 4px #000000;font-size:10px;
}
.zoom-up {display:inline-block; padding: 2px 18px; background:#D3D4D3;}
.zoom-do {display:inline-block; padding: 2px 18px; background:#D3D4D3;}

.loading-content-2 {
  position: relative;
  margin: 0px auto;
  width: 50px;
  height: 50px;
}

.loading-content-2:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.loading-content-2 .circular {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#chart-div .circular {
	width: 10%;
}

.loading-content-2 .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

.loading-content-2.mini {
	margin: 0px;
	width: 24px;
	height: 24px;
}

.loading-content-2.of{display:none;}


.skeleton-container {
	display: flex;
	flex-direction: column;
	width: 50%;
}

.skeleton-container .skeleton-block:not(:first-child) {
	padding-top: 20px;
}

.skeleton-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.table-equipment {
	border-collapse: collapse;
	width: calc(100% - 40px);
}

.table-equipment tr {
	height: 30px;
}

.table-equipment tr td {
	vertical-align: middle;
	height: 15px;
	padding: 0 10px;
}

.table-equipment tr td:first-child,
.table-equipment tr td:last-child {
	text-align: center;
}

.table-equipment tr td:last-child {
	font-weight: bold;
}

.table-equipment tbody tr:nth-child(odd) {
	background: #F4FAFF;
}

.table-equipment tr:hover td {
	background: #eff5fa;
	cursor: pointer;
}

@-webkit-keyframes rotate {  100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes rotate {  100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@-webkit-keyframes dash {  0% {
 stroke-dasharray: 1, 200;
 stroke-dashoffset: 0;
}
 50% {
 stroke-dasharray: 89, 200;
 stroke-dashoffset: -35;
}
 100% {
 stroke-dasharray: 89, 200;
 stroke-dashoffset: -124;
}
}
@keyframes dash {  0% {
 stroke-dasharray: 1, 200;
 stroke-dashoffset: 0;
}
 50% {
 stroke-dasharray: 89, 200;
 stroke-dashoffset: -35;
}
 100% {
 stroke-dasharray: 89, 200;
 stroke-dashoffset: -124;
}
}
@-webkit-keyframes color {  100%, 0% {
 stroke: #fab300;
}
 40% {
 stroke: #fab300;
}
 66% {
 stroke: #fab300;
}
 80%, 90% {
 stroke: #fab300;
}
}
@keyframes color {  100%, 0% {
 stroke: #fab300;
}
 40% {
 stroke: #fab300;
}
 66% {
 stroke: #fab300;
}
 80%, 90% {
 stroke: #fab300;
}
}


#block-mobile-app-add-plz{
	display:none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background:#EDEDED;
	text-align: center;
	z-index: 30000;
}

.color_picker {
	height:30px;
	width:30px;
	display: inline-block;
	border-radius:8px;
	cursor: pointer;
	position:relative;
	border:1px solid #6C6D6F;
}
.color_picker_content {
	display:none;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-around;
	position:absolute;
	width: 149px;
	height: 180px;
	background: #FFF;
	border-radius: 10px;
	left: 45px;
	top: -85px;
	padding:10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	cursor:auto;
	z-index: 1;
}
.color_picker_content:before {
	content: '';
	position: absolute;
	height: 12px;
	width: 12px;
	left: -7px;
	top: 94px;
	transform: rotate(45deg);
	background:#FFF;
	border-bottom:1px solid #B2B2B2;
	border-left:1px solid #B2B2B2;
}
.color_picker_color {
	height:20px;
	width:20px;
	border-radius:5px;
	padding:5px;
	cursor: pointer;
}
.color_picker_color:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.background_red {
	background: #E53935;
}

.background_green {
	background: #7CB342;
}

.background_grey {
	background: #9E9E9E;
}

.background_black {
	background: #424242;
}

.background_blue {
	background: #2196F3;
}

.table-monitoring_hover {
	cursor: pointer;
	background: #FAB400 !important;
	color: #000 !important;
}

.monitoring-block {
	display: flex;

	width: calc(100% - 76px);
	background: #FFF;
	border-radius: 6px;
	margin: 20px;
	padding: 20px;

	overflow: auto;
	position: relative;

}

.monitoring-table {
	border-collapse: collapse;

	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	overflow-x: auto;
	white-space: nowrap;
}

.monitoring-table tr th {
	border: 1px solid #000;
	padding: 0 2px;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
}

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

.monitoring-table tr td {
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
}

/* Zoom S */
/*----------------------------------------------------------------------------*/
.monitoring-table.zoom-s td,
.monitoring-table.zoom-s th {
	height: 10px;
	font-size: 9px;
}

.monitoring-table.zoom-s .monitoring-table_cell_first {
	min-width: 53px;
	max-width: 53px;
}

.monitoring-table.zoom-s .monitoring-table_cell_second {
	min-width: 20px;
	max-width: 20px;
}
/*----------------------------------------------------------------------------*/

/* Zoom M */
/*----------------------------------------------------------------------------*/
.monitoring-table.zoom-m td,
.monitoring-table.zoom-m th {
	height: 15px;
	font-size: 10px;
}

.monitoring-table.zoom-m .monitoring-table_cell_first {
	min-width: 58px;
	max-width: 58px;
}

.monitoring-table.zoom-m .monitoring-table_cell_second {
	min-width: 25px;
	max-width: 25px;
}
/*----------------------------------------------------------------------------*/

/* Zoom L */
/*----------------------------------------------------------------------------*/
.monitoring-table.zoom-l td,
.monitoring-table.zoom-l th {
	height: 20px;
	font-size: 13px;
}

.monitoring-table.zoom-l .monitoring-table_cell_first {
	min-width: 68px;
	max-width: 68px;
}

.monitoring-table.zoom-l .monitoring-table_cell_second {
	min-width: 35px;
	max-width: 35px;
}
/*----------------------------------------------------------------------------*/

/* Zoom XL */
/*----------------------------------------------------------------------------*/
.monitoring-table.zoom-xl td,
.monitoring-table.zoom-xl th {
	height: 25px;
	font-size: 14px;
}

.monitoring-table.zoom-xl .monitoring-table_cell_first {
	min-width: 78px;
	max-width: 78px;
}

.monitoring-table.zoom-xl .monitoring-table_cell_second {
	min-width: 45px;
	max-width: 45px;
}
/*----------------------------------------------------------------------------*/

/* Zoom XXL */
/*----------------------------------------------------------------------------*/
.monitoring-table.zoom-xxl td,
.monitoring-table.zoom-xxl th {
	height: 30px;
	font-size: 16px;
}

.monitoring-table.zoom-xxl .monitoring-table_cell_first {
	min-width: 88px;
	max-width: 88px;
}

.monitoring-table.zoom-xxl .monitoring-table_cell_second {
	min-width: 55px;
	max-width: 55px;
}
/*----------------------------------------------------------------------------*/

.monitoring-table tr td:first-child {
	color: #000;
	border: 1px solid #000;
	padding: 0 2px;
	min-width: 145px;
    max-width: 145px;
    overflow: hidden;
    text-align: left;
}

.monitoring-table tr td:last-child {
	border-right: 1px solid #000;
}

.monitoring-table_cell_first {
	text-align: left;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	padding-left: 2px;
	overflow: hidden;
}

.monitoring-table_cell_second {
	text-align: right;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 0 2px;
}

.monitoring-status-btn {
	display: inline-block;
    padding: 8px 16px;
    text-align: center;
    border-radius: 8px;
    transition: all 0.5s;
    font-size: 14px;
    user-select: none;
}

.btnIcon i:hover {
	color: #fab400;
}

#spec-dop-mini-menu {
	display: flex;
}

@media screen and (max-width: 800px) {
	body > header {display:none;}
	body > main {padding:0px;}
	body > main .left-menu{display:none;}
	body > main .dasboart-menu{display:none;}
	body > main > section {height:100vh;}
	body #block-mobile-app-add-plz { display: block;}
	body.full #block-mobile-app-add-plz { display: none;}

	.login-page-form .logo {width: 300px;}
	.login-page-form form input { width: 240px; }
	#block-mobile-app-add-plz .m-content{
		padding: 60px 0px 0px 0px;
		display: flex;
		min-height: 600px;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	#block-mobile-app-add-plz .m-logo{width:100%; max-width: 386px; padding: 10px; box-sizing: border-box;}
	#block-mobile-app-add-plz .m-text{display:inline-block; max-width:430px; font-size: 20px; padding: 10px;}
	#block-mobile-app-add-plz .m-smile{width: 105px;}
	#block-mobile-app-add-plz .m-btn{}
	#block-mobile-app-add-plz .m-btn img{width:171px; padding:10px;}
}

@media screen and (max-width: 1191px) {}

@media screen and (max-width: 932px) {}

.pza-colors-mode {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
}

.pza-colors-mode_value {
	display: flex;
	align-items: center;
	width: 100px;
	padding-right: 20px;
	cursor: pointer;
}

.pza-colors-mode_value div:first-child {
	height: 32px;
	width: 32px;
	margin-right: 5px;
}

.pza-colors-mode_value div:first-child.active:after {
	content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    background: #ffffff;
    width: 100%;
    height: 100%;
    mask: url(../img/icon/global/scheck.svg);
    -webkit-mask: url(../img/icon/global/scheck.svg);
}

.pza-colors-mode_value .econom {
	background-color: #569AD4;
}

.pza-colors-mode_value .standard {
	background-color: #ffae00;
}

.pza-colors-mode_value .comfort {
	background-color: #f22222;
}

.legend-block {
	display: flex;
	align-items: start;
	justify-content: space-around;
}

.legend-caption {
	padding-bottom: 15px;
	text-align: center;;
}

.legend-container {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 270px;
}

.legend {
	display: flex;
	align-items: center;
	padding-bottom: 10px;
	padding-right: 20px;
	cursor: default;
}

.legend span {
	height: 20px;
	width: 20px;
	border-radius: 4px;
	margin-right: 5px;
}

.backup-status-block {
	display: flex;
	justify-content: space-around;
	width: calc(100% - 160px);
}

.backup-table {
	width: calc(100% - 160px);
}

.backup-table th {
	text-align: center;
}

.backup-table td {
	text-align: center;
	padding-top: 10px;
}

.payment-table tr {
	line-height: 50px;
}

.payment-table tr td:first-child {
	padding-right:20px;
}

.widget-filter-block {
    display: flex;
	align-items: center;
    justify-content: space-between;
    height: 36px;
	padding: 26px 40px 0 40px;
	overflow: hidden;
}

.widget-filter-block div:first-child {
	overflow: hidden;
	width: calc(100% - 92px);
	text-align: left;
}

.widget-filter-block div:last-child a {
	height: 36px;
	width: 20px;
	line-height: 36px;
	font-family: 'MontserratB';
	cursor: pointer;
	color: #6C6D6F;
	user-select: none;
}

.widget-filter-block div:last-child a:hover {
	color: #FAB400;
}

.widget-filter-block ul {
	display: inline-flex;
	position: relative;
}

.widget-filter-block ul li:not(:first-child) {
	margin-left: 10px;
}

.widget-filter-button {
	display: block;
	color: #000;
	padding: 10px 20px;
	border-radius: 50px;
	cursor: pointer;
	color: #6C6D6F;
	white-space: nowrap;
}

.widget-filter-button.selected,
.widget-filter-button:hover {
	background-color: #6C6D6F;
	color: #FFF;
}

.widget-heating-status {
	font-family: 'MontserratB';
	font-size: 22px;
	text-align: center;
	padding-bottom: 5px;
}

.widget-heating-body {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.widget-heating-body__left,
.widget-heating-body__right {
	height: 150px;
}

.widget-heating-body__left {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.widget-heating-manual-mode {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.widget-heating-manual-mode > span:first-child {
	font-size: 11px;
}

.widget-heating-body__right {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	width: 100%;
}

.widget-heating-body__right > div {
	text-align: center;
}

.widget-heating-body__right--status {
	display: flex;
	justify-content: space-around;
}

.widget-heating-body__right > div:first-child,
.widget-heating-body__right > div:last-child {
	display: flex;
	justify-content: space-around;
	align-items: start;
}

.widget-heating-body__right > div:first-child > div {
	display: flex;
	flex-direction: column;
	justify-content: end;
}

.widget-heating-body__right--status span {
	height: 40px;
	width: 40px;
}

.boil-device-error-link {
	color: #FF0000;
}

.boil-device-error-link:hover {
	cursor: pointer;
	text-decoration: underline;
}

.block-disable::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	left: 0;
	z-index: 100000;
	background-color: rgba(237,237,237,0.7);
	font-size: 25px;
    text-align: center;
}

.multi-checkbox {
	border: 1px solid #fab400;
    height: 22px;
    width: 22px;
	border-radius: 8px;
	cursor: pointer;
}

.multi-checkbox.selected {
	background-color: #FAB400;
}

.multi-checkbox.selected::after {
	display: block;
    content: "";
    background: #FFF;
    width: 22px;
    height: 22px;
    mask: url(../img/icon/global/scheck.svg);
	-webkit-mask: url(../img/icon/global/scheck.svg);
}

.multi-checkbox.pre-selected {
	background-color: #FAB400;
}

.discount-list__block {
	display: flex;
	flex-direction: column;
	vertical-align: baseline;
	width: 350px;
	position: relative;
}

.discount-list__block > div:first-child {
	/* margin-bottom: 5px; */
}

/* Блок INPUT */
/*----------------------------------------------------------------------------*/
.discount-list__input {
	display: flex;
	justify-content: space-between;
	vertical-align: baseline;

	line-height: 32px;

	border: 1px solid #6C6D6F;
	border-radius: 8px;

	padding: 0 10px;

	cursor: pointer;
}

.discount-list__input > div:first-child,
.discount-list__input > div:last-child {
	display: flex;
}

.discount-list__input > div:first-child > div:first-child {
	padding-right: 7px;
	font-family: 'MontserratB';
}

.discount-list__input > div:first-child > div:last-child {
	color: grey;
}

.discount-list__input > div:last-child > div:first-child {
	padding-right: 7px;
	font-family: 'MontserratB';
	color: #FAB400;
}

.discount-list__input > div:last-child > div:last-child {
	display: flex;
	align-items: center;
}
/*----------------------------------------------------------------------------*/

/* Блок LIST */
/*----------------------------------------------------------------------------*/
.discount-list__list {
	display: none;
	flex-direction: column;

	border: 1px solid #6C6D6F;
	border-radius: 8px;

	width: -webkit-fill-available;
    top: 37px;
    position: absolute;
    z-index: 10000000000;
    background: #FFF;
}

.discount-list__list-item {
	display: flex;
	justify-content: space-between;

	line-height: 32px;
	padding: 0 10px;

	cursor: pointer;
}

.discount-list__list-item:hover {
	background-color: #F5F5F5;
}

.discount-list__list-item:first-child:hover {
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.discount-list__list-item:last-child:hover {
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

.discount-list__list-item > div:first-child,
.discount-list__list-item > div:last-child {
	display: flex;
}

.discount-list__list-item > div:first-child > div:first-child {
	padding-right: 7px;
	font-family: 'MontserratB';
}

.discount-list__list-item > div:first-child > div:last-child {
	color: grey;
}

.discount-list__list-item > div:last-child {
	font-family: 'MontserratB';
	color: #FAB400;
}
/*----------------------------------------------------------------------------*/

.payment-journal {
	border-collapse: collapse;
	width: 100%;
}

.payment-journal th {
	color: #6C6D6F;
	padding: 0 8px;
}

.payment-journal tr {
	line-height: 60px;
}

.payment-journal tbody tr:nth-child(odd) {
	background-color: #F4FAFF;
}

.payment-journal tbody tr:hover {
	background-color: #EFF5FA;
}

.payment-journal tbody td {
	padding: 0 8px;
}

/*----------------------------------------------------------------------------*/
.new-admin-block {
	display: flex;
	flex-direction: column;
	border-bottom: none !important;
	width: 100%;
}

.multiple-row-blocks {
	display: flex;
	align-items: center;
	justify-content: start;
}

.multiple-row-blocks > div:not(:first-child) {
	margin-left: 20px;
}

.number-of-systems-by-types {
	display: flex;
    flex-direction: column;
	background-color: #FFF;
	border-radius: 9px !important;
	height: 185px;
	width: 300px;
	margin-bottom: 20px;
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 25%);
}

.stats-block,
.registration-dynamics,
.user-dynamics,
.map-block {
	display: flex;
    flex-direction: column;
	background-color: #FFF;
	border-radius: 9px !important;
	height: 300px;
	width: 100%;
	margin-bottom: 20px;
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 25%);
}

.map-block {
	height: calc(100vh - 145px);
}

.map-block > #map {
	height: 100%;
	width: 100%;
	padding: 0 0 20px 0 !important;
}

.stats-block > .caption,
.number-of-systems-by-types > .caption,
.registration-dynamics > .caption,
.user-dynamics > .caption,
.map-block > .caption {
	display: flex;
    align-items: center;
    justify-content: center;
	height: 40px;
	font-family: 'MontserratB';
}

.stats-block > .chart,
.registration-dynamics > .chart,
.user-dynamics > .chart {
	height: 100%;
    display: flex;
    align-items: center;
}

.new-admin-statisctic-table {
	width: 100%;
	border-collapse: collapse;
}

.new-admin-statisctic-table tr {
	height: 25px;
}

.new-admin-statisctic-table td {
	padding: 0 20px;
	vertical-align: middle;
}

.new-admin-statisctic-table td:first-child {
	text-align: left;
}

.new-admin-statisctic-table td:last-child {
	text-align: right;
}

.new-admin-statisctic-table tr:not(.no-hover):hover td {
	background-color: #FAB400;
	cursor: default;
}
/*----------------------------------------------------------------------------*/

/* Уведомления новые */
/*----------------------------------------------------------------------------*/
.new-global-wrapper {
	width: 100%;

	display: flex;
	align-items: start;
	justify-content: center;

	padding: 20px 0;
}
.new-global-block {
	display: flex;
	flex-direction: column;
	background-color: #FFF;
	border-radius: 9px;
	padding: 20px 0;
	width: 1160px;
}

#notification-table-container {
	padding: 0 20px;
}

#notification-pagination {
	padding: 0 20px;
	display: flex;
}

.notification-table {
	border-collapse: collapse;
	width: 100%;
}

.notification-table thead tr {
	height: 40px;
}

.notification-table th {
	vertical-align: middle;
}

.notification-table td {
	height: 60px;
	text-align: left;
	vertical-align: middle;
	padding: 15px 0;
	word-break: break-all;
}

.notification-table tr:nth-child(odd) td {
	background-color: #F4FAFF;
}

.notification-table tr td:first-child {
	text-align: center;
	padding: 0 15px;
	width: 30px;
}

.notification-table tr td:last-child {
	text-align: right;
	padding: 0 15px;
	width: 140px;
	white-space: nowrap;
}

.notification-table tr:hover {
	cursor: default;
}

.notification-table .icon {
	height: 30px;
	width: 30px;
}

.time-list-block {
	display: flex;
	padding: 0 20px;
	padding-bottom: 20px;
}

.time-list li {
	display: inline-block;
	border: 1px solid #6C6D6F;
	border-radius: 8px;
	padding: 4px 0;
	width: 60px;
	cursor: pointer;
	font-size: 11px;
}

.time-list li:not(:first-child) {
	margin-left: 8px;
}

.time-list li.active {
	background-color: #D3D4D3;
	border-color: #D3D4D3;
}

td .btn_agree {
	background-color: #00CC00;
	color: #FFF;
	padding: 5px 20px;
	border-radius: 5px;
	cursor: pointer;
	width: 70px;
	text-align: center;

}

td .btn_disagree {
	background-color: #FF0D00;
	color: #FFF;
	padding: 5px 20px;
	border-radius: 5px;
	cursor: pointer;
	width: 70px;
	text-align: center;
}
/*----------------------------------------------------------------------------*/

table.electric-meter {
	border-spacing: 0 10px;
	width: 100%;
}

table.electric-meter td {
	height: 50px;
	vertical-align: middle;
	text-align: center;
}

table.electric-meter thead th {
	vertical-align: bottom;
	text-align: center;
}

table.electric-meter tbody tr td,
table.electric-meter tfoot tr td {
	font-family: 'MontserratB';
	font-size: 26px;
}

table.electric-meter tbody tr td span,
table.electric-meter tfoot tr td span {
	font-family: 'Montserrat';
	font-size: 14px;
	vertical-align: baseline;
	margin-left: 5px;
}
table.electric-meter tbody tr:nth-child(1) {
	background-color: #FBC02D;
}

table.electric-meter tbody tr:nth-child(2) {
	background-color: #388E3C;
}

table.electric-meter tbody tr:nth-child(3) {
	background-color: #D32F2F;
}

table.electric-tariffs {
	border-spacing: 30px;
	width: 100%;
}

table.electric-tariffs input {
	text-align: center;
	width: 50px;
}

table.electric-tariffs th,
table.electric-tariffs td {
	text-align: center;
	vertical-align: middle;
}

.tabs > input {
	display: none;
}

.tabs > label {
	position: relative;
	top: 1px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border: 1px solid #333;
	z-index: 100;
	background-color: #D3D4D3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 25px;
}

.tabs > :checked + label {
	background-color: #FFF;
	border-bottom: 1px solid #FFF;
}

.tabs > .tab-content {
	border: 1px solid #333;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 20px;
}

.tabs > .tab-content > div {
	display: flex;
	flex-direction: column;
}

.tabs > .tab-content > div > div {
	display: flex;
	justify-content: space-between;
}

.tabs > .tab-content .btn-controllers {
	display: flex;
	justify-content: space-between;
}

.tabs > .tab-content .btn-controllers .ltft {
	display: none;
}

.tabs > .tab-content .btn-controllers .one-limit {
	width: auto;
}

.box-shadow--none {
	box-shadow: none;
	padding: 0;
}

.box-shadow--none h4 {
	content: '';
}

.electric-meter .predel-scale > section:first-child {
	display: none;
}


.list-reports {
	width: 100%;
}

.list-reports td {
	height: 60px;
	vertical-align: middle;
}

.list-reports tbody tr:nth-child(odd) td {
	background: #f4faff;
}

.list-reports th {

}

.object-list {
	border-collapse: collapse;
	width: 100%;
}

.object-list th {
	padding: 0 8px;
	font-size: 12px;
	color: #6C6D6F;
	line-height: 36px;
	vertical-align: middle;
}

.object-list tr {
	line-height: 60px;
}

.object-list tbody tr:nth-child(odd) {
	background-color: #F4FAFF;
}

.object-list tbody tr:hover {
	cursor: pointer;
	background-color: #EFF5FA;
}

.object-list tbody td {
	padding: 0 8px;
}

#list-reports table th:last-child {
	color: #FAB400;
}

#list-reports table th:last-child,
#list-reports table tr td:last-child {
	text-align: center;
	width: 50px;
}

input[type="color"] {
	height: 39px;
	width: 35px;
	border: none;
	background-color: rgba(0, 0, 0, 0);
	padding: 0;
	cursor: pointer;
}

.draggable-table {
	user-select: none;
	-webkit-user-select: none;
}

.draggable-table__drag {
	position: absolute;
	width: 100%;
	border: 1px solid #f1f1f1;
	z-index: 5000;
	cursor: grabbing;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.05);

	opacity: 1;
}

.draggable-table tr.is-dragging {
	background: #FAB400;
}