.lcl{
	height:26px;
	width:26px;
	display:inline-block;
	border-radius:40px;
	border:1px solid green;
	line-height:26px;
	color:green;
	font-weight:bold;
	cursor:pointer;
	margin:12px 3px;
	background:none;
}
.lcl:hover{
	background:yellow;
}
.lcl_open{
	background:lime;
}
.floor{
	width:1530px;
	border:1px solid #009933;
	display:inline-block;
	background:linear-gradient(to bottom,#009933,#33CC33);
	position:relative;
	height:625px;
	border-radius:6px;
}
.left_bar, .center_bar, .right_bar, .center_lcl, .center_lines{
	position:absolute;
	top:0;
}
.left_bar{
	/* width:40px; */
	left:40px;
	z-index:15;
}
.center_bar{
	width:1340px;
	height:624px;
	left:40px;
	background:white;
	box-shadow:2px 0 4px green inset, -2px 0 4px green inset;
	z-index:10;
	border-radius:4px;
}
.bottom_bar{
	position:absolute;
	width:640px;
	height:43px;
	left:340px;
	bottom:6px;
	background:none;
	z-index:20;
	text-align:center;
	font-style:italic;
	vertical-align:middle;
}
.bb_r{
	color:#09a233;
}
.bb_d{
	color:red;
}
.server_bar{
	position:absolute;
	width:40px;
	left:5px;
	bottom:6px;
	background:none;
	z-index:20;
	text-align:center;
	vertical-align:middle;
}
.statistic{
	display:inline-block;
	padding:2px 10px;
	vertical-align:middle;
}
.srvstatus{
	width:35px;
	height:35px;
	border-radius:40px;
	display:inline-block;
	vertical-align:middle;
	margin-right:15px;
	margin-top:2px;
}
.srvrun{
	background: url('images/local_icons.svg') left -105px top -140px no-repeat,linear-gradient(to bottom, #0d0, #37b32a) !important;
}
.srvdown{
	background: url('images/local_icons.svg') left -105px top -174px no-repeat,linear-gradient(to bottom, #ff5454, #ff1313) !important;
}
.srvrun, .srvdown{
background-size: 140px !important;}
.center_lines{
	width:1340px;
	height:624px;
	left:40px;
	z-index:11;
	}
.center_lcl{
	width:1340px;
	height:624px;
	left:40px;
	z-index:12;
	}
.right_bar{
	width:150px;
	right:0px;
	z-index:10;
	height:624px;
	padding-top:10px;text-align:left
}
[floor='fl_1']{
	background: url('images/fl_1.svg'),white;
}
[floor='fl_2']{
	background: url('images/fl_2.svg'),white;
}
[floor='fl_3']{
	background: url('images/fl_3.svg'),white;
}
[floor='fl_4']{
	background: url('images/fl_4.svg'),white;
}
.right_bar select{
appearance: none;
  -moz-appearance: none;
-webkit-appearance: none;
cursor:pointer;
}
.right_bar input[type=text], .right_bar select{
	background:#60de60;
	width:140px;
	margin:3px;
	border-radius:3px;
	border:none;
	box-shadow: 2px 2px 2px green inset;
	color:#009933;
	text-align:center;
	line-height:18px;
	text-align-last:center;
	font-weight: bold;
	padding:1px 0;
}
.right_bar input[type=button], .right_bar input[type=submit], .server_button{
	background:linear-gradient(to bottom, #97ed97 15%,#37cc37 50%, #96e08e);
	border-radius:3px;
	border:none;
	box-shadow: 2px 2px 2px green;
	color:#009933;
	text-align:center;
	display:block;
	color:#c2ffb9;
	cursor:pointer;
}
.right_bar input[type=button], .right_bar input[type=submit]{
	width:140px;
	margin:9px 3px;
}
.server_button{
	width:30px;
	margin:8px 0px;
	border-radius:30px;
	line-height:28px;
	padding-top:2px;
	font-size:18px;
	position:relative;
	overflow:hidden;
	}
.srv_but_title{
	position:absolute;
	left:-10px;
	top:-22px;
	background:#c2ffb9;
	color:#23bc33;
	font-size:13px;
	font-weight:normal;
	line-height:15px;
	padding:2px 10px;
	border-radius:5px;
	border:1px solid #23bc33;
}
.right_bar textarea{
	background:#60de60;
	width:130px;
	height:80px;
	margin:3px;
	border-radius:3px;
	border:none;
	box-shadow: 2px 2px 2px green inset;
	color:#009933;
	text-align:left;
	resize: none;
	padding:2px 5px;
}
.right_bar input[type=text]:focus, .right_bar textarea:focus, .right_bar select:focus{background:#c2ffb9;}
.right_bar input[type=button]:hover, .right_bar input[type=submit]:hover, .server_button:hover{
	background: linear-gradient(to bottom, #97ed97 15%,#6de36d 50%, #96e08e);
	color: #008d19;
}
.right_bar label{
	display:block;
	color:#c2ffb9;
	margin-top:4px 5px;
}
.right_bar label:before{
	content:'\a0 \a0';
}
.connect{
	background:#60de60;
	width:140px;
	margin:3px;
	border-radius:3px;
	border:none;
	box-shadow: 2px 2px 2px green inset;
	text-align:center;
	text-align-last:center;
	font-weight: bold;
	padding:1px 0;
	max-height: 155px;
	overflow-y:auto;
	color:#009933;
	font-weight:normal;
	}
.tpimg{
	width:40px;
	height:40px;
	border-radius:4px;
	background:#37cc37;
	margin-left:52px;
}
.islcl_not{
	background:red !important;
	color:yellow !important;
	box-shadow: 2px 2px 2px green inset !important;
}
.tpimg1{background:url('images/local_icons.svg') left 0px top 0px no-repeat,#c2ffb9 !important;}
.tpimg2{background:url('images/local_icons.svg') left 0px top -40px no-repeat,#c2ffb9 !important;}
.tpimg3{background:url('images/local_icons.svg') left 0px top -80px no-repeat,#c2ffb9 !important;}
.tpimg4{background:url('images/local_icons.svg') left 0px top -120px no-repeat,#c2ffb9 !important;}
.tpimg5{background:url('images/local_icons.svg') left 0px top -160px no-repeat,#c2ffb9 !important;}
.tpimg6{background:url('images/local_icons.svg') left 0px top -200px no-repeat,#c2ffb9 !important;}
.tpimg1,.tpimg2,.tpimg3,.tpimg4,.tpimg5,.tpimg6{background-size: 160px !important;}
[class^='green_but_']{
	width:30px;
	height:30px;
	display:block;
	border:1px solid #009933;
	border-radius:30px;
	margin:4px;
	cursor:pointer;
	box-shadow: 2px 2px 2px gray;
}
.green_but_1{background:url('images/local_icons.svg') left 0px top 0px no-repeat,white !important;}
.green_but_2{background:url('images/local_icons.svg') left 0px top -30px no-repeat,white !important;}
.green_but_3{background:url('images/local_icons.svg') left 0px top -60px no-repeat,white !important;}
.green_but_4{background:url('images/local_icons.svg') left 0px top -90px no-repeat,white !important;}
.green_but_5{background:url('images/local_icons.svg') left 0px top -120px no-repeat,white !important;}
.green_but_6{background:url('images/local_icons.svg') left 0px top -150px no-repeat,white !important;}
.green_but_1:hover{background:url('images/local_icons.svg') left 0px top 0px no-repeat,yellow !important;}
.green_but_2:hover{background:url('images/local_icons.svg') left 0px top -30px no-repeat,yellow !important;}
.green_but_3:hover{background:url('images/local_icons.svg') left 0px top -60px no-repeat,yellow !important;}
.green_but_4:hover{background:url('images/local_icons.svg') left 0px top -90px no-repeat,yellow !important;}
.green_but_5:hover{background:url('images/local_icons.svg') left 0px top -120px no-repeat,yellow !important;}
.green_but_6:hover{background:url('images/local_icons.svg') left 0px top -150px no-repeat,yellow !important;}
[class^='green_but_'], [class^='green_but_']:hover{background-size: 120px !important;}
[class^='green_but_']:hover{border:1px solid lime;}



/* drag&drop */
[class^='green_lcl_']{
	width:30px;
	height:30px;
	display:block;
	border:1px solid #009933;
	border-radius:30px;
	margin:4px;
	cursor:pointer;
	box-shadow: 2px 2px 2px gray;
	overflow:visible;
}
.green_lcl_1{background:url('images/local_icons.svg') left 0px top 0px no-repeat,linear-gradient(to bottom, #76ff76 0%, white 100%) !important;}
.green_lcl_2{background:url('images/local_icons.svg') left 0px top -30px no-repeat,linear-gradient(to bottom, #76ff76, white) !important;}
.green_lcl_3{background:url('images/local_icons.svg') left 0px top -60px no-repeat,linear-gradient(to bottom, #76ff76, white) !important;}
.green_lcl_4{background:url('images/local_icons.svg') left 0px top -90px no-repeat,linear-gradient(to bottom, #76ff76, white) !important;}
.green_lcl_5{background:url('images/local_icons.svg') left 0px top -120px no-repeat,linear-gradient(to bottom, #76ff76, white) !important;}
.green_lcl_6{background:url('images/local_icons.svg') left 0px top -150px no-repeat,linear-gradient(to bottom, #76ff76, white) !important;}
.green_lcl_1:hover{background:url('images/local_icons.svg') left 0px top 0px no-repeat,yellow !important;}
.green_lcl_2:hover{background:url('images/local_icons.svg') left 0px top -30px no-repeat,yellow !important;}
.green_lcl_3:hover{background:url('images/local_icons.svg') left 0px top -60px no-repeat,yellow !important;}
.green_lcl_4:hover{background:url('images/local_icons.svg') left 0px top -90px no-repeat,yellow !important;}
.green_lcl_5:hover{background:url('images/local_icons.svg') left 0px top -120px no-repeat,yellow !important;}
.green_lcl_6:hover{background:url('images/local_icons.svg') left 0px top -150px no-repeat,yellow !important;}
[class^='green_lcl_'], [class^='green_lcl_']:hover{background-size: 120px !important;}
[class^='green_lcl_']:hover{border:1px solid lime;}

.blue_lcl_1,.blue_lcl_2,.blue_lcl_3, .blue_lcl_4,.blue_lcl_5,.blue_lcl_6{
	display:block;
	border:1px solid #358BE1;
	border-radius:30px;
	margin:4px;
	cursor:pointer;
	box-shadow: 2px 2px 2px gray;
	overflow:visible;
}
.blue_lcl_1,.blue_lcl_2,.blue_lcl_3, .blue_lcl_4{
	width:30px;
	height:30px;
}
.blue_lcl_5,.blue_lcl_6{
	width:25px;
	height:25px;
}
.blue_lcl_1{background:url('images/local_icons.svg') left -60px top 0px no-repeat,linear-gradient(to bottom, cyan 0%, white 100%) !important;}
.blue_lcl_2{background:url('images/local_icons.svg') left -60px top -30px no-repeat,linear-gradient(to bottom, cyan, white) !important;}
.blue_lcl_3{background:url('images/local_icons.svg') left -60px top -60px no-repeat,linear-gradient(to bottom, cyan, white) !important;}
.blue_lcl_4{background:url('images/local_icons.svg') left -60px top -90px no-repeat,linear-gradient(to bottom, cyan, white) !important;}
.blue_lcl_5{background:url('images/local_icons.svg') left -50px top -100px no-repeat,linear-gradient(to bottom, cyan, white) !important;}
.blue_lcl_6{background:url('images/local_icons.svg') left -50px top -125px no-repeat,linear-gradient(to bottom, cyan, white) !important;}
.blue_lcl_1:hover{background:url('images/local_icons.svg') left -60px top 0px no-repeat,yellow !important;}
.blue_lcl_2:hover{background:url('images/local_icons.svg') left -60px top -30px no-repeat,yellow !important;}
.blue_lcl_3:hover{background:url('images/local_icons.svg') left -60px top -60px no-repeat,yellow !important;}
.blue_lcl_4:hover{background:url('images/local_icons.svg') left -60px top -90px no-repeat,yellow !important;}
.blue_lcl_5:hover{background:url('images/local_icons.svg') left -50px top -100px no-repeat,yellow !important;}
.blue_lcl_6:hover{background:url('images/local_icons.svg') left -50px top -125px no-repeat,yellow !important;}
.blue_lcl_1,.blue_lcl_2,.blue_lcl_3, .blue_lcl_4,.blue_lcl_1:hover,.blue_lcl_2:hover,.blue_lcl_3:hover,.blue_lcl_4:hover
{background-size: 120px !important;}
.blue_lcl_5,.blue_lcl_6,.blue_lcl_5:hover,.blue_lcl_6:hover
{background-size: 100px !important;}
.blue_lcl_1:hover,.blue_lcl_2:hover,.blue_lcl_3:hover,.blue_lcl_4:hover,.blue_lcl_5:hover,.blue_lcl_6:hover
{border:1px solid #00c9c9;}

.red_lcl_1,.red_lcl_2,.red_lcl_3,.red_lcl_4,.red_lcl_5,.red_lcl_6{
	width:30px;
	height:30px;
	display:block;
	border:1px solid red;
	border-radius:30px;
	margin:4px;
	cursor:pointer;
	box-shadow: 2px 2px 2px gray;
	overflow:visible;
}
.red_lcl_1{background:url('images/local_icons.svg') left -30px top 0px no-repeat,linear-gradient(to bottom, pink, white) !important;}
.red_lcl_2{background:url('images/local_icons.svg') left -30px top -30px no-repeat,linear-gradient(to bottom, pink, white) !important;}
.red_lcl_3{background:url('images/local_icons.svg') left -30px top -60px no-repeat,linear-gradient(to bottom, pink, white) !important;}
.red_lcl_4{background:url('images/local_icons.svg') left -30px top -90px no-repeat,linear-gradient(to bottom, pink, white) !important;}
.red_lcl_5{background:url('images/local_icons.svg') left -30px top -120px no-repeat,linear-gradient(to bottom, pink, white) !important;}
.red_lcl_6{background:url('images/local_icons.svg') left -30px top -150px no-repeat,linear-gradient(to bottom, pink, white) !important;}
.red_lcl_1:hover{background:url('images/local_icons.svg') left -30px top 0px no-repeat,yellow !important;}
.red_lcl_2:hover{background:url('images/local_icons.svg') left -30px top -30px no-repeat,yellow !important;}
.red_lcl_3:hover{background:url('images/local_icons.svg') left -30px top -60px no-repeat,yellow !important;}
.red_lcl_4:hover{background:url('images/local_icons.svg') left -30px top -90px no-repeat,yellow !important;}
.red_lcl_5:hover{background:url('images/local_icons.svg') left -30px top -120px no-repeat,yellow !important;}
.red_lcl_6:hover{background:url('images/local_icons.svg') left -30px top -150px no-repeat,yellow !important;}
.red_lcl_1,.red_lcl_2,.red_lcl_3,.red_lcl_4,.red_lcl_5,.red_lcl_6,
.red_lcl_1:hover,.red_lcl_2:hover,.red_lcl_3:hover,.red_lcl_4:hover,.red_lcl_5:hover,.red_lcl_6:hover
{background-size: 120px !important;}
.red_lcl_1:hover,.red_lcl_2:hover,.red_lcl_3:hover,.red_lcl_4:hover,.red_lcl_5:hover,.red_lcl_6:hover
{border:1px solid #ff788f;}
.orange_lcl_4{
	width:30px;
	height:30px;
	display:block;
	border:2px solid #ffa200;
	border-radius:4px;
	margin:4px;
	cursor:pointer;
	box-shadow: 2px 2px 2px gray;
	overflow:visible;
}
.orange_lcl_4{background:url('images/local_icons.svg') left -90px top -90px no-repeat,linear-gradient(to bottom, #fff293, white) !important;}
.orange_lcl_4:hover{background:url('images/local_icons.svg') left -90px top -90px no-repeat,yellow !important;}
.orange_lcl_4,.orange_lcl_4:hover
{background-size: 120px !important;}
.orange_lcl_4:hover
{border:2px solid #FF9933;}
.gray_lcl_1,.gray_lcl_2,.gray_lcl_3{
	width:30px;
	height:30px;
	display:block;
	border:1px solid #999;
	border-radius:30px;
	margin:4px;
	cursor:pointer;
	box-shadow: 2px 2px 2px gray;
	overflow:visible;
}
.gray_lcl_1{background:url('images/local_icons.svg') left -90px top 0px no-repeat,linear-gradient(to bottom, #eaeaea, white) !important;}
.gray_lcl_2{background:url('images/local_icons.svg') left -90px top -30px no-repeat,linear-gradient(to bottom, #eaeaea, white) !important;}
.gray_lcl_3{background:url('images/local_icons.svg') left -90px top -60px no-repeat,linear-gradient(to bottom, #eaeaea, white) !important;}
.gray_lcl_1:hover{background:url('images/local_icons.svg') left -90px top 0px no-repeat,yellow !important;}
.gray_lcl_2:hover{background:url('images/local_icons.svg') left -90px top -30px no-repeat,yellow !important;}
.gray_lcl_3:hover{background:url('images/local_icons.svg') left -90px top -60px no-repeat,yellow !important;}
.gray_lcl_1,.gray_lcl_2,.gray_lcl_3,.gray_lcl_1:hover,.gray_lcl_2:hover,.gray_lcl_3:hover
{background-size: 120px !important;}

[class^='full_prv']{
	position:absolute;
	width:14px;
	height:14px;
	top:-5px;
	left:-5px;
	border-radius:20px;
	background:yellow;
	font-weight:bold;
	font-size:10px;
	line-height:14px;
	box-shadow: 1px 1px 2px gray;
}
.full_prv_green{
	color:#009933;
	border:1px solid #009933;
}
.full_prv_gray{
	color:#999;
	border:1px solid #999;
}
.full_prv_red{
	color:red;
	border:1px solid red;
}
[class^='full_prv']:before {content:'+';}
[class^='green_lcl_']:hover  [class^='full_prv']{border:1px solid lime;}
[class^='blue_lcl_']:hover  [class^='full_prv']{border:1px solid #00c9c9;}
[class^='red_lcl_']:hover  [class^='full_prv']{border:1px solid #ff788f;}
.islcl_not_incl{
	position:absolute;
	width:40px;
	height:40px;
	top:-4px;
	left:-5px;
	font-weight:lighter;
	font-size:36px;
	line-height:40px;
	color:red;
	}
/**/
#cnct, #cnct th{
	background:none !important;
	border:none !important;
	padding:0 !important;
	margin: 0 !important;
	overflow:auto !important;
	height:auto !important;
	box-shadow:none !important;
	}
#cnct td{
	border-radius:2px !important;
	padding:2px 4px !important;
	border:none !important;
	font-size:12px !important;
	font-weight:normal !important;
	}
#cnct tr{
	cursor:auto!important;
	background:none !important;
	}
.td_aud_red{background:#ffe2e7 !important;color:red !important;}
.td_aud_blue{background:cyan !important;color:blue !important;}
.td_aud_green{background:#c2ffb9 !important;color:#009933 !important;}
.td_tm{background:#c2ffb9 !important;color:#009933 !important;width:58px !important}
.td_hd{display:none; !important;}

/* helper */

#help_lcl_back{
	position:absolute;
	width:100%;
	height:100%;
	/* background:linear-gradient(to bottom,rgba(0,111,5,0.8),rgba(140,234,145,0.8)); */
	background:rgba(100, 170, 103,0.8);

	z-index:100100;
}
#help_lcl{
	position:absolute;
	width:1340px;
	height:624px;
	background:linear-gradient(to bottom,#efffec,white);
	z-index:100101;
	left:50%;
	margin-left:-726px;
	border-radius:6px;
	box-shadow:2px 0 4px green inset, -2px 0 4px green inset;
	color:green;
}
.menu_help_block{
	display:block;
	/* min-width:1616px; */
	margin:10px 0 7px 0;
}
.menu_help_but{
	display:inline-block;
	border-radius:40px;
	border:1px solid green;
	
	/* font-weight:bold; */
	cursor:pointer;
	margin:6px 3px;
	background:none;
	padding: 0px 10px 2px 10px;
}
.menu_help_but:hover{
	background:yellow;
}
.menu_help_but_open, .menu_help_but_open:hover{
	background:lime;
	}
.hlp_cont{
	display:none;
	overflow-y:auto;
	max-height: 555px;
	max-width:95%;
}
.tbl_hlp_cont{
	display:inline-block;
}
.tbl_hlp_cont td{
	color:green;
	padding: 0px 5px;
	border:1px solid #b0e3b0;
	border-radius:3px;
	vertical-align:top;
	background:white;
}
.td_nm_hlp{
	padding-top:12px !important;
	white-space:nowrap;
}
.td_nt_hlp{
	text-align:left !important;
}
.actual_txt{
	font-weight:bold;
	color:orange;
}
.section_name{
	background:orange !important;
	font-size:18px;
	font-weight:bold;
	color:white !important;
	border:1px solid orange !important;
	text-align:left !important;
	box-shadow: 1px 1px 2px green;
}
#hlp_cmd  .td_nm_hlp{
	font-weight:bold;
}
#hlp_edel img {margin-top:5px;}
#ip_sel{
    border: 1px solid #3c3;
    background: none;
     color: #09a233;
    font-style: italic;
    border-radius: 2px;
    cursor:pointer;
    text-align: center;
    -webkit-appearance: auto !important;
    padding:2px 5px;
}
#ip_sel option{
    color: #09a233;
    font-style: italic;
    cursor:pointer;
    font-size:14px;
    padding:2px 5px;
    
}