html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{margin:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, section, summary{display:block;}
audio, canvas, progress, video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden], template{display:none;}
abbr[title]{border-bottom:1px dotted;}
dfn{font-style:italic;}
mark{background:#ff0;}
small{font-size:80%;}
sub, sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
pre{overflow:auto;}
code, kbd, pre, samp{font-family:monospace, monospace;}
button, input, optgroup, select, textarea{margin:0;font:inherit;color:inherit;}
button{overflow:visible;}
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;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0;border:0;}
input{line-height:normal;}
input[type="checkbox"], input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0;}
legend{padding:0;border:0;}
textarea{overflow:auto;}
optgroup{font-weight:500;}
table{border-spacing:0;border-collapse:collapse;}
td, th{padding:0;}
input, button, select, textarea{font-family:inherit;font-size:inherit;line-height:inherit;}
figure{margin:0;}
img{vertical-align:middle;}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee;}
ul, ol{margin:0px;}
ul ul, ol ul, ul ol, ol ol{margin-bottom:0;}
dl{margin-top:0;margin-bottom:20px;}
dt, dd{}
dt{font-weight:500;}
dd{margin-left:0;}
@font-face{src:url('../fonts/fontawesome-webfont.eot');src:url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2') format('woff2'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg') format('svg');font-style:normal;font-weight:normal;font-weight:400;font-family:'FontAwesome';}
@font-face{font-family:'Play';font-style:normal;font-weight:400;src:local('Play'), local('Play-Regular'), url(../fonts/play400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}
@font-face{font-family:'Play';font-style:normal;font-weight:700;src:local('Play Bold'), local('Play-Bold'), url(../fonts/play700.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;}
article, aside, details, figcaption, footer, header, hgroup, menu, nav, section, main{display:block;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix:before, .clearfix:after{display:table;content:'';}
.clearfix:after{clear:both;}
input[type=search]{-webkit-appearance:none;}
textarea, input[type="text"], input[type="button"], input[type="submit"]{-webkit-appearance:none;outline:none}
input[type=text]{-webkit-appearance:none;}
option{color:#1D2737;padding:5px;line-height:20px;}
::-webkit-input-placeholder{color:#CCC;}
::-moz-placeholder{color:#CCC;}
:-ms-input-placeholder{color:#CCC;}
:-moz-placeholder{color:#CCC;}
::-moz-selection{background:#35C5F3;color:#1D2737}
::selection{background:#35C5F3;color:#1D2737}
:before,:after{font-family:'FontAwesome';}

*, *:after, *:before{-webkit-box-sizing:border-box;box-sizing:border-box;}
html, body{font-family:'Play', sans-serif;background:#FFF;background-size:cover;font-weight:400;color:#1D2737;font-size:14px;position:relative;z-index:0}
a{color:#1D2737;text-decoration:none;}
a:hover{color:#35C5F3;transition:all 0.2s linear;}
h1, h2, h3, h4, h5, strong{font-weight:700}
h1{font-size:200%}
h2{font-size:140%}
h3{font-size:140%}
h4{font-size:100%;}
h5{font-size:160%;margin:0;padding:0}
#bgstart{background:url(bg-login.jpg) #1D2737;min-height:100vh}
#hexit{text-align:right}
#hexit a{color:#CCC;margin-right:10px;}
#hexit a:last-child{margin-right:0px}
#btnFullscreen{background:none;border:none;}
#ico-fs button:before{content:'\f0b2';margin-right:5px}
#ico-fs button{outline:none}
#ico-fs button:hover{outline:none;color:#35C5F3}
#ico-refresh a:before{content:'\f021';margin-right:5px}
#ico-home u{margin-right:5px}
#ico-logout a:before{content:'\f08b';margin-right:5px}
#ico-sos a:before{content:'\f1cd';margin-right:5px}
#ico-subs:before{content:'\f2bd';margin-right:5px}
#ico-cvw a:before{content:'\f26c';margin-right:5px;font-weight:400}
#ico-cvw a{font-weight:700}
#support{line-height:30px;}
#supporth2{display:inline-block;padding:0px 30px;margin-bottom:15px;border:1px solid #CCC;border-radius:0.25em;}
#support #ite{font-size:18px;display:block}
#ite:before{content:'\f2a0';margin-right:10px;}
#iep:before{content:'\f0e0';margin-right:10px;}
#index{margin-top:100px;}
#igiris{font-size:12px;height:calc (100 vh - 100px);width:calc (100% - 40px);margin:0 20px}
#nheader{width:calc (100% - 70px);margin:0 50px 0 20px}
#scadavisual{float:left;display:block;width:100px}
table {text-align:center}

#itable, #scada2017{border-collapse:collapse;font-size:11px;}

#s-offline:before{background:#F25F5C;color:#FFF;}
.sorting_asc {line-height:40px}

.s-online{background:#02C39A;color:#FFF; display:block; width:100%; padding:6px 10px;}
.s-offline{background:#F25F5C;color:#FFF; display:block; width:100%;  padding:6px 10px;}




#s-online{background:#02C39A;color:#FFF;  padding:6px 10px;}
#s-offline{background:#F25F5C;color:#FFF;  padding:6px 10px;}
#ytablo{margin-bottom:20px;}
#sdevice{padding:0px;font-size:12px;line-height:40px;background:#EEE;margin-bottom:1px}
#device-status{display:block;float:left;background:#CCC;color:#FFF;width:100px;padding-left:20px;}
#device-online{display:block;float:left;background:#02C39A;color:#FFF;width:100px;padding-left:20px;}
#device-offline{display:block;float:left;background:#F25F5C;color:#FFF;width:100px;padding-left:20px;}
#sdevice .fa-cog{margin-right:5px;}
#sdevice i{border-right:1px solid #DDD;padding:0 16px;}
#sdevice i:last-child{border-right:0 solid #DDD;padding-right:0px;}
#sdevice u{text-decoration:none}
#scada2017_filter input{border-radius:0.25em;border:1px solid #DDD;height:20px;line-height:20px;padding:0px 15px}
#scada2017_filter input:focus{outline:none}
#scada2017_length select{border-radius:0.25em;border:1px solid #DDD;height:20px;line-height:20px;padding:0px 2px;margin:0 4px;}
#scada2017_length select:focus{outline:none}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}
}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear;}
.fa-cog:before{content:"\f013";}
#vn-click{cursor:pointer;display:inline-block;color:#02C39A}
#vn-click:before{content:'\f067';margin-right:5px;font-weight:400}
#vn-info{display:none;text-align:right;color:#fff;padding:10px 20px;width:100%;position:relative;z-index:999}
.cbp-af-header{position:fixed;background:#1D2737;top:0;left:0;right:0;height:80px;-webkit-transition:height 0.3s;-moz-transition:height 0.3s;transition:height 0.3s;border-bottom:0px solid #35C5F3;z-index:999;}
.v3{width:96%;margin:0 auto}
.cbp-af-header #mlogo{display:none;margin:8px 0;}
.cbp-af-header #blogo{display:block;margin:20px 0;float:left;line-height:0px;font-size:0px;}
#blogo h1{font-size:11px;margin-top:10px;display:block;font-weight:400;color:#CCC;letter-spacing:3px;}
.cbp-af-header.cbphs{background:#1D2737;height:40px;padding-top:0px;padding-bottom:0px;}
.cbp-af-header.cbphs nav > ul > li > ul{top:40px;}
.cbp-af-header.cbphs nav > ul > li a{line-height:40px;}
.cbp-af-header.cbphs nav > ul > li > ul > li > a{line-height:30px;}
.cbp-af-header.cbphs #hust{display:none}
.cbp-af-header.cbphs #mlogo{display:block;float:left}
.cbp-af-header.cbphs #blogo{display:none}
.cbp-af-header.cbphs .sticky-trigger{height:40px;width:40px;}
nav{text-align:right;float:right;margin-right:;}
nav > ul > li{display:inline-block;position:relative;}
nav > ul > li a{margin:0 15px;color:#CCC;overflow:hidden;line-height:80px;}
nav > ul > li a:hover{color:#1D2737;outline:none;}
nav > ul > li:hover{outline:none;background:#CCC;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
nav > ul > li:hover ul{display:block;opacity:1;visibility:visible;}
nav > ul > li > ul{position:absolute;top:80px;left:0;display:none;opacity:0;visibility:hidden;box-sizing:border-box;width:280px;background:#CCC;margin:0;padding:0;overflow:visible;z-index:999999;border-radius:0px 0px 0.25em 0.25em;padding:15px 0 10px 0;text-align:left}
nav > ul > li > ul > li > a{display:block;line-height:30px;color:#1D2737;position:relative;padding-left:45px;}
nav > ul > li > ul > li > a:hover{font-weight:700;}
nav > ul > li > ul > li > a:before{content:'';position:absolute;left:0;bottom:15px;height:1px;width:30px;background-color:#1D2737;}
nav > ul > li:hover > a{color:#1D2737}
.navacik main{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);}
.sticky-trigger{position:absolute;right:0;z-index:3;height:80px;width:50px;overflow:hidden;text-indent:100%;white-space:nowrap;background:#35C5F3;}
.sticky-trigger .sticky-icon{position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:30px;height:2px;background-color:#FFF;}
.sticky-trigger:hover{background-color:#CCC;}
.sticky-trigger:hover .sticky-icon{background-color:#1D2737;}
.sticky-trigger .sticky-icon::before, .sticky-trigger .sticky-icon:after{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background-color:inherit;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.sticky-trigger .sticky-icon::before{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top;-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-ms-transform:translateY(-6px);-o-transform:translateY(-6px);transform:translateY(-6px);}
.sticky-trigger .sticky-icon::after{-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-o-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateY(6px);-moz-transform:translateY(6px);-ms-transform:translateY(6px);-o-transform:translateY(6px);transform:translateY(6px);}
.no-touch .sticky-trigger:hover .sticky-icon::after{top:2px;}
.no-touch .sticky-trigger:hover .sticky-icon::before{top:-2px;}
.sticky-trigger svg{position:absolute;top:0;left:0;height:50px;}
.navacik .sticky-trigger{background:#1D2737;width:200px;}
.navacik .sticky-trigger .sticky-icon{background-color:#35C5F3;}
.navacik .sticky-trigger:hover .sticky-icon{background-color:#FFF;}
.navacik .sticky-trigger .sticky-icon::after,.navacik .sticky-trigger .sticky-icon::before{width:50%;}
.navacik .sticky-trigger .sticky-icon::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.navacik .sticky-trigger .sticky-icon::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.no-touch .navacik .sticky-trigger:hover .sticky-icon::after, .no-touch .navacik .sticky-trigger:hover .sticky-icon::before{top:0;}
.sticky{position:fixed;z-index:1;top:0;left:0;height:100%;width:100%;background:url(bg-navacik.svg) no-repeat #1D2737;background-position:right -40px top 80px;visibility:hidden;}
.sticky .smenu-wrapper{overflow-y:auto;-webkit-overflow-scrolling:touch;width:1170px;height:100vh;margin:0 auto;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center;align-items:center;}
.vc{width:1170px}
.smenu-wrapper #logo h1{font-size:13px;margin-top:10px;display:block;font-weight:400;color:#CCC;letter-spacing:5px;}
.navacik .sticky{visibility:visible;}
.navacik .sticky .smenu-wrapper{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);color:#CCC;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;}
.sticky i{position:relative;display:block;margin-bottom:50px;}
.sticky a{color:#CCC}
.sticky a:hover{color:#35C5F3}
.sticky #cdnav2{width:25%;float:left;}
.sticky .cdnv{margin-top:50px;width:100%;display:block;margin-bottom:30px;}
.sticky .cdnv a{display:block;position:relative;margin-bottom:2px;}
.sticky .cdnv a:first-child{font-size:20px;font-weight:700;margin-bottom:15px;color:#35C5F3;padding-bottom:10px;}
.mrt20{margin-top:20px}
.sticky .cdnv a:first-child:before{content:'';position:absolute;left:0;bottom:0px;height:1px;width:60px;background-color:#35C5F3;}
.stickyalt{border-top:1px solid #CCC;display:block;padding-top:30px;}
.stickyalt u{text-decoration:none}
.sticky span{display:inline-block;margin-right:30px;}
.sticky #ico-logout{display:block;float:right;margin-right:0px;}
.no-js main{height:auto;overflow:visible;}
.no-js .sticky{position:static;visibility:visible;}
.no-js .sticky .smenu-wrapper{height:auto;overflow:visible;padding:100px 5%;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
#more a:before{content:'\f067';font-weight:400}
#more i{display:inline-block;margin-right:20px;text-align:left;font-size:13px}
#more #title{display:block;font-size:16px;line-height:20px;font-weight:700;text-align:left;margin-bottom:5px;}
#iph:before{content:'\f2a0';margin-right:5px;}
#imo:before{content:'\f10b';margin-right:5px;}
#iem:before{content:'\f0e0';margin-right:5px;}
.modalDialog{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.4);z-index:99999;opacity:0;-webkit-transition:opacity 200ms ease-in;-moz-transition:opacity 200ms ease-in;transition:opacity 200ms ease-in;pointer-events:none;}
.modalDialog:target{opacity:1;pointer-events:auto;}
.modalDialog > div{position:absolute;bottom:20px;right:30px;padding:15px 10px 15px 25px;border-radius:4px;background:#DDD;}
.close{background:#F25F5C;text-align:center;color:#FFF;line-height:25px;position:absolute;right:-12px;top:-10px;width:24px;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.close:hover{background:#B4120E;color:#FFF}
.close:before{display:none}
#scada-online{background:#02C39A;color:#FFF;padding:10px 20px;border-radius:4px}
#scada-online span{display:inline-block;}
#scada-online strong{display:block}
#scada-online i{font-size:40px;display:block;float:left;margin-right:10px}
#scada-error{width:1100px;margin:30px auto 0 auto;padding-top:30px;position:relative; border-top:1px solid #DDD;}
#scada-error h1{font-size:30px;line-height:30px;margin-top:0px;margin-bottom:20px;display:block}
#scada-error span {font-size:14px; height:24px; line-height:24px; margin-top:10px;font-weight:400;display:inline-block; margin-right:24px;}
#scada-error img{display:block;float:left;margin-right:8px;}
#scada-no-error{display:none}
#extra{width:1100px;margin:50px auto;}
#extra h1{margin-bottom:30px;border-bottom:1px solid #DDD;padding-bottom:30px}
#extra p{display:block}
#extra p{margin-bottom:40px}
.dgm-100{color:#1D2737;margin-top:20px;}
.dgm-101{color:#DDD;margin-top:20px;}
.dgm-102{color:#1D2737;margin-top:20px;}
.dgm-103{color:#35C5F3;margin-top:20px;}
.dgm-104{color:#FFF;margin-top:20px;}
.dgm-105{color:#FFF;margin-top:20px;}
.dgm-106{color:#FFF;margin-top:20px;}
.dgm-100 span{border:1px solid #1D2737;border-radius:4px;padding:0px 10px;display:inline-block;font-size:14px;line-height:24px;}
.dgm-101 span{border:1px solid #DDD;border-radius:4px;padding:0px 10px;display:inline-block;font-size:14px;line-height:24px;}
.dgm-102 span{border:1px solid #1D2737;border-radius:4px;padding:0px 10px;display:inline-block;font-size:18px;line-height:30px;}
.dgm-103 span{border:2px solid #35C5F3;border-radius:4px;padding:0px 20px;display:inline-block;font-size:24px;line-height:60px;font-weight:700}
.dgm-104 span{background:#35C5F3;border-radius:4px;padding:0px 20px;display:inline-block;font-size:24px;line-height:60px;font-weight:700}
.dgm-105 span{background:#1D2737;border-radius:4px;padding:0px 20px;display:inline-block;font-size:24px;line-height:60px;font-weight:700}
.dgm-106 span{background:#1D2737;border-radius:4px;padding:0px 10px;display:inline-block;font-size:14px;line-height:24px;}
.dgm-100 span:hover{color:35C5F3;border:1px solid #35C5F3}
.dgm-101 span:hover{color:35C5F3;border:1px solid #35C5F3}
.dgm-102 span:hover{color:35C5F3;border:1px solid #35C5F3}
.dgm-103 span:hover{color:#1D2737;border:2px solid #1D2737;}
.dgm-104 span:hover{color:#FFF;background:#1D2737;}
.dgm-105 span:hover{color:#FFF;background:#35C5F3;}
.dgm-106 span:hover{color:#FFF;background:#35C5F3;}
.f100{padding:2px 6px;border:1px solid #DDD;border-radius:4px;display:block;width:100% max-width:300px;;margin-bottom:10px;}
.f150{padding:15px 15px;border:2px solid #DDD;border-radius:4px;display:block;width:100%; max-width:300px;margin-bottom:10px;font-size:18px;}
.f200{padding:10px 15px;border:1px solid #DDD;border-radius:4px;display:block;width:100%; max-width:300px;margin-bottom:10px;}
.f250{padding:15px 15px;border:2px solid #DDD;border-radius:4px;display:block;width:100%; max-width:300px;margin-bottom:10px;font-size:18px;}
.f300{padding:10px 15px;border:1px solid #DDD;border-radius:4px;display:block;width:100%; max-width:300px;margin:10px 0;height:120px;}
.f350{padding:15px 15px;border:2px solid #DDD;border-radius:4px;display:block;width:100%; max-width:300px;margin-bottom:10px;height:180px;font-size:18px;}
.f400{padding:10px 20px;border:1px solid #02C39A;background:#02C39A;color:#FFF;border-radius:4px;display:inline-block;margin-top:20px;font-weight:700}
.f400:hover{border:1px solid #35C5F3;background:#35C5F3;}
#dpfast{display:block;float:left}
#detail-reports{width:1100px;margin:100px auto 20px auto;position:relative;}
#detail-reports h1{font-size:30px;line-height:30px;margin-bottom:10px;display:block;text-align:right}
#detail-reports h2{font-size:14px;font-weight:400;display:block;letter-spacing:10px;text-align:right;}
#dp-search{border-top:1px solid #DDD;padding-top:30px;margin-top:20px}
#dp-result{
	width: 670px;
	display: block;
	float: left;
	text-align:left}
	#dp-result h4 {margin-bottom:20px}
	
#dp-alert{width: 770px;display: block;float: left;text-align:left; font-size:12px; margin-bottom:20px;}
#dp-alert h4 {margin-bottom:2px; font-size:14px;}
#dp-alert span {display:block;width:calc(50% - 6px); border-radius:4px; background:#FFF; border:1px solid #EEE; line-height:14px; margin-right:4px; float:left; margin-bottom:2px;}
#dp-alert i {background:#EEE; width:160px; margin-right:8px; display:inline-block; padding:0px 8px;}
#xalert {margin-bottom:20px; display:block; margin-right:8px;}
#xalert:before, #xalert:after{display:table;content:'';}
#xalert:after{clear:both;}
#xalert span {display:inline-block; width:100%; border:none; border-radius:0; margin-top:4px; border-bottom:1px solid #EEE; text-align:right; padding-bottom:2px;}
#xalert i {background:none; color:#222;width:160px; display:inline-block; padding:0px; border:none; text-align:left; display:block; float:left}
.sayfa a {font-size:16px; margin:0 8px; font-weight:700}


.alertbar {width:670px; float:left; line-height:30px;}
.alertbar i {display:inline-block; text-align:center}
.e-pr:before {content:'\f02f'; font-weight:400; margin-right:5px;} 
.e-pc:before {content:'\f02f'; font-weight:400; margin-right:5px;} 


.e-pr { margin-left:60px; margin-right:20px;}
.e-save { margin-left:60px; margin-right:20px;}
.e-page {margin:0 10px}

.e-pp, .e-np {font-size:16px;}


.e-pp:before {content:'\f0a8'; font-weight:400; margin-right:5px;} 
.e-np:after {content:'\f0a9'; font-weight:400; margin-left:5px;} 
.e-sv:before {content:'\f0c7'; font-weight:400; margin-right:5px;}
.alertbar u {display:block}
.e-fr:before {content:'\f1c9'; font-weight:400; margin-right:5px;}
.ico-subs:before {content:'\f275'; font-weight:400; margin-right:5px; font-weight:400; font-size:12px; display:inline-block; float:left}


.dp-groups {border-top:1px solid #DDD;padding-top:30px;margin-top:20px}
.dp-groups h2 {width: 670px;display: block;float: left;text-align:left; font-size:12px; margin-bottom:20px;}

#dp-parameter{width:260px;margin-left:30px;padding-left:30px;display:block;float:right;border-left:1px solid #DDD}
#dp-parameter h2{margin-bottom:20px;display:block;letter-spacing:0px;font-weight:700;font-size:20px;line-height:20px;}
#dp-parameter h4{margin-top:0px;margin-bottom:5px;font-size:13px;display:block;letter-spacing:0px;font-weight:700;}
input[type=checkbox]{background:none;border:1px solid #DDD;height:14px;width:16px;display:block;float:left; margin:0px; margin-right:10px; margin-top:2px;border-radius:4px;}
#reports{width:1100px;margin:10px auto 0 auto;position:relative;}
#reports h2{border-top:1px solid #DDD;margin-top:30px;margin-bottom:30px;padding-top:30px;text-align:right;}
#reports h2 span{font-size:14px;line-height:14px;font-weight:400;display:inline-block;margin-left:10px;}
#interface{margin-top:110px;font-size:12px;line-height:20px;}
#smain{width:1100px;margin:30px auto 0 auto;position:relative;white-space:nowrap}
#skatman01{position:relative;z-index:-2}
#scada-100{position:absolute;top:40px;left:310px;z-index:9;font-size:16px;line-height:20px}
#smain img{display:block;position:relative}
#sc-esdop img, #sc-esdot img, #sc-esyeni01 img, #sc-esyeni02 img {float:right; margin-left:15px}
#smain i{text-decoration:none;display:inline-block;color:#1D2737;font-weight:400;border:2px solid #DDD;padding:0 5px;border-radius:4px;}
#smain u{text-decoration:none;display:block;font-weight:700;margin-bottom:-4px;position:relative;z-index:4;border-radius:4px}
#smain b{text-decoration:none;display:inline-block;font-weight:700;position:relative;z-index:9;border-radius:4px;line-height:30px;padding:0 5px;}
#smain v{text-decoration:none;display:inline-block;font-weight:700;position:relative;z-index:9;border-radius:4px;line-height:30px;left:-25px;top:-30px}
#smain qlite{text-decoration:none;display:inline-block;font-weight:300;position:relative;z-index:9;border-radius:4px;line-height:30px;left:-15px;top:-40px}
#smain div:hover{font-size:20px;}
#smain div:after{display:table;content:'';clear:both}
#smain div:hover u{color:#35C5F3;margin-bottom:-2px;font-weight:400}
#smain div:hover i{background:#35C5F3;transition:padding 0.2s linear;color:#FFF;font-weight:400;padding:0 10px;border:2px solid #35C5F3;}
#smain div:hover v{background:#35C5F3;transition:padding 0.2s linear;color:#FFF;font-weight:400;padding:0 5px;font-size:18px;}
#smain div:hover b{background:#35C5F3;transition:padding 0.2s linear;color:#FFF;font-weight:400;padding:0 10px;font-size:18px;}

#sc-esdot{position:absolute;top:50px;right:20px;}
#sc-esyeni01 {position:absolute;top:100px;right:20px;}
#sc-esyeni02 {position:absolute;top:150px;right:20px;}

#sc-pair{position:absolute;top:30px;left:530px;}
#sc-pair img{float:left;margin-right:15px;}
#sc-status{position:absolute;bottom:0px;left:30px;}
#sc-automanual01{position:absolute;bottom:0px;left:130px;} 
#sc-automanual02{position:absolute;bottom:0px;left:230px;}
#sc-gd2{position:absolute;top:145px;left:785px;}
#sc-tt3{position:absolute;top:260px;left:490px;}
#sc-tt4{position:absolute;top:250px;left:565px;}
#sc-pt2{position:absolute;top:200px;left:955px;}
#sc-tt5{position:absolute;top:375px;left:525px;}
#sc-tt2{position:absolute;top:40px;left:20px;}
#sc-tt1{position:absolute;top:110px;left:20px;}
#sc-pt1{position:absolute;top:180px;left:20px;}
#sc-gd1{position:absolute;top:180px;left:215px;}
#sc-18l{position:absolute;top:270px;left:56px;width:17px;height:12px;display:block;}
#sc-21l{position:absolute;top:290px;left:160px;width:17px;height:12px;}
#sc-132{position:absolute;top:270px;left:187px;width:17px;height:12px;}
#sc-gv7{position:absolute;top:294px;left:267px;width:17px;height:12px;}
#sc-gv8{position:absolute;top:275px;left:294px;width:17px;height:12px;}
#sc-aov{position:absolute;top:259px;right:60px;width:44px;height:55px;}
.yenitank {color:#FFF; font-weight:700; font-size:13px; position:absolute; z-index:999;}
.yenitank #tankp u{font-size:13px!important; padding:0;line-height:20px;  margin-bottom:-4px; font-weight:700; color:#FFF}
.yenitank:hover #tankp u{font-size:13px!important;line-height:20px;  padding:0; margin-bottom:-4px;font-weight:700; color:#FFF}
.yenitank #tankr u{font-size:13px!important;line-height:20px;  margin-top:5px;  padding:0; margin-bottom:-4px;font-weight:400; color:#FFF}
.yenitank:hover #tankr u{font-size:13px!important;line-height:20px;  margin-top:5px; padding:0; margin-bottom:-4px;font-weight:400; color:#FFF}


#tankbar{position:absolute;z-index:-3;}
#tankbar #tankp{position:absolute;top:40px;left:0;right:0;padding:10px;border-radius:4px;display:inline-block;font-size:15px;font-weight:700}
#tankbar #tankm3{position:absolute;bottom:15px;left:0;right:0;padding:10px;border-radius:4px;display:inline-block;}
.progress-bar-vertical{width:30px;min-height:48px;display:flex;align-items:flex-end;float:none;}
.progress-bar-vertical .progress-bar{width:100%;height:0;-webkit-transition:height 0.6s ease;-o-transition:height 0.6s ease;transition:height 0.6s ease;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}
to{background-position:0 0}
}
@-o-keyframes progress-bar-stripes{from{background-position:40px 0}
to{background-position:0 0}
}
@keyframes progress-bar-stripes{from{background-position:40px 0}
to{background-position:0 0}
}
.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#1D2737;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);}
.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#BC423F;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease;}
.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}
.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}
.progress-bar-success{background-color:#02C39A}
.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progress-bar-info{background-color:#5bc0de}
.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progress-bar-warning{background-color:#f0ad4e}
.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progress-bar-danger{background-color:#d9534f}
.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}



#quicklink{width:1100px;margin:0 auto;border-bottom:1px solid #DDD;padding-bottom:30px;}

#ql01{display:block;float:left;margin-right:50px;}
#ql02{display:block;float:left;margin-right:50px;line-height:20px;height:40px;border-right:1px solid #DDD;padding-right:50px}
#ql03{display:block;float:left;line-height:20px;height:40px;}
#sdtime{display:block}
#ql03 i{display:inline-block;margin-right:15px;}
#ql03 i:last-child{display:inline-block;margin-right:0px;}
#ql03 #title{display:block;font-weight:700;}
#ql04{display:block;float:right;}
#q-online{background:#02C39A;color:#FFF;line-height:40px;height:40px;padding:0 15px;border-radius:4px;display:inline-block;float:right;font-size:14px}
#q-online i{margin-right:10px;font-size:30px;line-height:40px;display:block;float:left}
#q-online span{display:block;float:left}
table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}
table.dataTable thead th,table.dataTable tfoot th{font-weight:700}
table.dataTable thead th,table.dataTable thead td{padding:0px;border:1px solid #DDD;}
table.dataTable thead th:active,table.dataTable thead td:active{outline:none}
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc{cursor:pointer;*cursor:hand}
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{background-repeat:no-repeat;background-position:center right}
table.dataTable thead .sorting{background-image:url("sort_both.png")}
table.dataTable thead .sorting_asc{background-image:url("sort_asc.png")}
table.dataTable thead .sorting_desc{background-image:url("sort_desc.png")}
table.dataTable thead .sorting_asc_disabled{background-image:url("sort_asc_disabled.png")}
table.dataTable thead .sorting_desc_disabled{background-image:url("sort_desc_disabled.png")}
table.dataTable tbody tr{background-color:#FFF}
table.dataTable tbody tr.selected{background-color:#B0BED9}
table.dataTable tbody th,table.dataTable tbody td{padding:0px}
table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border:1px solid #DDD;}
table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}
table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}
table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}
table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}
table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}
table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}
table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}
table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}
table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}
table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}
table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}
table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}
table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}
table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}
table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}
table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}
table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}
table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}
table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}
table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}
table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}
table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}
table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}
table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}
table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}
table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}
table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px 4px 4px}
table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}
table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}
table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}
table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}
table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}
table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}
table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}
table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}
table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}
table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}
table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}
table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}
table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}
table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}
table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}
table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}
table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}
table.dataTable,table.dataTable th,table.dataTable td{-webkit-box-sizing:content-box;box-sizing:content-box}
.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}
.dataTables_wrapper .dataTables_length{float:left}
.dataTables_wrapper .dataTables_filter{float:right;text-align:right}
.dataTables_wrapper .dataTables_filter input{margin-left:10px}
.dataTables_wrapper .dataTables_info{clear:both;float:left;margin-top:25px;}
.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:0.25em;margin-top:15px;}
.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:0.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;border:1px solid transparent;border-radius:4px}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#1D2737 !important;border:1px solid #DDD;background:none;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{color:#CCC;}
.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;}
.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}
.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;background-color:white;}
.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{margin-bottom:20px}
.dataTables_wrapper .dataTables_scroll{clear:both}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td{vertical-align:middle}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,.dataTables_wrapper.no-footer div.dataTables_scrollBody table{border-bottom:none}
.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}
@media screen and (max-width:767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}
.dataTables_wrapper .dataTables_paginate{margin-top:0.5em}
}
@media screen and (max-width:640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}
.dataTables_wrapper .dataTables_filter{margin-top:0.5em}
}
.ytable {width:100%; border-radius:5px;}
.ytable tr{border:1px solid #DDD;}
//.ytable td {border:1px;padding:0px 4px; line-height:24px; width:100%}


select{border-radius:0.25em;border:1px solid #DDD;height:24px;line-height:24px;padding:0px; margin-bottom:4px;}
select:focus{outline:none}
input:focus{outline:none}
input{border-radius:0.25em;border:1px solid #DDD;height:24px;line-height:24px;padding:0px 4px; margin-bottom:4px;}
.newrecord, .tankrecord {text-align:left; font-size:12px}
.newrecord table, .tankrecord table {text-align: left}
.newrecord h2, .tankrecord h2 {margin:30px 0 0 0}
.newrecord input, .newrecord select {width:100%; max-width:240px}
.newrecord input[type='checkbox'] {width:20px; float:left; text-align:left}
.savebutton {background:#02C39A; color:#FFF; border:none; margin-top:10px; padding:5px 10px; font-size:14px; font-weight:700}

label {display:block; height:18px; overflow:hidden; line-height:16px;}
.sbar {max-height:160px;overflow-y:scroll; margin-bottom:20px;}
.sbard {max-height:160px;overflow-y:scroll; margin-bottom:20px;}
.dbar {margin-bottom:20px}

::-webkit-scrollbar {width:10px;height:10px;}
::-webkit-scrollbar-button {width:0px;height:0px;}
::-webkit-scrollbar-thumb {background:#35C5F3;border:0px none #DDD;border-radius:0px;}
::-webkit-scrollbar-thumb:hover {background:#35C5F3;}
::-webkit-scrollbar-thumb:active {background:#35C5F3;}
::-webkit-scrollbar-track {background:#EEE;border:0px none #DDD;border-radius:0px;}
::-webkit-scrollbar-track:hover {background:#EEE;}
::-webkit-scrollbar-track:active {background:#EEE;}
::-webkit-scrollbar-corner {background:transparent;}


#par-range:before {content:'\f274'; margin-right:5px; font-weight:400}
#par-subs:before {content:'\f0c0'; margin-right:5px; font-weight:400}
#par-alert:before {content:'\f0f3'; margin-right:5px; font-weight:400}

.left_text{overflow:hidden;text-align:left;margin-left:10px;}
.right_text{overflow:hidden;text-align:right;margin-right:20px;}

.progress2{height:20px;overflow:hidden;background-color:#1D2737;border-radius:0px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);}
.progress-bar2{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:green;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease;}
.progress-bar4{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:orange;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease;}
.progress3{height:20px;overflow:hidden;background-color:gray;border-radius:0px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);}
.progress-bar3{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:red;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease;}


#scada2017_wrapper label {display:block; height:22px; overflow:hidden; line-height:16px;}

#login{margin:0 auto;width:300px;text-align:center;color:#CCC}
#login a{color:#CCC}
#login a:hover{color:#35C5F3}
#login01{min-height:calc(100vh - 40px);display:flex;justify-content:center;flex-direction:column;margin:20px 0;}
#login #ite, #login #iep{display:block}
#login h1{font-size:20px;display:block;font-weight:400;margin-top:15px;margin-bottom:50px;letter-spacing:4px;}
#login h2{font-size:20px;display:block;font-weight:700;margin-top:30px;margin-bottom:0px;}
#login h3{font-size:14px;display:block;font-weight:400;margin-top:20px;letter-spacing:10px;}
#loginbutton{color:#CCC;font-size:24px;font-weight:700;margin-bottom:60px;display:block}
#loginbutton:before{content:'\f177';margin-right:10px;font-weight:400}
#loginbutton:hover{color:#35C5F3}
#loginform{margin-top:50px}
#loginform label {height:40px; line-height:40px}
@media screen and (max-width:767px){#login h1{font-size:13px;display:block;font-weight:400;margin-top:5px;margin-bottom:50px;color:#CCC;letter-spacing:5px;}
#login #logo img{width:200px;height:40px}
}
.cd-form input{background:none;line-height:60px;border:1px solid #35C5F3;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none;width:100%;letter-spacing:4px}
.cd-form input::-ms-clear, .cd-form textarea::-ms-clear{display:none;}
.cd-form .fieldset{position:relative;margin:20px 0;}
.cd-form .fieldset:first-child{margin-top:0;}
.cd-form .fieldset:last-child{margin-bottom:0;}
.cd-form label.image-replace{display:inline-block;position:absolute;left:20px;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:30px;width:30px;overflow:hidden;text-indent:100%;white-space:nowrap;color:transparent;text-shadow:none;background-repeat:no-repeat;background-position:50% 0;}
.cd-form label.cd-username{background-image:url("cd-icon-username.svg");}
.cd-form label.cd-password{background-image:url("cd-icon-password.svg");}
.cd-form input{margin:0;padding:0;border-radius:0.25em;color:#35C5F3; height:60px; line-height:60px}
.cd-form input.has-padding{padding:0 0 0 70px;}
.cd-form input:focus{outline:none;}
.cd-form input.has-error{border:1px solid #CCC;}
.cd-form input[type=password]{padding-right:65px;}
.cd-form input[type=submit]{padding:0px 35px;cursor:pointer;background:#35C5F3;border:1px solid #35C5F3;color:#FFF;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;font-weight:700;font-size:24px;letter-spacing:0px}
.cd-form input[type=submit]:hover{background:#02C39A;border:1px solid #02C39A;color:#FFF}
.cd-form input[type=button]{padding:0px 35px;cursor:pointer;background:#35C5F3;border:1px solid #35C5F3;color:#FFF;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;font-weight:700;font-size:24px;letter-spacing:0px}
.cd-form input[type=button]:hover{background:#02C39A;border:1px solid #02C39A;color:#FFF}
.cd-form .hide-password:before{content:'\f06e';margin-right:5px}
.cd-form .hide-password{display:inline-block;position:absolute;right:0;top:0;padding:4px 10px;border:1px solid #35C5F3;color:#35C5F3;top:50%;border-radius:0.25em;margin-right:20px;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.cd-form .cd-error-message{display:inline-block;position:absolute;left:-5px;bottom:-35px;background:rgba(215, 102, 102, 0.9);padding:.8em;z-index:2;color:#FFF;border-radius:0.25em;pointer-events:none;visibility:hidden;opacity:0;-webkit-transition:opacity 0.2s 0, visibility 0 0.2s;-moz-transition:opacity 0.2s 0, visibility 0 0.2s;transition:opacity 0.2s 0, visibility 0 0.2s;}
.cd-form .cd-error-message::after{content:'';position:absolute;left:22px;bottom:100%;height:0;width:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(215, 102, 102, 0.9);}
.cd-form .cd-error-message.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.2s 0, visibility 0 0;-moz-transition:opacity 0.2s 0, visibility 0 0;transition:opacity 0.2s 0, visibility 0 0;}
.cd-form-message{padding:1.4em 1.4em 0;}


.dataTables_length label {line-height:24px; height:24px}
#subscriber_list_table_filter label {line-height:24px; height:24px}
#subscriber_list_table td, #subscriber_list_table tr {line-height:20px}
#scada2017 tr {line-height:16px}