article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}

*,
*:after,
*::before {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

.menu-main,
.menu-main ul {
		margin: 0;
		padding: 0;
		background: #4f5157;
		color: #e8e8e8;
		list-style: none;
		text-transform: none;
		line-height: 40px;
		font-size: 14px;
		z-index:100;
}

.menu-main {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 74px;
		border-bottom: 4px solid #77b6e7;
}


.menu-main > div:first-child{
		border-right: 1px solid #77b6e7;
		display: block;
		float: left;
		height: 100%;
		border-left: 0px;
		text-align: center;
}

.menu-main > div:last-child {
	float: right;
	width:45px;
	text-align: center;
	border-left: 1px solid #77b6e7;
	height: 100%;
}

.menu-trigger {
		position: relative;
		padding: 0;
		width: 70px;
		background: #4f5157;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}

.menu-main > div > a {
		padding: 0px 0px;
		font-weight: bold;
}

.menu-main:after {
		display: table;
		clear: both;
		content: "";
}

.menu-wrapper {
		position: fixed;
		top: 70px;
		bottom: 0;
		left: 0;
		overflow: hidden;
		width: 0px;
		border-top: 1px solid #77b6e7;
		background: #4f5157;
		-webkit-transform: translateX(-60px);
		-moz-transform: translateX(-60px);
		transform: translateX(-60px);
		-webkit-transition: -webkit-transform 0.3s, width 0.3s;
		-moz-transition: -moz-transform 0.3s, width 0.3s;
		transition: transform 0.3s, width 0.3s;
}

.scroller {
		position: absolute;
		overflow-y: scroll;
		-ms-overflow-style: none; /* Edge, Internet Explorer */
		scrollbar-width: none; /* Firefox */
		width: 260px;
		height: 100%;
}
.scroller::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera */
}

.menu-list {
		border-bottom: 1px solid #77b6e7;
		text-align: left;
}

.menu-list li {
		box-shadow: inset 0 1px #77b6e7;
		cursor:pointer;
}

.menu-list a {
		display:block;
		padding-left:10px;
		text-decoration:none;
		color: #e8e8e8;
		width:100%;
		background-color: transparent;
}

.menu-list button {
		padding:0 0 0 10px;
		border: none;
		text-decoration:none;
		color: #e8e8e8;
		width:100%;
		height: 40px;
		text-align: left;
		background-color: transparent;
}

.menu-list a:hover, .menu-list a:focus, .menu-list button:hover, .menu-list button:focus  {
		color: white;
		background-color: #6B6D73;
}

.submenu li {
		overflow: hidden;
		height: 0;
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
}

.submenu li a {
		padding-left:30px;
}

.submenu-hidden {
	display:none;
}

.menu-button {	
	background:#4f5157 no-repeat;
	background-image:url(/src/img/menu.svg#def-menu);
	background-position:17px 25px;
	text-decoration:none;
	outline:0;
	cursor:pointer;
	height:100%;
}
.menu-button:hover,.menu-button:focus,
.menu-button.menu-selected:hover,
.menu-button.menu-selected{
	background-image:url(/src/img/menu.svg#hover-menu);
}

/* styles for opening menu */

.menu-wrapper.menu-open-all-en,.menu-wrapper.menu-open-all-ru  {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
}
.menu-wrapper.menu-open-all-en, .menu-wrapper.menu-open-all-en .scroller{
	width:230px;
}

.menu-wrapper.menu-open-all-ru {
	width:260px;
}

.menu-wrapper.menu-open-all-en .submenu li, .menu-wrapper.menu-open-all-ru .submenu li{
	height: 40px;
}

.submenu-title a{
	background:no-repeat right center;
			background-size:30px 15px;
	background-image:url(/src/img/icons.svg#triangle-left);
}
.submenu-title-open a{
	background-image:url(/src/img/icons.svg#triangle-down);
}

@media screen and (max-width: 422px) { 
	.menu-wrapper.menu-open-all-en, .menu-wrapper.menu-open-all-ru {
			-webkit-transform: translateX(0px);
			-moz-transform: translateX(0px);
			transform: translateX(0px);
			width: 100%;
	}

	.menu-wrapper.menu-open-all-en .scroller, .menu-wrapper.menu-open-all-ru .scroller {
			width: 130%
	}
}
/*nice-select*/
.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 2px;
border: solid 1px #b0b0b0;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
outline: none;
padding: 0.5px 20px 0.5px 3px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.05s ease-in-out;
transition: all 0.05s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
vertical-align:middle;
width: auto; }
.nice-select span{overflow:hidden;display:block;}
.nice-select:hover, .nice-select:focus , .nice-select:disabled,.nice-select:active{background:#e8e8e8;}
.nice-select:after {
border-bottom: 2px solid #999;
border-right: 2px solid #999;
content: '';
display: block;
height: 7px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 8px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
width: 7px; }
.nice-select.open:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);}
.nice-select.open .list{display: block;opacity:1;width:fit-content;min-width:100%;pointer-events:auto;-webkit-transform: scale(1) translateY(0);-ms-transform: scale(1) translateY(0);transform: scale(1) translateY(0);}
.nice-select.disabled{pointer-events: none;background:#e8e8e8;}
.nice-select.wide {width:100%;}
.nice-select.wide .list{left:0 !important;right:0 !important;}
.nice-select.right {float:right;}
.nice-select.right .list{left:auto;right:0;}
.nice-select.small{font-size:12px;height:36px;line-height:34px;}
.nice-select.small:after{height:4px;width:4px;}
.nice-select.small .option{line-height:34px;min-height:34px;}
.nice-select .list{
display: none;
background-color: #fff;
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin-top: 3px;
opacity: 0;
overflow-y: scroll;
max-height:300px;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.1s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.1s ease-out;
transition: all 0.1s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.1s ease-out;
z-index: 9; }
.nice-select .list:hover .option:not(:hover){background-color: transparent !important;}
.nice-select .option{cursor:pointer;font-weight:400;list-style:none;outline:none;padding: 5px 10px 5px 3px;text-align: left;-webkit-transition: all 0.1s;transition: all 0.1s;}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus{background-color: #f6f6f6;}
.nice-select .option.selected{font-weight: 600;}
.nice-select .option.disabled{background-color: transparent;cursor:default;}
.no-csspointerevents .nice-select .list{display: none;}
.no-csspointerevents .nice-select.open .list{display: block;}
/**********/
body {
font-family: 'Arial', sans-serif;
font-size: 12px; 
background: #f2f4f5;
min-width:240px;}
select,select option,input{position:relative;width:130px;padding:2px 0px;border:1px solid #b0b0b0;border-radius:2px;background:#fff;outline:0;}
select{padding:0}
select:hover,input:hover,select:focus,input:focus,select option:checked, input:disabled, select:disabled {background:#e8e8e8;}
input{padding:0 3px;}
ul{padding:0;margin:0;}
@media screen and (max-width: 730px) {
.h-info-top,.h-info-bot {
display: none;}}
@media screen and (max-width: 970px) {
.site-footer-l {
display: none;}}
.header-logo{padding:10px;float:left;text-align:left;z-index:101;}
.header-lang{
width:35px;height:30px;background:#6E92AD no-repeat center;color:#FFF;text-align:center;cursor:pointer;border:0px;border-radius:1px;padding:0;margin-top:20px;text-decoration:none;outline:0;}
.header-lang:hover,.header-lang:focus{background-color:#77B6E7}
.header-lang:active{background-color:#276696;color:#4f5157}
.h-info-top, .h-info-bot{position:absolute;right:45px;max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#4f5157;padding-right:10px;}
.h-info-top{top:0px;}
.h-info-bot{bottom:0px;}
.site-footer{position:fixed;border-top:1px solid #ccc;background:#f2f4f5;color:#777;bottom:0px;left:0px;padding:5px 0px;text-align:center;width:100%;height:40px;}
.site-footer-l{position:absolute;margin:0 auto;left:0px;right:0px;}
.site-footer a{color:#777;}
.site-footer a:hover{color:#00f;}
.dt-footer{position:absolute;right:0px;top:11px;width:150px;text-align:right;font-size:14px;padding-right:20px;}
.din-footer{position:absolute;right:170px;top:8px;}
@-webkit-keyframes rotateLoadImg {
 100% {
 -webkit-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);}}
@keyframes rotateLoadImg {
 100% {
 -webkit-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);}}
.loadimage {
 display: block;
 margin: auto;
 margin-top:200px;
 width:100px;
 -webkit-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-animation: rotateLoadImg 1.3s linear infinite;
 animation: rotateLoadImg 1.1s linear infinite;}
.container{
display:none;
margin: 100px auto 45px auto;
padding: 5px;
top: 0px;
bottom:0px;
left:0px;
right:0px;
background: white none 0 0 repeat;
border-radius: 0;
box-shadow: 0 5px 8px 0 rgba(160, 166, 168, 0.35);
font-size:14px;}
.attention{
width:100%; 
display:flex;
min-height:45px;
align-items:center;
line-height:20px;
background: url("/src/img/box_warning.png") no-repeat scroll 0 0 #FFF0EB;
background-position:4% 0%;
padding-left:80px;
border-bottom: 1px solid #FFD7CD;
border-top: 1px solid #FFD7CD;
text-align: left;
margin-bottom:20px;}
.error {background:#fdd !important;}
.warning {background:#ffa !important;}
.info {background:#ddf !important;}
.normal {background:#dfd !important;}
.angle_dis {color:#ccc !important;}
.left {text-align:left;padding-left:3px;}
.right {text-align:right;padding-right:3px;}
.center {text-align:center;padding:0 3px 0 3px;}
.divHeader{
background-color:#ddd}
.divTable{
display: table;
width:100%;}
.divTableRow {
display: table-row;}
.divTableCell{
border-bottom: 0px solid;
display: table-cell;
padding-top: 6px;
padding-bottom: 6px; }
.bt-container{position:absolute}
.bm-container{float:left;}
.b-container{display:inline-block;width:100%;}
.button,.tbutton,.sbutton,.mbutton,.abutton{float:right;width:130px;height:28px;background:#6E92AD no-repeat center;color:#FFF;text-align:center;cursor:pointer;border:0px;border-radius:2px;padding:0;margin:10px 10px 10px 0px;text-decoration:none;outline:0;}
.tbutton{float:none;width:270px;height:23px;margin:0px 0px 0px 10px;}
.sbutton{float:none;margin:0px 10px 0px 10px;}
.mbutton{float:left;width:104px;margin:0;margin-left:10px;}
.abutton{float:none;margin:2px 0;width:100%;height:27px;}
.button:hover,.tbutton:hover,.sbutton:hover,.mbutton:hover,.abutton:hover{background-color:#77B6E7;}
.button:focus,.tbutton:focus,.sbutton:focus,.mbutton:focus,.abutton:focus{background-color:#77B6E7;}
.button:active{background-color:#276696}
.button:disabled,.sbutton:disabled,.tbutton:disabled,.mbutton:disabled{background-color:#27669640}
.tbutton:active,.sbutton:active,.mbutton:active,.abutton:active,.mbutton-show{background-color:#276696;}
.cbutton{float:none;margin:0;background:transparent no-repeat;background-size:24px 20px;border:0px solid black;text-align:center;cursor:pointer;width:24px;height:23px;text-decoration:none;outline:0;}
.del-btn{background-image:url(/src/img/icons.svg#delete-normal);}
.del-btn:active{background-image:url(/src/img/icons.svg#delete-active);}
.add-btn{background-image:url(/src/img/icons.svg#add-normal);}
.add-btn:active{background-image:url(/src/img/icons.svg#add-active);}
.edt-btn{background-image:url(/src/img/icons.svg#edit-normal);}
.edt-btn:active{background-image:url(/src/img/icons.svg#edit-active);}
.app-btn{background-image:url(/src/img/icons.svg#apply-normal);}
.app-btn:active{background-image:url(/src/img/icons.svg#apply-active);}
.wait-btn{background-image:url(/src/img/icons.svg#wait-normal);}
.wait-btn:active{background-image:url(/src/img/icons.svg#wait-active);}
.wait-btn-act{background-image:url(/src/img/icons.svg#wait-active);}
.clear-ibtn{width:30px;height:30px;background-size:30px;background-image:url(/src/img/icons.svg#clear-normal);}
.clear-ibtn:hover,.clear-ibtn:focus{background-image:url(/src/img/icons.svg#clear-hover);}
.clear-ibtn:active{background-image:url(/src/img/icons.svg#clear-active);}
.app-ibtn{width:30px;height:30px;background-size:32px;background-image:url(/src/img/icons.svg#apply-i-normal);}
.app-ibtn:hover,.app-ibtn:focus{background-image:url(/src/img/icons.svg#apply-i-hover);}
.app-ibtn:active{background-image:url(/src/img/icons.svg#apply-i-active);}
.add-ibtn{width:30px;height:30px;background-size:32px;background-image:url(/src/img/icons.svg#add-i-normal);}
.add-ibtn:hover,.add-ibtn:focus{background-image:url(/src/img/icons.svg#add-i-hover);}
.add-ibtn:active{background-image:url(/src/img/icons.svg#add-i-active);}
.del-ibtn{width:30px;height:30px;background-size:32px;background-image:url(/src/img/icons.svg#del-i-normal);}
.del-ibtn:hover,.del-ibtn:focus{background-image:url(/src/img/icons.svg#del-i-hover);}
.del-ibtn:active{background-image:url(/src/img/icons.svg#del-i-active);}
.cb-default,.rb-default{display:none;}
.cb-label,.rb-label{outline:0;position:relative;vertical-align:middle;}
.cb-custom::before{content:"";display:block;position:relative;width:15.5px;height:15.5px;border:1px solid #b0b0b0;border-radius:2px;top:1px;}
.cb-custom:hover::before,.cb-custom:focus::before,.rb-custom:hover::before,.rb-custom:focus::before{background:#eee;}
.cb-custom,.rb-custom{outline:0;display:inline-block;}
.cb-default:checked + .cb-custom::after{content:"";display:block;position:absolute;width:9px;height:6px;border-left:2px solid;border-bottom:2px solid;transform:rotate(-45deg);left:3.5px;top:2px;color:#77b6e7;}
.cb-default:disabled + .cb-custom::before{background:#eee;}
.rb-custom::before{content:"";display:block;position:absolute;top:0px;left:0px;width:16px;height:16px;border:1px solid #b0b0b0;border-radius:50%;}
.rb-default:checked + .rb-custom::after{content:"";display:block;position:absolute;width:8px;height:8px;left:4px;top:4px;border-radius:50%;background:#77b6e7;}
.rb-default:disabled + .rb-custom::before{background:#eee;}
.dinf-status{position:relative;float:left;margin-left:3px;width: 20px; height:20px;border-radius:10px;}
.routf-status{position:relative;float:left;margin-left:3px;width: 20px; height:20px;border-radius:0px;}
.widget-pwrmeter{display:block;border: 1px solid #888;border-radius:10px;margin:3px 5px;padding:3px;width:820px;min-height:40px;text-align:center}
.w-pwrmeter-val-bg{background:#f8f8f8;}
.widget-sensor,.widget-routput,.widget-din,.widget-diagram{display:none;border:1px solid #999;border-radius:10px;margin:3px 5px;padding:3px;width:405px;min-height:135px;}
.widget-din{display:none;width:197.5px;min-height:135px;}
.widget-sensor{display:none;width:197.5px;min-height:115px;}
.widget-diagram{display:inline-block;width:405px;min-height:271px;padding:0;vertical-align:top;}
.w-sensor-img{float:left;width:20px;min-width:20px;}
.w-sensor-name,.w-sensor-div,.w-routput-name{float:left;text-align:left;margin:5px 0px 0px 3px;}
.w-sensor-div{width:100%;}
.w-sensor-name{max-width:165px;min-height:40px;}
.w-sensor-vname,.w-routput-vname{display:inline-block;text-align:left;}
.w-sensor-sname,.w-routput-sname{text-align:left;float:left;width:100%;margin:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0 3px 3px;}
.w-sensor-th{float:left;text-align:center;width:100%;}
.w-sensor-th div{float:left;}
.w-sensor-value,.w-sensor-descr{text-align:center;float:left;width:100%;font-weight:bold;}
.w-routput-value,.w-routput-descr{text-align:left;display:inline-block;font-weight:bold;margin-left:5px;}
.w-sensor-value,.w-routput-value{min-height:17px;}
.w-sensor-descr,.w-routput-descr{font-weight:normal;}
.w-sensor-vname,.w-sensor-sname,.w-sensor-value,.w-sensor-descr,.w-sensor-th div {font-size:95%}
.w-sensor-value {font-size:120%}
.w-sensor-normal,.w-sensor-on{color:#00e000;}
.w-sensor-normal-blue{color:#0055ff;}
.w-sensor-alarm{color:#e00000;}
.w-sensor-on{color:#cc0;}
.w-sensor-off{color:#666;}
.w-sensor-disconnected,.w-sensor-disconnected-blue,.w-sensor-inactive,.w-sensor-unknown,.w-sensor-error,.w-sensor-error-blue{color:#aaa;}
.w-sensor-arr-bold{font-weight:bold;}
.w-status-alarm,.w-status-high,.w-status-low,.w-status-high-blue,.w-status-low-blue,.w-status-alarm-blue,.w-status-alarm-grey{border-color:#f86c6c;box-shadow:0 0 5px #ff0000;background-color:rgba(255,0,0,0.05);}
.w-status-normal{border-color:#00f800;box-shadow:0 0 5px #00f800;background-color:rgba(0,248,0,0.05);}
.w-status-normal-blue{border-color:#417fc9;box-shadow:0 0 5px #417fc9;background-color:rgba(0,128,255,0.05);}
.w-status-on{border-color:#ee0;box-shadow:0 0 5px #ff0;background-color:rgba(255,255,0,0.05);}
.w-status-off{border-color:#aaa;box-shadow:0 0 5px #aaa;background-color:rgba(0,0,0,0.05);}
.w-status-disconnected,.w-status-disconnected-blue,.w-status-inactive,.w-status-unknown,.w-status-error,.w-status-error-blue{border-color:#ddd;box-shadow:0 0 5px #ddd;background-color:rgba(0,0,0,0.05);}
.rout-timer-set,.rout-timer-set:hover,.rout-timer-set:focus,.rout-action-set,.rout-action-set:hover,.rout-action-set:focus{background-color:rgba(255,150,0,0.1)}

.din-status-normal{background:#00e000;
background: -webkit-gradient(linear, left top, left bottom, from(#7CF27C), to(#00d000));
background: -moz-linear-gradient(top, #7CF27C, #00d000);
background: -ms-linear-gradient(top, #7CF27C, #00d000);
 background-image: -o-linear-gradient(top, #7CF27C, #00d000);}
.din-status-alarm{background:#ff4040;
background: -webkit-gradient(linear, left top, left bottom, from(#FF8060), to(#FF2020));
background: -moz-linear-gradient(top, #FF8060, #FF2020);
background: -ms-linear-gradient(top, #FF8060, #FF2020);
 background-image: -o-linear-gradient(top, #FF8060, #FF2020);}
.din-status-disconnected,.din-status-error{background:#ddd;
background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
background: -moz-linear-gradient(top, #eee, #ccc);
background: -ms-linear-gradient(top, #eee, #ccc);
background-image: -o-linear-gradient(top, #eee, #ccc);}

.rout-status-on{background:#f8f800;
background: -webkit-gradient(linear, left top, left bottom, from(#f8f880), to(#e8e800));
background: -moz-linear-gradient(top, #f8f880, #e8e800);
background: -ms-linear-gradient(top, #f8f880, #e8e800);
 background-image: -o-linear-gradient(top, #f8f880, #e8e800);}
.rout-status-off{background:#aaa;
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#888));
background: -moz-linear-gradient(top, #ccc, #888);
background: -ms-linear-gradient(top, #ccc, #888);
background-image: -o-linear-gradient(top, #ccc, #888);}
.rout-status-disconnected,.rout-status-error{background:#ddd;
background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
background: -moz-linear-gradient(top, #eee, #ccc);
background: -ms-linear-gradient(top, #eee, #ccc);
background-image: -o-linear-gradient(top, #eee, #ccc);}
.tabs__caption {
  list-style:none;
  position:relative;
  margin:0;
  padding:0 0 0 10px;
}

.tabs__caption:after {
  content: '';
  clear: both;
}
.tabs__caption li {
  display: inline-block;
  vertical-align: top;
  padding: 6px;
  margin: 0 0 2px 2px;
  background: #6E92AD;
  color: #FFF;
  position: relative;
  border: 1px solid #6E92AD;
  border-radius: 4px 4px 0 0;
  text-align: center;
  outline:0;
}
.tabs__caption li:not(.active) {
  cursor: pointer;
}
.tabs__caption li:not(.active):hover, .tabs__caption li:not(.active):focus {
  background: #77B6E7;
  border-color: #77B6E7;
}
.tabs__caption .active {
  background: #FFF;
  color: #000;
  border-color: #6E92AD;
}
.tabs__caption .active:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  height: 5px;
  background: #FFF;
}

.login-box-overlay {
	overflow:hidden;
	position:fixed;
	top:0;right:0;bottom:0;left:0;
	white-space:nowrap;
	text-align:center;
	z-index:10;
	overflow: scroll;
	-ms-overflow-style: none; /* Edge, Internet Explorer */
	scrollbar-width: none; /* Firefox */
}
.login-box-overlay::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera */
}