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(/files/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;min-height:calc(100vh - 100px);width:calc(100% - 40px);max-width:100%;margin:0 20px 24px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}
#nheader{width:calc(100% - 70px);max-width:1400px;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:9999;}
.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 .header-nav > ul > li > ul{top:40px;}
.cbp-af-header.cbphs .header-nav > ul > li > a{line-height:40px;}
.cbp-af-header.cbphs .header-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;}
.header-nav{text-align:right;float:right;margin-right:0;}
.header-nav > ul{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:wrap;}
.header-nav > ul > li{display:inline-block;position:relative;}
.header-nav > ul > li > a{margin:0 15px;color:#CCC;overflow:hidden;line-height:80px;}
.header-nav > ul > li > a:hover{color:#1D2737;outline:none;}
.header-nav > ul > li:hover{outline:none;background:#CCC;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.header-nav > ul > li:hover ul{display:block;opacity:1;visibility:visible;}
.header-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:15px 0 10px 0;overflow:visible;z-index:999999;border-radius:0px 0px 0.25em 0.25em;text-align:left}
.header-nav > ul > li > ul > li > a{display:block;line-height:30px;color:#1D2737;position:relative;padding-left:45px;}
.header-nav > ul > li > ul > li > a:hover{font-weight:700;}
.header-nav > ul > li > ul > li > a:before{content:'';position:absolute;left:0;bottom:15px;height:1px;width:30px;background-color:#1D2737;}
.header-nav > ul > li:hover > a{color:#1D2737}
.navacik{overflow:hidden;}
.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:10000;height:80px;width:50px;overflow:hidden;text-indent:100%;white-space:nowrap;background:#35C5F3;border:0;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.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:9999;top:0;left:0;height:100%;width:100%;background:url(/files/bg-navacik.svg) no-repeat #1D2737;background-position:right -40px top 80px;visibility:hidden;opacity:0;-webkit-transition:opacity 0.3s ease, visibility 0.3s ease;-moz-transition:opacity 0.3s ease, visibility 0.3s ease;transition:opacity 0.3s ease, visibility 0.3s ease;}
.sticky .smenu-wrapper{overflow-y:auto;-webkit-overflow-scrolling:touch;width:calc(100% - 40px);max-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:100%}
.smenu-wrapper #logo h1{font-size:13px;margin-top:10px;display:block;font-weight:400;color:#CCC;letter-spacing:5px;}
.navacik .sticky{visibility:visible;opacity:1;}
.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:8px;}
.sticky .cdnav-title{display:block;position:relative;font-size:20px;font-weight:700;margin-bottom:15px;color:#35C5F3;padding-bottom:10px;}
.mrt20{margin-top:20px}
.sticky .cdnav-title: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);}
@media screen and (max-width:1024px){
.cbp-af-header{height:auto;min-height:80px;}
#nheader{width:auto;max-width:none;margin:0;padding:16px 72px 16px 16px;display:flex;align-items:center;justify-content:space-between;min-height:80px;}
.cbp-af-header #blogo{margin:0;float:none;max-width:calc(100% - 20px);}
.cbp-af-header #mlogo{margin:0;float:none;}
.cbp-af-header #blogo a,.cbp-af-header #mlogo a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.cbp-af-header #blogo img,.cbp-af-header #mlogo img{max-width:140px;height:auto;}
#blogo h1{font-size:10px;line-height:1.4;letter-spacing:2px;margin-top:0;}
.header-nav{display:none;}
.sticky-trigger{top:0;right:0;width:64px;height:80px;}
.sticky-trigger svg{width:64px;height:80px;}
.navacik .sticky-trigger{width:64px;}
.sticky{background:#1D2737;}
.sticky .smenu-wrapper{width:100%;max-width:none;height:100vh;padding:96px 20px 24px;align-items:flex-start;}
.sticky i{margin-bottom:24px;}
#support{line-height:24px;margin-bottom:24px;}
.sticky .cdnv{margin-top:0;margin-bottom:24px;}
.sticky .cdnav2{width:100%;float:none;margin-bottom:18px;}
.stickyalt{display:flex;flex-direction:column;gap:12px;padding-top:20px;}
.sticky span{display:block;margin-right:0;}
#index{margin-top:120px;}
}
@media screen and (max-width:640px){
.cbp-af-header{min-height:72px;}
#nheader{padding:12px 56px 12px 12px;min-height:72px;}
.sticky-trigger{width:56px;height:72px;}
.sticky-trigger svg{width:56px;height:72px;}
.navacik .sticky-trigger{width:56px;}
.sticky .smenu-wrapper{padding:84px 16px 20px;}
.smenu-wrapper #logo img{width:160px;height:auto;}
.smenu-wrapper #logo h1{font-size:11px;letter-spacing:3px;}
.sticky .cdnav-title{font-size:18px;}
}
#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:min(1100px, calc(100% - 40px));margin:120px 20px 16px 20px;position:static !important;left:auto !important;top:auto !important;display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;overflow:visible !important;line-height:normal !important;z-index:auto !important}
#extra h1{margin-bottom:30px;border-bottom:1px solid #DDD;padding-bottom:30px}
#extra p{display:block;margin:0}
#extra .dgm-106{margin-top:0;display:inline-flex}
#extra + #index{margin-top:0}
.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;display:inline-flex;align-items:center;}
.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:5px;padding:0 14px;display:inline-flex;align-items:center;font-size:13px;font-weight:600;line-height:30px;letter-spacing:0.03em;transition:background 0.15s,box-shadow 0.15s;box-shadow:0 1px 4px rgba(0,0,0,0.18);}
.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;box-shadow:0 2px 8px rgba(53,197,243,0.35);}
.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;}

#ql-refresh{display:block;margin-top:10px;}
#ql-refresh span{display:block;font-weight:700;font-size:12px;}
#ql-refresh select{display:block;margin-top:2px;}
#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("/files/sort_both.png")}
table.dataTable thead .sorting_asc{background-image:url("/files/sort_asc.png")}
table.dataTable thead .sorting_desc{background-image:url("/files/sort_desc.png")}
table.dataTable thead .sorting_asc_disabled{background-image:url("./files/sort_asc_disabled.png")}
table.dataTable thead .sorting_desc_disabled{background-image:url("/files/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;}


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;}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dt-buttons,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate{
	margin-bottom:12px;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dt-buttons{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:8px;
}
.dataTables_wrapper .dataTables_length{
	float:left;
}
.dataTables_wrapper .dt-buttons{
	float:left;
	margin-right:12px;
}
.dataTables_wrapper .dataTables_filter{
	float:right;
	margin-left:auto;
}
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:8px;
	height:auto;
	line-height:normal;
	overflow:visible;
	margin:0;
	white-space:nowrap;
}
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input{
	height:32px;
	line-height:32px;
	margin:0;
}
.dataTables_wrapper .dataTables_length select{
	padding:0 8px;
	min-width:72px;
}
.dataTables_wrapper .dataTables_filter input{
	margin-left:0;
	padding:0 10px;
	min-width:220px;
}
.dataTables_wrapper .dt-buttons .dt-button{
	margin:0 !important;
	min-height:32px;
	line-height:1.2;
}
.dataTables_wrapper:after{
	content:"";
	display:block;
	clear:both;
}
.dataTables_wrapper .dataTables_scroll{
	clear:both;
}
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dt-buttons{
	min-height:32px;
}
.dataTables_wrapper .dataTables_filter{
	position:relative;
	z-index:1;
}
.scada-table-toolbar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:12px 16px;
	margin-bottom:14px;
}
.scada-table-toolbar__left,
.scada-table-toolbar__right{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:10px 12px;
}
.scada-table-toolbar__right{
	margin-left:auto;
	justify-content:flex-end;
}
.scada-table-toolbar .dt-buttons,
.scada-table-toolbar .dataTables_length,
.scada-table-toolbar .dataTables_filter{
	float:none;
	margin:0;
}
.scada-table-toolbar .dataTables_filter{
	margin-left:0;
}
.scada-table-toolbar .dataTables_filter label{
	white-space:nowrap;
}
.scada-table-toolbar .dgm-106,
.scada-table-toolbar .dgm-106 span{
	margin-top:0;
}
.scada-table-toolbar.is-empty{
	display:none;
}
.newrecord, .tankrecord {text-align:left; font-size:13px}
.newrecord table, .tankrecord table {text-align:left; width:100%; max-width:100%;}
.newrecord td, .tankrecord td {padding:5px 10px 5px 0; vertical-align:middle;}
.newrecord td:first-child, .tankrecord td:first-child {white-space:nowrap; font-weight:600; color:#1D2737;}
.newrecord h2, .tankrecord h2 {margin:20px 0 8px 0; font-size:13px; color:#35C5F3; text-transform:uppercase; letter-spacing:0.05em; border-bottom:1px solid #eee; padding-bottom:4px;}
.newrecord input, .newrecord select, .tankrecord input, .tankrecord select, .tankrecord textarea {width:100%; max-width:none; box-sizing:border-box; padding:5px 8px; border:1px solid #CCC; border-radius:3px; font-size:13px; line-height:1.4; min-height:34px; background:#fff; font-family:'Play', sans-serif;}
.newrecord input:focus, .newrecord select:focus, .tankrecord input:focus, .tankrecord select:focus, .tankrecord textarea:focus {border-color:#35C5F3; outline:none; box-shadow:0 0 0 2px rgba(53,197,243,0.15);}
.newrecord input[type='checkbox'], .tankrecord input[type='checkbox'] {width:16px; height:16px; min-height:16px; float:none; padding:0; margin:0;}
.savebutton {background:#02C39A; color:#FFF; border:none; margin-top:14px; padding:8px 22px; font-size:13px; font-weight:700; border-radius:4px; cursor:pointer; transition:background 0.15s;}
.savebutton:hover {background:#019477;}
@media screen and (max-width:520px){
  .newrecord td, .tankrecord td,
  .newrecord tr, .tankrecord tr {display:block;}
  .newrecord td:first-child, .tankrecord td:first-child {padding-bottom:2px; padding-top:8px; white-space:normal; font-size:11px; min-width:0;}
  .newrecord td:last-child, .tankrecord td:last-child {padding-top:0;}
}

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

.cbp-af-header,
.cbp-af-header a,
.cbp-af-header h1,
.header-nav,
.header-nav a,
.sticky,
.sticky a,
.sticky .cdnav-title,
.smenu-wrapper #logo h1{
	font-family:'Play', sans-serif;
	text-decoration:none;
}

.cbp-af-header a:hover,
.sticky a:hover,
.modal .ui-tabs .ui-tabs-nav li a:hover{
	text-decoration:none;
}

.blocker{
	z-index:10020;
	padding:16px;
}

.modal{
	z-index:10021;
	width:90%;
	max-width:1200px;
	max-height:calc(100vh - 32px);
	overflow-x:hidden;
	overflow-y:auto;
}

.modal a.close-modal{
	top:8px;
	right:8px;
}

.modal .newrecord,
.modal .tankrecord,
.modal .bootstrap-duallistbox-container,
.modal .ui-tabs-panel{
	max-width:100%;
	overflow-x:auto;
}

.modal .ui-widget,
.modal .ui-widget input,
.modal .ui-widget select,
.modal .ui-widget textarea,
.modal .ui-widget button,
.ui-dialog,
.ui-dialog input,
.ui-dialog select,
.ui-dialog textarea,
.ui-dialog button{
	font-family:'Play', sans-serif;
}

.modal .ui-tabs .ui-tabs-nav li a,
.ui-dialog .ui-dialog-titlebar{
	text-decoration:none;
}

.ui-widget-overlay{
	z-index:10030 !important;
}

.ui-front,
.ui-dialog{
	z-index:10040 !important;
}

::-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;}

@media screen and (max-width:767px){
	#extra{
		width:calc(100% - 24px);
		margin:96px 12px 12px 12px;
		justify-content:center;
	}
	.dataTables_wrapper .dataTables_length,
	.dataTables_wrapper .dt-buttons,
	.dataTables_wrapper .dataTables_filter,
	.dataTables_wrapper .dataTables_info,
	.dataTables_wrapper .dataTables_paginate{
		float:none;
		justify-content:center;
		text-align:center;
	}
	.dataTables_wrapper .dataTables_filter{
		margin-left:0;
	}
	.dataTables_wrapper .dataTables_filter label{
		justify-content:center;
		white-space:normal;
	}
	.dataTables_wrapper .dataTables_filter input{
		min-width:160px;
		width:100%;
		max-width:280px;
	}
	.scada-table-toolbar,
	.scada-table-toolbar__left,
	.scada-table-toolbar__right{
		justify-content:center;
	}
	.scada-table-toolbar__right{
		margin-left:0;
		width:100%;
	}
}


#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,
#users_list_table_wrapper label,
#subscriber_list_table_wrapper label,
#device_group_list_table_wrapper label,
#region_list_table_wrapper label,
#user_groups_list_table_wrapper label,
#alerts_code_list_table_wrapper label,
#alerts_device_list_table_wrapper label{
	display:flex;
	height:auto;
	overflow:visible;
	line-height:normal;
	align-items:center;
	flex-wrap:wrap;
	gap:8px;
}

#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}
#message{margin-top:16px;min-height:24px;font-size:13px;line-height:1.5;color:#CCC}
#message.error{color:#F25F5C}
#message.success{color:#02C39A}
@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("/files/cd-icon-username.svg");}
.cd-form label.cd-password{background-image:url("/files/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=submit][disabled]{opacity:.7;cursor:wait}
.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}

table.dataTable,
table.dataTable th,
table.dataTable td{
	box-sizing:border-box;
}

table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td,
table.dataTable > tbody > tr > th,
table.dataTable > tbody > tr > td,
table.dataTable > tfoot > tr > th,
table.dataTable > tfoot > tr > td{
	margin:0 !important;
	padding:0 !important;
	text-align:center !important;
	vertical-align:middle !important;
}

table.dataTable > tbody > tr > th,
table.dataTable > tbody > tr > td{
	max-width:240px;
	white-space:normal;
	overflow-wrap:anywhere;
	word-break:break-word;
}

table.dataTable.nowrap > tbody > tr > th,
table.dataTable.nowrap > tbody > tr > td,
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap{
	max-width:none;
	white-space:nowrap;
	overflow-wrap:normal;
	word-break:normal;
}

table.dataTable > thead > tr > th div.dt-column-header,
table.dataTable > thead > tr > td div.dt-column-header,
table.dataTable > tfoot > tr > th div.dt-column-footer,
table.dataTable > tfoot > tr > td div.dt-column-footer,
table.dataTable > thead > tr > th div.dt-column-title,
table.dataTable > thead > tr > td div.dt-column-title,
table.dataTable > tfoot > tr > th div.dt-column-title,
table.dataTable > tfoot > tr > td div.dt-column-title,
table.dataTable > thead > tr > th div.dt-column-order,
table.dataTable > thead > tr > td div.dt-column-order{
	margin:0 !important;
	padding:0 !important;
	gap:0 !important;
	justify-content:center !important;
	text-align:center !important;
}

table.dataTable > thead > tr > th > *,
table.dataTable > thead > tr > td > *,
table.dataTable > tbody > tr > th > *,
table.dataTable > tbody > tr > td > *,
table.dataTable > tfoot > tr > th > *,
table.dataTable > tfoot > tr > td > *{
	margin:0;
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date,
table.dataTable th.dt-left,
table.dataTable td.dt-left,
table.dataTable th.dt-right,
table.dataTable td.dt-right,
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left,
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right,
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center{
	text-align:center !important;
}

table.dataTable th.dt-type-numeric div.dt-column-header,
table.dataTable th.dt-type-date div.dt-column-header,
table.dataTable td.dt-type-numeric div.dt-column-header,
table.dataTable td.dt-type-date div.dt-column-header,
table.dataTable th.dt-left div.dt-column-header,
table.dataTable td.dt-left div.dt-column-header,
table.dataTable th.dt-right div.dt-column-header,
table.dataTable td.dt-right div.dt-column-header,
table.dataTable thead th.dt-head-left div.dt-column-header,
table.dataTable thead td.dt-head-left div.dt-column-header,
table.dataTable thead th.dt-head-right div.dt-column-header,
table.dataTable thead td.dt-head-right div.dt-column-header,
table.dataTable thead th.dt-head-center div.dt-column-header,
table.dataTable thead td.dt-head-center div.dt-column-header{
	flex-direction:row !important;
	justify-content:center !important;
}

.dt-container,
.dataTables_wrapper{
	position:relative;
	clear:both;
}

.dt-container .dt-layout-row{
	margin:0 0 12px 0 !important;
}

.dt-container .dt-layout-row--empty{
	display:none !important;
}

.dt-container .dt-layout-cell{
	display:flex !important;
	align-items:center !important;
	flex-wrap:wrap !important;
	gap:8px !important;
}

.dt-container .dt-length,
.dt-container .dt-search,
.dt-container .dt-buttons,
.dt-container .dt-info,
.dt-container .dt-paging{
	margin:0;
}

.dt-container .dt-length{
	display:flex !important;
	flex-direction:column-reverse !important;
	align-items:flex-start !important;
	gap:4px !important;
}

.dt-container .dt-length label,
.dt-container .dt-search label,
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label{
	display:flex !important;
	align-items:center !important;
	flex-wrap:wrap !important;
	gap:8px !important;
	height:auto !important;
	line-height:normal !important;
	overflow:visible !important;
	margin:0 !important;
	white-space:nowrap !important;
}

.dataTables_wrapper .dataTables_length label{
	flex-direction:column !important;
	align-items:flex-start !important;
}

.dt-container .dt-length select,
.dt-container .dt-search input,
.dt-container .dt-input{
	height:32px !important;
	line-height:32px !important;
	margin:0 !important;
	box-sizing:border-box !important;
}

.dt-container .dt-length select,
.dataTables_wrapper .dataTables_length select{
	min-width:72px !important;
	padding:0 8px !important;
}

.dt-container .dt-search input,
.dataTables_wrapper .dataTables_filter input{
	min-width:220px !important;
	padding:0 10px !important;
	margin-left:0 !important;
}

.dt-container .dt-buttons .dt-button,
.dataTables_wrapper .dt-buttons .dt-button{
	margin:0 !important;
	min-height:32px !important;
	line-height:1.2 !important;
}

.dt-container .dt-search,
.dt-container .dt-length,
.dt-container .dt-buttons{
	min-height:32px !important;
}

.dt-container .dt-search{
	position:relative;
	z-index:1;
}

.dt-container .dt-layout-cell.dt-layout-end{
	justify-content:flex-end !important;
	margin-left:auto !important;
}

.dt-container .dt-paging{
	display:flex !important;
	justify-content:flex-end !important;
	width:100%;
}

.dt-container .dt-paging nav{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	flex-wrap:wrap;
	gap:6px;
	margin-left:auto;
	padding:6px 8px;
	border:1px solid #d7e3ef;
	border-radius:999px;
	background:#f7fbff;
	box-shadow:0 1px 2px rgba(29,39,55,0.06);
}

.dt-container .dt-paging .dt-paging-button{
	min-width:34px;
	height:34px;
	padding:0 10px !important;
	margin:0 !important;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border:1px solid transparent !important;
	border-radius:10px !important;
	background:#ffffff !important;
	color:#1D2737 !important;
	font-weight:700;
	line-height:1 !important;
	box-shadow:none !important;
	transition:background-color 0.15s ease,border-color 0.15s ease,color 0.15s ease,transform 0.15s ease;
}

.dt-container .dt-paging .dt-paging-button:hover:not(.disabled):not(.current){
	background:#e9f7fd !important;
	border-color:#9ddff3 !important;
	color:#1287ad !important;
	transform:translateY(-1px);
}

.dt-container .dt-paging .dt-paging-button.current,
.dt-container .dt-paging .dt-paging-button.current:hover{
	background:#35C5F3 !important;
	border-color:#35C5F3 !important;
	color:#ffffff !important;
}

.dt-container .dt-paging .dt-paging-button.disabled,
.dt-container .dt-paging .dt-paging-button.disabled:hover,
.dt-container .dt-paging .dt-paging-button.disabled:active{
	opacity:.45;
	color:#8fa1b3 !important;
	background:#f3f6f9 !important;
	border-color:transparent !important;
	transform:none;
}

.dt-container .dt-paging .ellipsis{
	padding:0 4px;
	color:#6b7a88;
	font-weight:700;
}

.scada-table-toolbar .dt-buttons,
.scada-table-toolbar .dt-length,
.scada-table-toolbar .dt-search,
.scada-table-toolbar .dataTables_length,
.scada-table-toolbar .dataTables_filter{
	float:none;
	margin:0;
}

.scada-table-toolbar .dt-search,
.scada-table-toolbar .dataTables_filter{
	margin-left:0;
}

.scada-table-toolbar .dt-search label,
.scada-table-toolbar .dataTables_filter label{
	white-space:nowrap;
}

@media screen and (max-width:767px){
	.dt-container .dt-search input{
		min-width:160px;
		width:100%;
		max-width:280px;
	}

	.dt-container .dt-layout-row,
	.dt-container .dt-layout-cell{
		justify-content:center;
	}

	.dt-container .dt-layout-cell.dt-layout-end{
		justify-content:center !important;
		width:100%;
	}

	.dt-container .dt-paging{
		justify-content:center !important;
	}

	.dt-container .dt-paging nav{
		justify-content:center;
		margin-left:0;
	}
}