/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}
abbr[title]{border-bottom:0;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}
summary{display:list-item}template{display:none}[hidden]{display:none}.FlipAnimation{-webkit-animation-name:FlipAnimation;animation-name:FlipAnimation;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}
@-webkit-keyframes FlipAnimation{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes FlipAnimation{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}#settings{color:#807e7d}
#settings-text{color:var(--contentTextColor);font-size:16px;font-weight:600;top:-3px;font-family:'Segoe UI Web (West European)','Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,'Helvetica Neue',sans-serif;display:inline;top:3px;left:40px;position:absolute;white-space:nowrap}
.settings-content{color:var(--contentTextColor);padding:10px;border-bottom:#807e7d69;border-width:1px;border-bottom-style:solid;-webkit-transition:all 200ms;-o-transition:all 200ms;transition:all 200ms}
.settings-content:hover{background-color:var(--company-color);color:var(--text-color)}
.settings-content:hover #settings-text{color:var(--text-color)}>i.ms-Icon{padding:10px}
.material-switch{width:40px;height:28px;position:relative;cursor:pointer}.material-switch.enabled .guide{background:#7a7a7a}
.material-switch.enabled .toggle{background:var(--company-color);-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}
.material-switch:active .toggle{background:#f6f6f6;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.36),0 0 1px rgba(0,0,0,0.12);box-shadow:0 1px 2px rgba(0,0,0,0.36),0 0 1px rgba(0,0,0,0.12)}
.material-switch .guide{position:absolute;width:50px;height:25px;top:8px;left:2px;background:rgba(34,31,31,0.26);border-radius:30px;-webkit-transition:background .15s ease;-o-transition:background .15s ease;transition:background .15s ease;will-change:background}
.material-switch .toggle{position:absolute;height:25px;width:25px;border-radius:50%;top:8px;left:0;background:red;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.24),0 0 1px rgba(0,0,0,0.12);box-shadow:0 1px 1px rgba(0,0,0,0.24),0 0 1px rgba(0,0,0,0.12);-webkit-transition:background .15s ease,-webkit-box-shadow .15s ease,-webkit-transform .15s ease;transition:background .15s ease,-webkit-box-shadow .15s ease,-webkit-transform .15s ease;-o-transition:background .15s ease,box-shadow .15s ease,transform .15s ease;transition:background .15s ease,box-shadow .15s ease,transform .15s ease;transition:background .15s ease,box-shadow .15s ease,transform .15s ease,-webkit-box-shadow .15s ease,-webkit-transform .15s ease;will-change:background,box-shadow,transform}
.SlideDown-button{opacity:.5;pointer-events:none}.knobs,.layer{position:absolute;top:0;right:0;bottom:0;left:0}
.buttonslide{position:relative;width:85px;height:36px;overflow:hidden;margin-left:10px}
.buttonslide.b2{border-radius:2px}.checkbox{position:relative;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;z-index:3}
.knobs{z-index:2}.layer{width:100%;background-color:#e2e2e2;-webkit-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all;z-index:1}
#button-10 .knobs:before,#button-10 .knobs:after,#button-10 .knobs span{position:absolute;top:4px;width:30px;height:10px;font-size:10px;font-weight:bold;text-align:center;line-height:1;padding:9px 4px;border-radius:2px;-webkit-transition:.1s ease all;-o-transition:.1s ease all;transition:.1s ease all}
#button-10 .knobs:before{content:'';left:4px;background-color:green}
#button-10 .knobs:after{content:'Not Active';right:2px;top:-1px;color:#4e4e4e}
#button-10 .knobs span{display:inline-block;left:4px;color:#fff;z-index:1}#button-10 .checkbox:checked+.knobs span{color:#4e4e4e}
#button-10 .checkbox:checked+.knobs:before{left:44px;width:30px;background-color:red}
#button-10 .checkbox:checked+.knobs:after{color:#fff}.scatecfun{background-color:var(--scatec-color);outline:0;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--text-color);padding:8px 32px;cursor:pointer;border:1px solid var(--text-color);font-size:16px;display:inline-block;text-align:center;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;margin-top:28px;height:37px;width:100%}
.scatecfun:hover{color:White;background-color:#212121;border:1px solid #212121;-webkit-box-shadow:0 0 5px #212121;box-shadow:0 0 5px #212121}
.pmmfun{background-color:var(--pmm-color);outline:0;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--text-color);padding:8px 32px;cursor:pointer;border:1px solid var(--text-color);font-size:16px;display:inline-block;text-align:center;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;margin-top:28px;height:37px;width:100%}
.pmmfun:hover{color:White;background-color:#212121;border:1px solid #212121;-webkit-box-shadow:0 0 5px #212121;box-shadow:0 0 5px #212121}
.alhazaafun{background-color:var(--alhazaa-color);outline:0;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--text-color);padding:8px 32px;cursor:pointer;border:1px solid var(--text-color);font-size:16px;display:inline-block;text-align:center;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;margin-top:28px;height:37px;width:100%}
.alhazaafun:hover{color:White;background-color:#212121;border:1px solid #212121;-webkit-box-shadow:0 0 5px #212121;box-shadow:0 0 5px #212121}
@media(max-width:768px){.nav-bar-button{opacity:.5;pointer-events:none}.SlideDown-button{opacity:1;pointer-events:visible}
}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{height:100vh;width:100%;overflow:hidden;-webkit-font-smoothing:antialiased;background-color:#fff;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
#app{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}
#app>.app-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-flex:0;-webkit-flex:0 1 53px;-ms-flex:0 1 53px;flex:0 1 53px;height:48px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;background-color:var(--company-color);color:var(--text-color);border-bottom:1px solid #e2e2e2}
#app>.app-header>.app-header-left-region{-webkit-box-flex:0;-webkit-flex:0 0 48px;-ms-flex:0 0 48px;flex:0 0 48px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:transparent;height:53px}
#app>.app-header>.app-header-center-region{display:block;position:relative;background-color:transparent;width:-webkit-calc(100% - 48px - 48px);width:calc(100% - 48px - 48px)}
#app>.app-header>.app-header-center-region>.app-header-center-region-left{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
#app>.app-header>.app-header-center-region>.app-header-center-region-left>.app-header-center-region-wrapper{position:relative;-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:53px;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
#app>.app-header>.app-header-center-region>.app-header-center-region-left>.app-header-center-region-wrapper>.app-header-center-region-01{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;height:53px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
#app>.app-header>.app-header-center-region>.app-header-center-region-left>.app-header-center-region-wrapper>.app-header-center-region-01>.app-header-center-region-02{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;min-width:150px;height:53px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
#app>.app-header>.app-header-center-region>.app-header-center-region-left>.app-header-center-region-wrapper>.app-header-center-region-01>.app-header-center-region-02>.app-brand{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-width:auto;height:53px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
#app>.app-header>.app-header-center-region>.app-header-center-region-left>.app-header-center-region-wrapper>.app-header-center-region-01>.app-header-center-region-02>.app-brand>button{display:inline-block;background:0;border:0;margin:0;padding:0;outline:0;height:auto;padding-right: 0px;}
#app>.app-header>.app-header-center-region>.app-header-center-region-left>.app-header-center-region-wrapper>.app-header-center-region-01>.app-header-center-region-02>.app-brand>button>span{font-size:16px;font-weight:600;padding:0 12px 0 8px;color:#232323;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:53px}
#app>.app-header>.app-header-center-region>.app-header-center-region-left>.app-header-center-region-wrapper>.app-header-center-region-01>.app-header-center-region-02>.app-brand>button>svg{width:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
#app>.app-header>.app-header-center-region>.app-header-center-region-left>.app-header-center-region-wrapper>.app-header-center-region-01>.app-header-center-region-02>.app-brand>button ~ .separator{display:inline-block;width:2px;margin:10px 0;vertical-align:middle;background-color:var(--company-color)}
#app>.app-header>.app-header-center-region>.app-header-center-region-left>.app-header-center-region-wrapper>.app-header-center-region-01>.app-header-center-region-02>.app-brand>button ~ .app-title{font-size:16px;font-weight:600;padding:0 0 0 10px;color:var(--text-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:53px}
#app>.app-header>.app-header-center-region>.app-header-center-region-left>.app-header-center-region-wrapper>.app-header-right-icons{-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-align-self:self-start;-ms-flex-item-align:self-start;align-self:self-start;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:collapse;padding-right:25px}
#app>.app-header>.app-header-right-region{-webkit-box-flex:0;-webkit-flex:0 0 48px;-ms-flex:0 0 48px;flex:0 0 48px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:#fefefe;height:0;width:48px}
#app>.app-header>.app-header-right-region .user-icon-container{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:48px;width:48px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;cursor:pointer;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}
#app>.app-header>.app-header-right-region .user-icon-container .base-button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:32px;height:32px;text-decoration:none;border:0;margin:0;outline:0;cursor:pointer;background-color:transparent}
#app>.app-header>.app-header-right-region .user-icon-container .user-icon{width:32px;height:32px;background-color:var(--text-color);border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#app>.app-header>.app-header-right-region .user-icon-container .user-icon:hover{background: var(--company-color);filter: brightness(70%);color: var(--text-color)!important;}
#app>.app-header>.app-header-right-region .user-icon-container .user-icon>span{color:var(--company-color);font-size:15px;font-family:"Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;}
#app>.app-content{-webkit-box-flex:0;-webkit-flex:0 1 100vh;-ms-flex:0 1 100vh;flex:0 1 100vh;height:-webkit-calc(100vh - 53px);height:calc(100vh - 53px);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;background-color:transparent}
#app>.app-content>.app-content-left{-webkit-box-flex:0;-webkit-flex:0 1 100%;-ms-flex:0 1 100%;flex:0 1 100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fefefe;-webkit-transition:all 100ms ease-in-out;-o-transition:all 100ms ease-in-out;transition:all 100ms ease-in-out;-webkit-transition-property:-webkit-box-flex,-webkit-flex;transition-property:-webkit-box-flex,-webkit-flex;-o-transition-property:flex;transition-property:flex;transition-property:flex,-webkit-box-flex,-webkit-flex,-ms-flex}
#app>.app-content>.app-content-left>.app-content-left-header{-webkit-box-flex:0;-webkit-flex:0 0 45px;-ms-flex:0 0 45px;flex:0 0 45px;background-color:transparent;height:45px;width:100%;border-bottom:1px solid #e2e2e2}
#app>.app-content>.app-content-left>.app-content-left-content{-webkit-box-flex:0;-webkit-flex:0 1 100%;-ms-flex:0 1 100%;flex:0 1 100%;background-color:transparent;height:100%}
#app>.app-content>.app-content-left>.app-content-left-footer{display:none;-webkit-box-flex:0;-webkit-flex:0;-ms-flex:0;flex:0;-webkit-box-flex:45px;-webkit-flex-grow:45px;-ms-flex-positive:45px;flex-grow:45px;background-color:transparent;height:48px}
#app>.app-content>.app-content-right{-webkit-box-flex:0;-webkit-flex:0 1 100%;-ms-flex:0 1 100%;flex:0 1 100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:-webkit-calc(100% - 53px);width:calc(100% - 53px)}
#app>.app-content>.app-content-right>.app-content-right-header{display:none;-webkit-box-flex:0;-webkit-flex:0 0 40px;-ms-flex:0 0 40px;flex:0 0 40px;background-color:#fefefe;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e2e2e2}
#app>.app-content>.app-content-right>.app-content-right-content{z-index:-1;-webkit-box-flex:0;-webkit-flex:0 1 100%;-ms-flex:0 1 100%;flex:0 1 100%;background-color:var(--backgroundColor);height:100%;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:10px;border-left:1px solid #e2e2e2}
#app>.app-content>.app-content-right>.app-content-right-footer{-webkit-box-flex:0;-webkit-flex:0;-ms-flex:0;flex:0;background-color:#fff;height:0}
.inner-page-header{border-bottom:.5px solid #e2e2e2;background:#f4f4f4;height:45px;padding-left:20px;margin:-10px -10px 10px -10px}
.inner-page-header .inner-page-header-title{height:45px;line-height:45px}.inner-page-header .inner-page-header-title>span.page-title{display:inline-block;font-weight:500;font-size:18px;height:45px;line-height:45px;color:#484848;padding-left:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.inner-page-header .inner-page-header-title>i.ms-Icon{color:#484848;font-size:18px}
.hover-button{background-color:transparent}.active-button{background-color:transparent}
.dx-datebox-datetime{margin-right:0;width:100%}h1{padding:0 5px}.underlined{text-decoration:underline}
#data-spreadsheet{margin-top:20px}@media(max-width:768px){.app-brand button{display:none;width:0}
.app-brand button svg{visibility:collapse;display:none;width:0}.inner-page-header .inner-page-header-title>span.page-title{font-size:13px}
.inner-page-header .inner-page-header-title>i.fas{font-size:14px !important}}.FixedToolBar{position:fixed;width:100%;z-index:1}
.ContentForFixedToolBar{margin-top:25px}.default-button{color:#232323}.ButtonIcon{outline:0;border:0;background:transparent;cursor:pointer;font-size:32px;color:var(--company-color)}
.ButtonIcon:hover{color:#000}.base-button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:48px;background-color:transparent}
.base-icon-button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%;width:48px;background-color:transparent}
.base-button-sidebar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:-webkit-calc(48px + 20px);width:calc(48px + 20px);-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative}
.base-button-sidebar .sidebar-button{text-decoration:none;border:0;margin:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;height:33px;width:40px;margin:auto auto;cursor:pointer;background-color:transparent;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color;pointer-events:auto;color:DimGrey;background-color:#ccc}
.base-button-sidebar .sidebar-button:hover{color:var(--text-color);background-color:var(--company-color)}
.base-button-sidebar .sidebar-button:active{color:#212121;background-color:var(--company-color)}
.base-button-sidebar .sidebar-button .fas{font-size:16px}.base-icon-button .icon-button{text-decoration:none;border:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;height:48px;width:48px;cursor:pointer;background-color:transparent;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}
.base-icon-button .icon-button>i{color:DimGray}.base-icon-button .icon-button:hover,.base-icon-button .icon-button:hover .ms-Icon{color:var(--company-color);filter: brightness(70%);}
.base-icon-button .icon-button:active{background-color:transparent}.base-icon-button .icon-button .ms-Icon{font-size:16px;color:var(--text-color);margin:2px 0 0 0}
.base-icon-button .icon-button svg{width:48px;height:100%}.base-icon-button .icon-button .lg{font-size:20px}
.base-button{width:-webkit-calc(48px + 20px);width:calc(48px + 20px)}
.base-button .logo-button{text-decoration:none;border:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;height:33px;width:100px;margin:7px;vertical-align:middle;cursor:pointer;background-color:transparent;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.base-button .logo-button img{margin-top:-7px;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.base-button .logo-button:hover img{-webkit-transform:rotateX(0) rotateY(180deg);transform:rotateX(0) rotateY(180deg)}
.base-button .logo-button:hover img .stymbol-orange{-webkit-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.base-button .logo-button:active{background-color:var(--company-color)}.base-button .logo-button .ms-Icon{font-size:16px;color:#232323;margin:2px 0 0 0}
.base-button .logo-button svg{width:48px;height:48px;margin-top:-8px;margin-left:2px;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.base-button .logo-button svg .stymbol-orange{-webkit-transition:all 600ms ease-in-out;-o-transition:all 600ms ease-in-out;transition:all 600ms ease-in-out}
.base-button .logo-button .lg{font-size:20px}.success-index{width:100%;height:40px;color:white;border:0;outline:0;cursor:pointer;-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;background-color:#16a085}
.success-index:hover{color:black;background-color:#adaaaa !important}.green{color:white;margin-top:20px;height:40px;border:0;font-size:15px;outline:0;cursor:pointer;background-color:#52be80 !important;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.fa-stop{color:#c70606}button.red{height:40px;color:#fbfafa;font-size:15px;background-color:#e74c3c !important;margin-top:20px;cursor:pointer;border:0;outline:0}
.base-button .icon-button-sidebar{text-decoration:none;border:0;margin:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;height:40px;width:40px;margin-left:4px;margin-top:4px;cursor:pointer;color:var(--contentTextColor);background-color:transparent;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color;tab-index:0;pointer-events:auto}
.base-button .icon-button-sidebar:hover{background-color:#edebe7}.base-button .icon-button-sidebar:active{background-color:#e3e1df}
.base-button .icon-button-sidebar .ms-Icon{font-size:16px;color:var(--contentTextColor);}.base-button .icon-button-sidebar .lg{font-size:20px}
.generationStopON{width:100%;height:40px;color:#fff;font-weight:600;cursor:pointer;display:inline-block;padding:6px 10px;margin-bottom:10px;background-color:gray;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;background-color:red;border-style:none;-webkit-animation:glowingred 1s step-start infinite;animation:glowingred 1s step-start infinite}
.generationStartOFF{width:100%;height:40px;background:#807e7d;border-style:none;color:#fff;font-weight:600;cursor:pointer;display:inline-block;padding:6px 10px;margin-bottom:10px;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
@-webkit-keyframes glowinggreen{50%{background-color:#006400}}@keyframes glowinggreen{50%{background-color:#006400}
}@-webkit-keyframes glowingred{50%{background-color:#8f0000}}@keyframes glowingred{50%{background-color:#8f0000}
}.success{width:100%;height:30px;margin-top:8px;border:0;outline:0;color:white;cursor:pointer;-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;float:right;padding:5px 5px;background-color:#16a085}
.success:hover{color:black;background-color:#adaaaa !important}button.primary{outline:0;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:black;background-color:white;padding:8px 32px;cursor:pointer;border:1px solid Black;font-size:16px;display:inline-block;text-align:center;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}
button.primary:hover{color:White;background-color:#212121;border:1px solid #212121;-webkit-box-shadow:0 0 5px #212121;box-shadow:0 0 5px #212121}
button.scatec{outline:0;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:black;background-color:white;padding:8px 32px;cursor:pointer;border:1px solid Black;font-size:16px;display:inline-block;text-align:center;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;user-select:none}
button.scatec:hover{color:black;background-color:white;border:1px solid #ff9600;-webkit-box-shadow:0 0 5px #ff9600;box-shadow:0 0 5px #ff9600}
button.orange{height:35px;color:#fff;font-weight:bold;background-color:#f8971d;margin-top:10px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;padding:10px 40px;width:100%;outline:0;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
button.orange span.icon>i.ms-icon{font-size:20px;color:#fff}button.orange:hover{color:White;background-color:#212121}
button.orange:active{-webkit-box-shadow:0 0 5px #212121;box-shadow:0 0 5px #212121}
button.login-button{outline:0;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#f8971d;font-weight:600;background-color:#484848;padding:8px 32px;cursor:pointer;border:1px solid #484848;font-size:16px;display:inline-block;text-align:center;-webkit-box-shadow:0 0 5px #484848;box-shadow:0 0 5px #484848;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}
button.login-button:hover{font-weight:600;color:#484848;background-color:#f8971d;border:1px solid #f8971d;-webkit-box-shadow:0 0 5px #f8971d;box-shadow:0 0 5px #f8971d}
button.alarmbtn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:32px;height:32px;text-decoration:none;border:0;margin:0;outline:0;cursor:pointer;background-color:transparent;position:absolute;top:8px;right:45px}
button.alarmbtn .fas{width:32px;height:32px;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff}
button.alarmbtn .fas:hover{background:var(--company-color);filter: brightness(70%);}.alarmNum{position:absolute;font-weight:700;top:4px;font-size:9px;right:43px;background:#ffffffad;height:18px;width:18px;border-radius:50%;text-align:center;color:var(--company-color);padding-top:3px;cursor:pointer}
#old{position:absolute;top:16px;font-size:20px;right:84px;display:none}.OnOld{color:green}
.OffOld{color:red}@media(min-width:720px){.base-button .logo-button:hover svg{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);margin-left:-3px}
}a{color:#232323;text-decoration:none}a:active{color:#fff;text-decoration:none}a:visited{color:#232323;text-decoration:none}
a.account-menu-links{display:block;margin-top:4px;line-height:19px;color:var(--contentTextColor);font-weight:600;text-decoration:none;cursor:pointer}
a.account-menu-links:hover{text-decoration:underline}a.account-menu-links:active{text-decoration:underline}
a.account-menu-links:visited{text-decoration:underline}.headerTitleLink1{color:#a5a5a5 !important;cursor:pointer}
.headerTitleLink1:hover{text-decoration:underline}.headerTitleLink2{color:var(--company-color)}
.headerTitleLink2:active{color:var(--company-color)}nav#sidebar{-webkit-transition:width 200ms ease-in-out;-o-transition:width 200ms ease-in-out;transition:width 200ms ease-in-out;width:-webkit-calc(20px + 48px);width:calc(20px + 48px);height:100%;background-color:#fefefe;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
nav#sidebar section.navbar-group{width:100%;height:auto;display:block}nav#sidebar section.navbar-group header.navbar-header{height:48px;line-height:48px;width:100%}
nav#sidebar section.navbar-group header.navbar-header:hover{background-color:var(--company-color)}
nav#sidebar section.navbar-group header.navbar-header:hover .base-button button.nav-item .fas{color:var(--text-color);font-size:15px}
nav#sidebar section.navbar-group header.navbar-header:hover .base-button button.nav-item span{color:var(--text-color);text-shadow:0 0 .65px #212121,0 0 .65px #333}
nav#sidebar section.navbar-group header.navbar-header:active{background-color:var(--company-color)}
nav#sidebar section.navbar-group header.navbar-header:active .base-button button.nav-item .fas{color:var(--text-color);font-size:15px}
nav#sidebar section.navbar-group header.navbar-header:active .base-button button.nav-item span{color:#212121;text-shadow:0 0 .65px #212121,0 0 .65px #333}
nav#sidebar section.navbar-group header.navbar-header .base-button{background:transparent;width:100%}
nav#sidebar section.navbar-group header.navbar-header .base-button button.nav-item{background-color:transparent;border:0;outline:0;padding:0;height:48px;line-height:48px;width:100%;text-align:left;white-space:nowrap;overflow:hidden;cursor:pointer}
nav#sidebar section.navbar-group header.navbar-header .base-button button.nav-item .fas{width:-webkit-calc(20px + 48px);width:calc(20px + 48px);height:48px;display:block;text-align:center;float:left;color:DimGrey;margin-top:15px;text-shadow:1px 1px 3px rgba(var(--company-color),0.5)}
nav#sidebar section.navbar-group header.navbar-header .base-button button.nav-item span{color:DimGrey;display:inline;overflow:hidden;width:100%;font-size:14px;padding:0;-webkit-transition:text-shadow .3s;-o-transition:text-shadow .3s;transition:text-shadow .3s}
nav#sidebar section.navbar-group section.navbar-items{height:auto;display:none;line-height:45px;width:100%}
nav#sidebar section.navbar-group section.navbar-items .groupitem{height:45px;line-height:45px;width:100%;cursor:pointer}
nav#sidebar section.navbar-group section.navbar-items .groupitem .base-button button.nav-item .fas{margin-top:10px}
nav#sidebar section.navbar-group section.navbar-items .groupitem:hover{background-color:var(--company-color)}
nav#sidebar section.navbar-group section.navbar-items .groupitem:hover .base-button button.nav-item .fas{color:#212121;font-size:15px}
nav#sidebar section.navbar-group section.navbar-items .groupitem:hover .base-button button.nav-item span{color:#212121;text-shadow:0 0 .65px #212121,0 0 .65px #333}
nav#sidebar section.navbar-group section.navbar-items .groupitem:active{background-color:var(--company-color)}
nav#sidebar section.navbar-group section.navbar-items .groupitem:active .base-button button.nav-item .fas{color:#212121;font-size:15px}
nav#sidebar section.navbar-group section.navbar-items .groupitem:active .base-button button.nav-item span{color:#212121;text-shadow:0 0 .65px #212121,0 0 .65px #333}
nav#sidebar section.navbar-group section.navbar-items .groupitem:hover::after{content:attr(data-itemname);display:block;position:relative;top:-45px;left:-webkit-calc(20px + 48px);left:calc(20px + 48px);width:100px;padding:0;color:#212121;background:var(--company-color);cursor:pointer;-webkit-transition:color 100ms ease-in-out;-o-transition:color 100ms ease-in-out;transition:color 100ms ease-in-out}
nav#sidebar section.navbar-group section.navbar-items .groupitem:active::after{content:attr(data-itemname);display:block;position:relative;top:-45px;left:-webkit-calc(20px + 48px);left:calc(20px + 48px);width:100px;padding:0;color:#212121;background:var(--company-color);cursor:pointer}
nav#sidebar section.navbar-group section.navbar-items .groupitem .base-button{background:transparent;width:100%}
nav#sidebar section.navbar-group section.navbar-items .groupitem .base-button button.nav-item{background-color:transparent;border:0;outline:0;padding:0;height:45px;line-height:45px;width:100%;text-align:left;white-space:nowrap;overflow:hidden;cursor:pointer}
nav#sidebar section.navbar-group section.navbar-items .groupitem .base-button button.nav-item .fas{width:-webkit-calc(20px + 48px);width:calc(20px + 48px);height:45px;display:block;text-align:center;float:left;color:DimGrey;text-shadow:1px 1px 3px rgba(var(--company-color),0.5)}
nav#sidebar section.navbar-group section.navbar-items .groupitem .base-button button.nav-item span{color:DimGrey;display:inline;overflow:hidden;width:100%;font-size:14px;padding:0;-webkit-transition:text-shadow .3s;-o-transition:text-shadow .3s;transition:text-shadow .3s}
nav#header-navbar{margin-left:80px;height:53px;line-height:53px}nav#header-navbar ul{display:block;z-index:20}
nav#header-navbar ul>li{height:45px;line-height:45px;position:relative;display:inline-block;text-decoration:none;cursor:pointer;text-align:center;padding:0 10px;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease}
nav#header-navbar ul>li>i{padding-right:5px;font-size:16px;vertical-align:bottom;color:var(--text-color);text-shadow:1px 1px 3px rgba(var(--company-color),0.5);position:relative;bottom:14px}
nav#header-navbar ul>li:hover a{color:#232323;text-shadow:0 0 2px rgba(35,35,35,0.2)}
nav#header-navbar ul>li:hover>ul{visibility:visible;opacity:1;display:block}nav#header-navbar ul>li:active>a{color:Black;text-shadow:0 0 2px rgba(0,0,0,0.2)}
nav#header-navbar ul>li::after{content:'';background:var(--company-color);display:block;position:absolute;width:0;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);height:3px;margin-top:-10px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
nav#header-navbar ul>li:hover::after{width:100%}nav#header-navbar ul>li:active::after>li a{background-color:Black}
nav#header-navbar ul>li>a{cursor:pointer;text-align:center;text-decoration:none;height:48px;font-size:14px;font-weight:500;color:var(--text-color);text-shadow:0 0 2px rgba(35,35,35,0.2);-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;padding-right:5px}
nav#header-navbar ul>li>a>i.fas{color:DimGray}nav#header-navbar ul>li>ul{background:gray;visibility:hidden;opacity:0;width:200px;position:absolute;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;margin-top:0;left:0;display:none}
nav#header-navbar ul>li>ul>li{display:inline-block;text-decoration:none;cursor:pointer;text-align:left;clear:both;width:200px;background-color:#f9f9f9;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;border-bottom:1px solid #e2e2e2}
nav#header-navbar ul>li>ul>li>a{cursor:pointer;text-align:left;text-decoration:none;color:var(--company-color);display:inline-block;height:100%;width:100%}
nav#header-navbar ul>li>ul>li:hover{background-color:var(--company-color)}nav#header-navbar ul>li>ul>li:active{background-color:var(--company-color)}
nav#header-navbar ul>li>ul>li:hover>a{color:var(--text-color)}nav#header-navbar ul>li>ul>li:active>a{color:var(--text-color)}
nav#header-navbar ul>li>ul>li::after{content:'';display:none}
nav#small-navbar{position:absolute;top:53px;width:100vw;background-color:#fff;height:100vh;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none}
nav#small-navbar ul{height:100%;list-style-type:none;display:block;margin:0;padding:0}
nav#small-navbar ul li{display:block;position:relative;border-bottom:1px solid #f3f3f3}
nav#small-navbar ul li a{text-decoration:none;display:block;position:relative;height:38px;line-height:48px;padding-left:10px;cursor:pointer}
nav#small-navbar ul li a:hover{background-color:#f3f3f3}nav#small-navbar ul li a:hover i{color:var(--company-color);text-shadow:1px 1px 1px rgba(var(--company-color),0.8)}
nav#small-navbar ul li a i{margin-right:10px;vertical-align:middle;height:48px;line-height:48px;font-size:16px;color:#000;text-shadow:1px 1px 1px rgba(0,0,0,0.8)}
nav#small-navbar ul li a span{height:48px;line-height:48px;vertical-align:middle}
nav#small-navbar ul li>ul{display:none}nav#small-navbar ul li>ul>li{border-top:1px solid #f3f3f3}
nav#small-navbar ul li>ul>li:last-child{border:0}nav#small-navbar ul li>ul>li>a{padding-left:20px;margin:0}
nav#small-navbar ul li>ul>li>a:hover{background-color:#f3f3f3}nav#small-navbar ul li>ul>li>a>i{color:Dimgrey}
nav#small-navbar ul li>ul>li>a>span{color:Dimgrey}nav.hidden{display:none}@media(min-width:0){nav#header-navbar{display:block}
}@media(max-width:765px){#app>.app-header>.app-header-center-region>.app-header-center-region-left>.app-header-center-region-wrapper>.app-header-right-icons{visibility:visible}
}@media(max-width:765px){nav#header-navbar{display:none}nav#header-navbar.toggled{display:none}
.app-brand button{display:none;width:0}.app-brand button img{visibility:collapse;display:none;width:0}
.app-header-center-region-02{min-width:0 !important}}nav.secondNavbar{
       background:var(--backgroundColor);position:absolute;top:0px;height:100%;width:300px;-webkit-transition:all 200ms;-o-transition:all 200ms;transition:all 200ms;-webkit-box-shadow:rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;    box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;display:none
                }
nav.secondNavbar .secodSidebar-header{background:#fff}nav.secondNavbar .secodSidebar-header .secondSidebar-icon{display:inline}
nav.secondNavbar .secodSidebar-header .secondSidebar-icon .logo-button{text-decoration:none;border:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;height:33px;width:48px;margin-top:-1px;margin-bottom:9px;margin-right:10px;vertical-align:middle;cursor:pointer;background-color:var(--company-color);-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
nav.secondNavbar .secodSidebar-header .secondSidebar-icon .logo-button img{margin-top:-7px;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
nav.secondNavbar .secodSidebar-header .secondSidebar-icon .logo-button img:hover{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
nav.secondNavbar .secodSidebar-header .secondSidebar-title{display:inline}nav.secondNavbar .secodSidebar-header .secondSidebar-title img{position:absolute;top:13px}
nav.secondNavbar hr{border-top:1px solid var(--company-color)}nav.secondNavbar>span{font:600 20px SegoeUI-SemiBold-final,Segoe UI Semibold,SegoeUI-Regular-final,Segoe UI,"Segoe UI Web (West European)",Segoe,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Tahoma,Helvetica,Arial,sans-serif;display:inline-block;margin:5px 0 5px 10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
nav.secondNavbar .secondSidebar-content{overflow-y:scroll;height:86%}nav.secondNavbar .secondSidebar-content section.navbar-group{outline:0}
nav.secondNavbar .secondSidebar-content section.navbar-group a header.navbar-header{outline:0}
nav.secondNavbar .secondSidebar-content section.navbar-group a header.navbar-header .base-button{outline:0;width:100%}
nav.secondNavbar .secondSidebar-content section.navbar-group a header.navbar-header .base-button button.nav-item{outline:0;width:100%;text-align:left;height:45px;border:0;padding:10px}
nav.secondNavbar .secondSidebar-content section.navbar-group a header.navbar-header .base-button button.nav-item .fas{padding-right:10px}
nav.secondNavbar .secondSidebar-content section.navbar-group header.navbar-header{outline:0}
nav.secondNavbar .secondSidebar-content section.navbar-group header.navbar-header .base-button{outline:0;width:100%}
nav.secondNavbar .secondSidebar-content section.navbar-group header.navbar-header .base-button button.nav-item{outline:0;width:100%;text-align:left;height:45px;border:0;background:#f3f2f1;padding:10px;color:#000}
nav.secondNavbar .secondSidebar-content section.navbar-group header.navbar-header .base-button button.nav-item .fas{padding-right:10px}
nav.secondNavbar .secondSidebar-content section.navbar-group header.navbar-header .base-button button.nav-item:hover{background:dimgray;color:var(--text-color);cursor:pointer}
nav.secondNavbar .secondSidebar-content section.navbar-group section.navbar-items{display:none;outline:0}
nav.secondNavbar .secondSidebar-content section.navbar-group section.navbar-items a .groupitem .base-button{outline:0;width:100%}
nav.secondNavbar .secondSidebar-content section.navbar-group section.navbar-items a .groupitem .base-button button.nav-item{outline:0;width:100%;text-align:left;height:45px;border:0;padding-left:20px;background-color:#ffff;color:DimGrey}
nav.secondNavbar .secondSidebar-content section.navbar-group section.navbar-items a .groupitem .base-button button.nav-item .fas{padding-right:10px}
nav.secondNavbar .secondSidebar-content section.navbar-group section.navbar-items a .groupitem .base-button button.nav-item:hover{background:var(--company-color);color:var(--text-color);cursor:pointer}
.secondSidebar-content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#f5f5f5}
.secondSidebar-content::-webkit-scrollbar{width:6px;height:6px;background-color:#f5f5f5}
.secondSidebar-content::-webkit-scrollbar-thumb{background-color:var(--company-color)}
#btnCloseSecondSidebar{font-size:25px;padding-left:10px;padding-right:5px;padding-top:14px;cursor:pointer;color:DimGrey}
#btnCloseSecondSidebar:hover{color:var(--company-color)}#btnOpenSecondSidebar{font-size:16px;padding-top:17px;padding-left:12px;cursor:pointer;color:var(--text-color)}
#btnOpenSecondSidebar{font-size:16px;padding-top:17px;padding-right: 17px;padding-left:16px;cursor:pointer;color:var(--text-color)}
#btnOpenSecondSidebar:hover{color:var(--text-color);background: var(--company-color);filter:brightness(70%);}.popup{position:absolute;display:none;z-index:1;top:0;left:0;width:320px;height:100vh;pointer-events:auto}

#btnOpenedSecondSidebar{font-size:16px;padding-top:17px;padding-left:12px;cursor:pointer;color:var(--company-color);padding-right: 15px;padding-bottom: 15px;}
#btnOpenedSecondSidebar:hover{background: #f3f2f1;}


.popup>.popup-overlay{position:relative;background-color:transparent;top:0;left:0;width:320px;height:100%;display:block;pointer-events:auto}
.popup>.popup-overlay>.popup-container{width:320px;height:100%;background-color:white;position:absolute}
.popup>.popup-overlay>.popup-container>.popup-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%}
.popup>.popup-overlay>.popup-container>.popup-content>.content-header{display:block;height:53px;line-height:1;pointer-events:none}
.popup>.popup-overlay>.popup-container>.popup-content>.content-header>.content-header-left{display:inline-block;pointer-events:auto}
.popup>.popup-overlay>.popup-container>.popup-content>.content-items{width:-webkit-calc(100% - 6px);width:calc(100% - 6px)}
.popup>.popup-overlay>.popup-container>.popup-content>.content-items>h2.title-item{font:600 22px SegoeUI-SemiBold-final,Segoe UI Semibold,SegoeUI-Regular-final,Segoe UI,"Segoe UI Web (West European)",Segoe,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Tahoma,Helvetica,Arial,sans-serif;display:inline-block;margin:30px 0 20px 18px}
.popup-account{position:absolute;display:none;z-index:1;top:53px;right:0;width:320px;height:100vh;pointer-events:true;background-color:transparent}
.popup-account>.popup-overlay{position:relative;background-color:transparent;top:0;left:0;width:320px;height:100%;display:block;pointer-events:true}
.popup-account>.popup-overlay>.popup-container{width:320px;height:100%;background-color:var(--backgroundColor);color: var(--contentTextColor);position:absolute}
.popup-account>.popup-overlay>.popup-container>.popup-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%}
.popup-account>.popup-overlay>.popup-container>.popup-content .content-header{display:block;height:50px;line-height:1;pointer-events:none}
.popup-account>.popup-overlay>.popup-container>.popup-content .content-header-left{display:inline-block;pointer-events:all}
.popup-account>.popup-overlay>.popup-container>.popup-content .content-header-right{display:inline-block;float:right;height:48px;width:48px}
.popup-account>.popup-overlay>.popup-container>.popup-content .content-items{width:-webkit-calc(100% - 6px);width:calc(100% - 6px);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.overlay{background-color:rgba(226,226,226,0.2)}.shadow{-webkit-box-shadow:rgba(0,0,0,0.22) 0 25.6px 57.6px 0,rgba(0,0,0,0.18) 0 4.8px 14.4px 0;box-shadow:rgba(0,0,0,0.22) 0 25.6px 57.6px 0,rgba(0,0,0,0.18) 0 4.8px 14.4px 0}
h2.title-item1{color:var(--contentTextColor);font:600 20px SegoeUI-SemiBold-final,Segoe UI Semibold,SegoeUI-Regular-final,Segoe UI,"Segoe UI Web (West European)",Segoe,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Tahoma,Helvetica,Arial,sans-serif;display:inline-block;margin:20px 0 20px 16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.account-info-panel{display:table;width:100%}.account-info-panel2{display:block;height:100%;width:100%;overflow-y:scroll}
.account-info-panel2::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#f5f5f5}
.account-info-panel2::-webkit-scrollbar{width:6px;background-color:#f5f5f5}.account-info-panel2::-webkit-scrollbar-thumb{background-color:var(--company-color)}
.account-info-group{display:table-cell;vertical-align:middle;height:100%;width:50%;padding-left:16px;padding-right:16px;padding-bottom:15px;padding-top:37px}
.account-info-group-right{white-space:nowrap;padding-left:10px;overflow:hidden;display:table-cell;vertical-align:middle;padding-left:2px;padding-right:16px;padding-bottom:15px;padding-top:37px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.account-info-group-right span{display:block}.account-info-container{display:inline-block}
.bold{font-weight:600}.normal{font-weight:normal}.font-16{font-size:16px}.font-14{font-size:14px}
.user-icon-container{-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;display:inline-block}
.user-icon-container>button.base-button{text-decoration:none;width:88px;height:88px;border:0;margin:0;outline:0;background-color:transparent;display:inline-block}
.user-icon-container>button.base-button>.user-icon{width:88px;height:88px;background-color:var(--contentTextColor);border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.user-icon-container>button.base-button>.user-icon>span{color:#fff;font-weight:600;font-size:44px;font-family:"Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;margin-top:-4px}
.user-icon-container>button.base-button>.user-icon>.fas{color:var(--backgroundColor);font-size:30px;padding-left:7px}
.app-button{display:block;height:50px;border:0;padding:10px;padding-right:0;width:148px;-webkit-transition:all 100ms ease-in-out;-o-transition:all 100ms ease-in-out;transition:all 100ms ease-in-out;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;-o-transition-property:box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow;float:left;height:100%}
.app-button a{color:#232323;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid transparent;height:48px;line-height:normal;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:border-color 83ms linear,color,-webkit-box-shadow 83ms linear;transition:border-color 83ms linear,color,-webkit-box-shadow 83ms linear;-o-transition:border-color 83ms linear,box-shadow 83ms linear,color;transition:border-color 83ms linear,box-shadow 83ms linear,color;transition:border-color 83ms linear,box-shadow 83ms linear,color,-webkit-box-shadow 83ms linear}
.app-button a .app-button-icon{font-size:26px;color:inherit}.app-button a .app-button-icon img{width:38px;height:38px;vertical-align:middle;margin-left:5px}
.app-button a .app-button-icon svg{width:38px;height:38px;vertical-align:middle;margin-left:10px}
.app-button a .app-button-icon i{color:#232323;font-size:16px}.app-button a .app-button-text{color:var(--contentTextColor);display:inline-block;max-width:100%;font:14px SegoeUI-Regular-final,Segoe UI,"Segoe UI Web (West European)",Segoe,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Tahoma,Helvetica,Arial,sans-serif;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-align:left;margin-top:12px;margin-left:5px;margin-right:10px;white-space:nowrap;-webkit-transition:color 83ms linear;-o-transition:color 83ms linear;transition:color 83ms linear}
.app-button a:hover{-webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,0.1);box-shadow:0 8px 16px 0 rgba(0,0,0,0.1);color:Black;border-style:solid;border-color:var(--company-color)}
.app-button a:active{-webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);box-shadow:0 1px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.app-button a:visited{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.account-add{display:table-cell;vertical-align:middle;padding-left:16px;padding-right:16px;padding-bottom:15px;padding-top:37px}
.addNewAppbtn{outline:0;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--text-color);background-color:var(--company-color);padding:8px 32px;margin-top:20px;cursor:pointer;border:1px solid var(--text-color);font-size:16px;display:inline-block;text-align:center;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;height:37px;width:100%}
.addNewAppbtn:hover{color:White;background-color:#212121;border:1px solid #212121;-webkit-box-shadow:0 0 5px #212121;box-shadow:0 0 5px #212121}
.panel{height:217px;display:block;z-index:0;margin-top:10px;background:var(--widgetsSubBackgroundColor);color:var(--widgetsContentTextColor);-webkit-box-shadow:0 0 1px rgba(48,48,48,0.2);box-shadow:0 0 1px rgba(48,48,48,0.2);padding:0 10px;border:1px solid #e2e2e2;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.panel:hover{-webkit-box-shadow:0 0 10px rgba(48,48,48,0.2);box-shadow:0 0 10px rgba(48,48,48,0.2)}
.panel-header{height:42px;width:100%;background-color:transparent;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:var(--text-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:var(--backgroundColor);filter: brightness(90%);height:30px;padding-left:5px;padding-top:4px;margin-top:6px}
.panel-header span.header-icon{display:inline-block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:24px;width:24px;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;line-height:24px;margin-right:-25px}
.panel-header span.header-icon>i.ms-Icon{font-size:24px;color:#555;text-shadow:1px 1px 1px rgba(85,85,85,0.8)}
.panel-header span.header-title{-webkit-box-flex:0;-webkit-flex:0 1 100%;-ms-flex:0 1 100%;flex:0 1 100%;font-size:16px;font-weight:600;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;color:var(--contentTextColor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.panel-header span.header-status{-webkit-box-flex:0;-webkit-flex:0 0 24px;-ms-flex:0 0 24px;flex:0 0 24px;height:24px;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;background-color:transparent}
.panel-header span.header-status::after{font-family:'FabricMDL2Icons';content:var(--icon);color:var(--color);font-size:24px}
.panel-body{height:auto;padding:10px;width:100%;background-color:transparent;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.panel-body .reading-item{display:block;margin-bottom:5px;padding-bottom: 20px;}.panel-body .reading-item:last-child{margin-bottom:0}
.panel-body .reading-item .reading-item-row1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 10px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.panel-body .reading-item .reading-item-row1 span.icon>i.fas{color:#000000;}
.panel-body .reading-item .reading-item-row1 span.reading-name{width:100%;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;padding-left:10px;font-size:14px;font-weight:600;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.panel-body .reading-item .reading-item-row1 span.unit{font-size:12px;color:Red;font-weight:bold;margin-top:-8px;padding-left:5px}
.panel-body .reading-item .reading-item-row1 span.duration{margin-left:5px;color:#212121}
.panel-body .reading-item .reading-item-row2{height:32px}.panel-body .reading-item .reading-item-row2 span.reading{padding-left:58px;position:relative;top:-10px;font-size:28px;color:#212121}
.app-content-right-content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#f5f5f5}
.app-content-right-content::-webkit-scrollbar{width:6px;background-color:#f5f5f5}
.app-content-right-content::-webkit-scrollbar-thumb{background-color:var(--company-color)}
.panel-footer{height:auto;width:100%;background-color:transparent}.panel-footer p{font-size:16px;font-weight:bold;line-height:16px}
[data-status="1"]{--icon:'\F2D7';--color:Green}
[data-status="0"]{--icon:'\F2D5';--color:Red}
.panel-shadow{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.reading-title{padding:10px;font-weight:bold}.panelSet{display:block;z-index:0;margin-top:10px;padding:0 10px;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
@media screen and (max-width:860px){#panel1{height:auto}}.card{display:block;z-index:0;margin-top:10px;border:1px solid #e2e2e2;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.card:hover{-webkit-box-shadow:0 0 10px rgba(48,48,48,0.2);box-shadow:0 0 10px rgba(48,48,48,0.2)}
.card-body{background-color:#fefefe;height:100%;width:100%;padding:10px 10px;-webkit-box-shadow:0 2px 3px rgba(48,48,48,0.2);box-shadow:0 2px 3px rgba(48,48,48,0.2)}
.card-body-title{padding:5px;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.card-body-title span.icon{display:inline-block;width:16px;height:16px;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}
.card-body-title span.icon>i.ms-Icon{font-size:16px;color:#212121}.card-body-title span.title{font-size:14px;font-weight:600;color:#212121;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.card-body-title span.unit{display:inline-block;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;font-size:12px;color:Red;font-weight:bold;margin-top:-3px;padding-left:5px}
.card-body-text{padding:5px 0;margin-left:25px;width:100%;text-align:left;word-spacing:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
span.icon{display:inline-block;vertical-align:middle;height:100%}span.icon>.ms-Icon{font-size:32px;color:#333}
span.reading{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;margin-left:10px;vertical-align:middle;font-size:28px;font-weight:700;color:#333}
.card-body-footer{padding:5px;text-align:right;font-size:12px;color:Red}@media(min-width:0){.card-body-title span.title{font-size:10px}
.card-body-title span.icon>i.ms-Icon{font-size:10px}.card-body-title span.unit{font-size:8px}
}@media(min-width:350px){.card-body-title span.title{font-size:12px}.card-body-title span.icon>i.ms-Icon{font-size:12px}
.card-body-title span.unit{font-size:10px}}@media(min-width:768px){.card-body-title span.title{font-size:14px}
.card-body-title span.icon>i.ms-Icon{font-size:14px}.card-body-title span.unit{font-size:12px}
}.date-Content{display:inline}.time-Content{display:inline;margin-left:95px}input{padding:8px 10px;display:inline-block;outline:0;font-size:16px}
input[type='text'] .textbox{border:1px solid #333;background-color:White;color:#333;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
input[type='text'] .textbox:focus{color:Black;border-color:var(--company-color);-webkit-box-shadow:0 0 5px var(--company-color);box-shadow:0 0 5px var(--company-color)}
textarea{outline:0;border:1px solid #ccc;width:100%}.Text{height:30px;width:100%;border:1px solid #ccc;padding-left:13px}
.TextSettings{height:30px;width:56px;border:1px solid #ccc;text-align:center}.TextSettingss{height:30px;width:80px;border:1px solid #ccc;text-align:center;margin-left:12px}
.settingTextBox{height:30px;width:25%;margin-left:40px}.LabelSer{width:100%;font-size:15px;font-weight:600;color:var(--contentTextColor);margin-bottom:30px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-left:6px}
.LabelSerr{width:100%;font-size:15px;font-weight:600;color:#232323;margin-bottom:30px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.LabelSer1{width:100%;font-size:15px;font-weight:600;color:#232323;position:fixed;margin-top:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.ItemGroup{margin-top:8px}.ItemGroup1{margin-top:10px}.labelSysSetting{width:100%;font-size:15px;font-weight:600;color:#232323;margin-bottom:30px}
@media screen and (max-width:650px){.LabelSer1{font-size:11px;display:contents}.Text{width:100%}
.TextSettings{width:29%}.TextSettingss{width:25%;float:right}.date-Content{width:100%;display:inline-block;margin-top:8px;margin-bottom:8px}
.time-Content{width:100%;display:inline-block}.settingTextBox{width:100%;margin-left:0}
.labelSysSetting{margin-bottom:20px}.LabelSer{margin-bottom:8px;width:100%}.LabelSerr{font-size:10px}
}@media screen and (max-width:1750px){.LabelSer1{font-size:11px}.Text{width:100%}
.TextSettings{width:27%}.date-Content{width:100%;display:inline-block;margin-top:8px;margin-bottom:8px}
.time-Content{width:100%;display:inline-block;margin-left:0}.settingTextBox{width:100%;margin-left:0}
.labelSysSetting{margin-bottom:20px}.LabelSer{margin-bottom:8px;width:100%}.LabelSerr{font-size:10px}
}.dropdown{color:#000;height:35px;padding-left:10px;padding-right:20px;margin-top:10px;width:100%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:1px solid #ccc;cursor:pointer}
.dropdown:hover{text-shadow:0 0 1px rgba(88,85,85,0.7);text-align:center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ddlPS{color:#000;height:32px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:1px solid #ccc;cursor:pointer;width:220px;margin-right:20px}
.ddlIOMapping{color:#000;height:32px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:1px solid #ccc;cursor:pointer;width:25%;margin-right:50px;margin-bottom:20px}
.ddlsysmanagement{color:#000;height:32px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:1px solid #ccc;cursor:pointer;width:100%;margin-right:50px;margin-bottom:20px}
.labelsetting{padding-top:10px;padding-right:5px;font-size:16px;margin-right:20px;margin-left:20px}
.labelIOMapping{padding-top:10px;padding-right:5px;font-size:16px;margin-right:20px;margin-bottom:20px}
.labelIOMapping2{padding-top:10px;padding-right:5px;font-size:16px;margin-right:20px;margin-bottom:20px}
.labelIOMapping3{padding-top:10px;padding-right:5px;font-size:16px;margin-right:20px;margin-bottom:20px}
.labelIOMapping4{padding-top:10px;padding-right:5px;font-size:16px;margin-right:20px;margin-bottom:20px}
.labelsettingRB{padding-top:10px;padding-right:5px;font-size:16px;margin-right:20px}
@media screen and (max-width:1185px){.ddlPS{width:100%}.ddlIOMapping{width:100%}.labelsetting{width:100%;margin-left:0;margin-bottom:10px;margin-top:10px}
.labelIOMapping{width:100%;margin-left:0;margin-bottom:10px;margin-top:10px}.labelIOMapping2{width:10%;margin-left:0;margin-bottom:10px;margin-top:10px}
.labelIOMapping3{width:100%;margin-left:0;margin-bottom:10px;margin-top:10px}.labelIOMapping4{width:100%;margin-left:0;margin-bottom:10px;margin-top:10px;float:left}
}#expander.div-expander{line-height:40px;height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;border-bottom:1px solid #ccc;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;margin-top:10px}
#expander.div-expander:hover{border-bottom:1px solid var(--company-color)}#expander.div-expander:hover>span.icon>i.ms-Icon{text-shadow:0 0 2px var(--company-color)}
#expander.div-expander>span.icon{line-height:40px}#expander.div-expander>span.icon>i.ms-Icon{font-size:18px;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);margin-right:5px;color:#000;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
#expander.div-expander>span.icon>i.icon-rotate{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);font-size:18px}
#expander.div-expander>span.expander-title{font-size:16px;font-weight:600;color:#000;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;padding-top:3px}
.sub-row{margin-left:10px}.canvas-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.canvas-panel .header-content{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;font-size:26px;color:#484848;padding:20px 0;font-weight:600;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.canvas-panel .canvas-content canvas{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}
.e-tab.e-js .e-header>.e-select{font-size:12px}.e-tab.e-js .e-header>.e-select,.e-tab.e-js .e-header>.e-active,.e-tab.e-js .e-left>.e-active,.e-tab.e-js .e-right>.e-active,.e-tab.e-js .e-left>.e-select,.e-tab.e-js .e-right>.e-select{font-size:12px}
.e-tab.e-js .e-header>.e-active,.e-tab.e-js .e-left>.e-active,.e-tab.e-js .e-right>.e-active{border:0}
@media(max-width:350px){#app .app-content .app-content-left{-webkit-box-flex:0;-webkit-flex:0;-ms-flex:0;flex:0}
nav#sidebar{width:0;-webkit-transition:width 200ms ease-in-out;-o-transition:width 200ms ease-in-out;transition:width 200ms ease-in-out}
nav#sidebar .app-content-right header{-webkit-box-flex:0;-webkit-flex:0;-ms-flex:0;flex:0}
}@media(min-width:350px){#app .app-content .app-content-left{display:none;-webkit-box-flex:0;-webkit-flex:0 0 -webkit-calc(20px + 48px);-ms-flex:0 0 calc(20px + 48px);flex:0 0 calc(20px + 48px)}
nav#sidebar{width:-webkit-calc(20px + 48px);width:calc(20px + 48px);-webkit-transition:width 200ms ease-in-out;-o-transition:width 200ms ease-in-out;transition:width 200ms ease-in-out}
}@media(min-width:768px){#app .app-content .app-content-left{background:#f4f4f4;-webkit-box-flex:0;-webkit-flex:0 0 48px;-ms-flex:0 0 48px;flex:0 0 48px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
#app nav#sidebar{width:220px;-webkit-transition:width 200ms ease-in-out;-o-transition:width 200ms ease-in-out;transition:width 200ms ease-in-out}
}.e-datetime-wrap{height:35px;margin-top:10px}.e-datetime-wrap .e-icon{color:#000}
.row .cols-sample-area{width:100%}.tableEdit{border:1px solid #ccc;border-collapse:collapse;margin:0;padding:0;width:100%;table-layout:fixed;margin-bottom:16px}
.tableEdit .captionEdit{font-size:23px;font-weight:bold;line-height:23px;margin-top:.5rem;margin-bottom:.625em;background:#f3f3f3;-webkit-box-shadow:0 2px 3px rgba(48,48,48,0.2);box-shadow:0 2px 3px rgba(48,48,48,0.2);padding:10px;cursor:context-menu;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.tableEdit .FirdtTd{padding-left:10px;width:60px}.tableEdit .trEdit{background-color:#f3f3f3;border:1px solid #ddd;padding:.35em;height:45px}
.tableEdit .tradd{display:none;background-color:#f3f3f3;border:1px solid #ddd;padding:.35em}
.tableEdit .thEdit,.tableEdit .thEdit-sm,.tableEdit .tableSetting .thSetting-sm,.tableSetting .tableEdit .thSetting-sm,.tableEdit .tablePS .thPS-sm,.tablePS .tableEdit .thPS-sm{padding-right:2px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-top:5px;padding-bottom:5px;padding-right:10px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.tableEdit .tdEdit{padding-right:2px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-top:5px;padding-bottom:5px;padding-right:10px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.tableEdit .tdEdit1{padding-right:2px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-top:5px;padding-bottom:5px;padding-right:10px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.tableEdit .thEdit,.tableEdit .thEdit-sm,.tableEdit .tableSetting .thSetting-sm,.tableSetting .tableEdit .thSetting-sm,.tableEdit .tablePS .thPS-sm,.tablePS .tableEdit .thPS-sm{background:var(--company-second-color);color:var(--company-color);font-size:14px;text-transform:capitalize;font-weight:bold;line-height:14px;border-color:var(--company-color);border-bottom-style:solid}
.tableEdit .thEdit.icon,.tableEdit .icon.thEdit-sm,.tableEdit .tableSetting .icon.thSetting-sm,.tableSetting .tableEdit .icon.thSetting-sm,.tableEdit .tablePS .icon.thPS-sm,.tablePS .tableEdit .icon.thPS-sm{background:0;border-bottom-style:none;border-color:none}
.tableEdit .thEdit.icon .ms-Icon,.tableEdit .icon.thEdit-sm .ms-Icon,.tableEdit .tableSetting .icon.thSetting-sm .ms-Icon,.tableSetting .tableEdit .icon.thSetting-sm .ms-Icon,.tableEdit .tablePS .icon.thPS-sm .ms-Icon,.tablePS .tableEdit .icon.thPS-sm .ms-Icon{margin-right:10px;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.tableEdit .thEdit-sm{font-size:10px;line-height:9px}.thOverView{float:left;padding-left:10px;padding-top:12px}
.tableSetting{border:1px solid #ccc;border-collapse:collapse;margin:0;padding:0;width:100%;table-layout:fixed}
.tableSetting .captionSetting{font-size:23px;font-weight:bold;line-height:23px;margin-top:.5rem;margin-bottom:.625em;background:#f3f3f3;-webkit-box-shadow:0 2px 3px rgba(48,48,48,0.2);box-shadow:0 2px 3px rgba(48,48,48,0.2);padding:10px;cursor:context-menu;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.tableSetting .FirdtTdSetting{padding-left:10px;width:60px}.tableSetting .trSetting{background-color:#f3f3f3;border:1px solid #ddd;padding:.35em;height:45px}
.tableSetting .traddSetting{display:none;background-color:#f3f3f3;border:1px solid #ddd;padding:.35em}
.tableSetting .thSetting,.tableSetting .tdSetting{padding-right:2px;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-top:5px;padding-bottom:5px;padding-right:10px;padding-left:8px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.tableSetting .thSetting{background:#3838384a;font-size:14px;text-transform:capitalize;font-weight:bold;line-height:14px;border-color:var(--company-color);border-bottom-style:solid}
.tableSetting .thSetting.icon{background:0;border-bottom-style:none;border-color:none}
.tableSetting .thSetting.icon .ms-Icon{margin-right:10px;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.tableSetting .thSetting-sm{font-size:10px;line-height:9px}.tablePS{border:1px solid #ccc;border-collapse:collapse;margin:0;padding:0;width:100%;table-layout:fixed}
.tablePS .captionPS{font-size:23px;font-weight:bold;line-height:23px;margin-top:.5rem;margin-bottom:.625em;background:#f3f3f3;-webkit-box-shadow:0 2px 3px rgba(48,48,48,0.2);box-shadow:0 2px 3px rgba(48,48,48,0.2);padding:10px;cursor:context-menu;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.tablePS .trPS{background-color:#f3f3f3;border:1px solid #ddd;padding:.35em;height:45px}
.tablePS .traddPS{display:none;background-color:#f3f3f3;border:1px solid #ddd;padding:.35em}
.tablePS .thPS,.tablePS .tdPS{padding-right:2px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:10px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.tablePS .thPS{background:#3838384a;font-size:14px;text-transform:capitalize;font-weight:bold;line-height:14px;border-color:var(--company-color);border-bottom-style:solid}
.tablePS .thPS-sm{font-size:10px;line-height:9px}.table-expander{display:none;padding:0;text-align:center;cursor:pointer}
.table-expander i.ms-Icon{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);margin-right:5px}
.settingdropdown{color:#000;height:30px;margin-right:10px;width:220px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:1px solid #ccc;cursor:pointer}
.settingbutton{padding:5px;margin-bottom:5px;width:220px;height:30px;color:var(--text-color);background-color:var(--company-color);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.iconsetting{font-size:20px;margin-left:10px;margin-right:10px}.labesetting{margin-right:20px;font-size:14px;display:inline;height:30px;width:100%}
.labesettingIM{margin-right:20px;font-size:14px;display:inline;height:30px;width:40%}
.rightPagination{text-align:right;padding-top:10px}.pagination{display:inline-block}
.pagination a{color:black;float:left;padding:8px 16px;text-decoration:none;-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s;border:1px solid #ddd;margin:0 4px}
.pagination a.active{background-color:var(--company-color);color:white;border:1px solid #ddd}
.pagination a:hover:not(.active){background-color:#ddd}.pagination>a.numbersLabel{width:50px;text-align:center;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;height:30px;width:32px;padding:7px}
.pagination>a.numbersLabel:hover{overflow:visible}.tableInput{color:#000;width:100%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:1px solid #ccc;height:30px;font-size:12px}
.IDtableInput{color:#323130;font-size:14px;height:35px;padding-left:10px;padding-right:20px;width:100%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:0;background:transparent;text-align:center;cursor:default}
.tableInputcheckbox{height:20px;width:20px;border:1px solid #ccc}.settingcheckbox{height:20px;width:20px}
.settingInputcheckbox{height:20px;width:20px;margin-bottom:10px;display:inline;border:1px solid #ccc;top:0;left:0;background-color:dimGrey;cursor:pointer}
.settinglabel{width:100%;height:20px;font-size:14px;font-weight:600;color:#232323;padding-left:8px;display:inline;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.settinglabelUpgrade{width:100%;height:20px;font-size:14px;font-weight:600;color:#232323;margin-top:18px;position:fixed;display:inline;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.labelCap{padding-top:17px;position:absolute;font-size:16px}.settinglabell{width:100%;height:20px;font-size:15px;font-weight:600;color:#232323;margin-bottom:30px;display:inline;display:none}
.tableInputdropdown{color:#000;height:30px;width:100%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:1px solid #ccc;cursor:pointer}
.settingInputdropdown{color:#000;height:30px;padding-left:10px;padding-right:20px;width:100%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:1px solid #ccc;cursor:pointer}
.settingInputdropdown:hover{text-shadow:0 0 1px rgba(88,85,85,0.7);text-align:center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.settingInputdd{color:#000;height:30px;width:60%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:1px solid #ccc;cursor:pointer}
.tablebtn{padding:5px;margin-bottom:5px;width:40%;color:var(--text-color);background-color:var(--company-color);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.tablebtn:hover{color:White;background-color:#212121}.tablebtn1{padding:5px;margin-right:10px;margin-bottom:5px;width:40%;color:var(--text-color);background-color:var(--company-color);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.tablebtn1:hover{color:White;background-color:#212121}.settingsButton{padding:5px;margin-bottom:5px;width:100%;height:30px;color:var(--text-color);background-color:var(--company-color);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px}
.settingsButton:hover{color:White;background-color:#000}.ImpExpBtn{padding:5px;margin-bottom:5px;width:100%;height:30px;color:var(--text-color);background-color:var(--company-color);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px}
.ImpExpBtn:hover{color:White;background-color:#212121}.IDtableInput{color:#323130;height:35px;padding-left:10px;padding-right:20px;width:100%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:0;background:transparent;text-align:center;cursor:default}
.sectablebtn{border:0;color:#807e7d;font-size:17px;cursor:pointer;padding-left:5px;background:transparent}
.sectablebtn:hover{color:var(--company-color)}.sectablebtn:focus{outline:0}.savebtn{display:none}
.cancelbtn{color:red;display:none}.cancelbtn:hover{color:black}.deletelbtn{color:red}
.deletelbtn:hover{color:black}.addrowbtn{border:0;color:#807e7d;font-size:20px;cursor:pointer;padding-left:5px;background:transparent}
.addrowbtn:hover{color:var(--company-color)}.addrowbtn:focus{outline:0}.addRow{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:10px;text-align:center;cursor:pointer;float:right}
.addRow>i.fas{font-size:21px;float:right;color:var(--contentTextColor)}.addRow:hover>i.fas{color:var(--company-color)}
.addRow:hover>span.button-title{color:var(--company-color)}.ActiveAlarm{color:red;font-weight:700}
.NotActiveAlarm{color:Green;font-weight:700}.button-title{font-size:14px;font-weight:600;color:var(--alhazaa-sec-color);margin-left:10px}
.tdForBtns{width:80px;padding-left:5px}.tdForBtns2{width:86px;padding-left:5px}.tdForText{width:160px;padding-left:5px}
.onColorClass{color:#01a401}.offColorClass{color:red}.SecondTdTextSet{float:center}
.iconTdSet{font-size:32px;color:var(--company-color);margin-bottom:8px}.fa-redo-alt{-webkit-transform:rotate(140deg);-ms-transform:rotate(140deg);transform:rotate(140deg)}
.firsTdSet{padding-left:10px}.LabelTdSet{font-size:14px}.tdExchange{text-align:center}
.txtIA{width:20%;height:30px;background:#e2e2e2;border-width:1px;border-color:gainsboro;text-align:center}
.FirstCol{width:300px}.selectTrEdit:hover{cursor:pointer;background:var(--company-color);color:var(--text-color)}
.agentIcon{text-align:center;width:100%}.textSize{display:block;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;width:100%}
@media screen and (max-width:650px){#RW1,#RW2{display:none}.thOverView{float:left;padding-left:6px;padding-top:1px;display:block;width:100%;font-size:12px}
.txtIA{width:10%}.tdExchange{width:100%}.LabelTdSet{float:left}.IconExchange{margin-top:2px;margin-bottom:0}
.DropPS{margin-top:20px}.addRow>i.fas{float:inherit}.labelCap{font-size:12px}.settingdropdown{width:100%}
.iconsetting{width:100%}.labesetting{width:100%}.labesettingIM{width:100%}.settingbutton{width:100%;margin-top:10px}
.settinglabell{display:inline}.ImpExpBtn{width:100%;float:right}.tableEdit{border:0}
.tableEdit .FirdtTd{padding-left:0;width:100%;padding-right:22px !important}.tableEdit .captionEdit{font-size:1.3em;background:#3838384a;border-color:var(--company-color);border-bottom-style:solid;display:block}
.tableEdit .theadEdit{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.tableEdit .trEdit{border-bottom:3px solid #ddd;display:block;height:auto;margin-bottom:10px}
.tableEdit .tdEdit{border-bottom:1px solid #ddd;display:block;text-align:right;font-size:12px}
.tableEdit .tdEdit span{float:right;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.tableEdit .tdEdit::before{content:attr(data-label);float:left;text-transform:capitalize;font-weight:bold}
.tableEdit .tdEdit:last-child{border-bottom:0}.tableEdit .tdEdit1{border-bottom:1px solid #ddd;display:block;text-align:center;font-size:12px}
.tableEdit .tdEdit1::before{content:attr(data-label);float:left;font-size:10px}.tableEdit .tdEdit1:last-child{border-bottom:0}
.tableSetting{border:0}.tableSetting .trSetting{border-bottom:3px solid #ddd;display:inline;height:45px;margin-bottom:6px}
.tableSetting .tdSetting{border-bottom:1px solid #ddd;float:right;display:block;font-size:11px}
.tableSetting .tdSetting span{width:100%;float:right;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:11px;display:inline-block}
.tableSetting .tdSetting::before{content:attr(data-label);float:left;text-transform:capitalize;font-weight:bold;display:inline-block}
.tablePS{border:0}.tablePS .trPS{border-bottom:3px solid #ddd;display:inline;height:auto;margin-bottom:10px}
.tablePS .tdPS{border-bottom:1px solid #ddd;display:block;text-align:left;font-size:13px}
.tablePS .tdPS::before{content:attr(data-label);float:left;font-size:13px}.tablePS .tdPS:last-child{border-bottom:0}
.settinglabel{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:12px}
.settingInputcheckbox{margin-left:0;width:18px;height:18px}.table-expander{display:block;background:#3838384a}
.table-expander i.icon-rotate{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.rightPagination{text-align:center;padding-top:0}.rightPagination a{height:32px;width:32px;padding:6px 4px;font-size:13px}
.tradd{display:none;border-bottom:3px solid #ddd;margin-bottom:.625em}.tablebtn{width:60px;margin-top:5px;height:26px}
.tablebtn1{width:100%;margin-top:5px;height:30px}.checkboxEdited{width:42px}.tableInputdropdown{color:#000;height:26px;padding-left:10px;padding-right:20px;width:100%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:1px solid #ccc;cursor:pointer}
.settingInputdropdown{color:#000;height:30px;padding-left:10px;padding-right:20px;width:100%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:1px solid #ccc;cursor:pointer}
.settingInputdd{width:100%}.tableInput{color:#000;height:26px;padding-left:10px;padding-right:20px;width:100%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:1px solid #ccc}
.settingcheckbox{height:18px;width:18px;float:right;margin-bottom:10px;border:1px solid #ccc}
}.tdFixedWidth{width:100px}@media screen and (max-width:1040px){.tdFixedWidth{width:100%}
.labelCap{font-size:12px}.settinglabelUpgrade{font-size:11px;display:contents}.addRow>i.fas{float:inherit}
.ImpExpBtn{width:50%;float:right}.thOverView{float:left;padding-left:6px;padding-top:1px;display:contents}
.DropPS{margin-top:20px}.settingdropdown{width:100%}.iconsetting{width:100%}.labesetting{width:100%;margin-bottom:10px}
.labesettingIM{width:100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.settingbutton{width:100%;margin-top:10px}.settinglabell{display:inline}.settingInputcheckbox{margin-left:0;width:18px;height:18px}
.tableSetting{border:0}.tableSetting .trSetting{border-bottom:3px solid #ddd;display:block;height:45px;margin-bottom:6px}
.tableSetting .tdSetting{border-bottom:1px solid #ddd;float:right;display:inline-table;font-size:13px}
.tableSetting .tdSetting::before{content:attr(data-label);float:left;font-size:13px}
.tableSetting .tdSetting:last-child{border-bottom:0}.tablePS{border:0}.tablePS .trPS{border-bottom:3px solid #ddd;display:inline;height:auto;margin-bottom:10px}
.tablePS .tdPS{border-bottom:1px solid #ddd;display:block;text-align:left;font-size:13px}
.tablePS .tdPS::before{content:attr(data-label);float:left;font-size:13px}.tablePS .tdPS:last-child{border-bottom:0}
.tablePS .tdPS>.reading-mob{float:left;padding-right:10px}.tablePS .roleStyle{width:33%;float:left;border:0;padding:18px}
.tablePS .roleStyle>.reading-mob{font-size:12px}.tablePS .roleStyle>.onlyIcon{float:none;text-align:center}
.tablePS .roleStyle>.LabelTdSet{font-size:11px}.tablePS .roleStyle>.LabelTdSet .reading-name .iconTdSet{font-size:18px}
.tablePS .roleStyle>.textboxControl{display:table;width:100%}.tablePS .roleStyleRight{float:right;text-align:end}
.tablePS .roleStyleRight .reading-mob{float:right;padding-right:0}.tablePS .roleStyleRight .LabelTdSet{padding-right:0;float:right}
.tablePS .tdExchange{width:100%}.tablePS .tdExchange .reading-mob .reading-name .IconExchange{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.tablePS .tdExchange .tdExchangeRight{float:right}.tablePS .tdExchangeBorder{border:0}
.tableEdit{border:0}.tableEdit .FirdtTd{padding-left:0;width:100%;padding-right:22px !important}
.tableEdit .captionEdit{font-size:1.3em;background:#3838384a;border-color:var(--company-color);border-bottom-style:solid;display:block}
.tableEdit .theadEdit{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.tableEdit .trEdit{padding-right:15px;border-bottom:3px solid #ddd;display:block;height:auto;margin-bottom:10px}
.tableEdit .tdEdit{padding-right:15px;border-bottom:1px solid #ddd;display:block;text-align:right;font-size:12px;margin-left:8px}
.tableEdit .tdEdit span{float:right;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.tableEdit .tdEdit::before{content:attr(data-label);float:left;text-transform:capitalize;font-weight:bold}
.tableEdit .tdEdit:last-child{border-bottom:0}.tableEdit .tdEdit1{border-bottom:1px solid #ddd;display:block;text-align:center;font-size:12px}
.tableEdit .tdEdit1::before{content:attr(data-label);float:left;font-size:10px}.tableEdit .tdEdit1:last-child{border-bottom:0}
.tableInput{width:150px;height:26px}.tableInputdropdown{width:150px;height:26px}.settingInputdropdown{width:100%}
.settingInputdd{width:100%}.tablebtn{width:60px;height:26px}.tablebtn1{width:100%}
.settingsButton{width:100%}.settingcheckbox{height:18px;width:18px;float:right;margin-bottom:10px}
.settinglabel{font-size:13px}}.local-or-remote{padding:10px;margin-bottom:25px;margin-left:-7px}
.RadioSettings{width:16px;height:16px;vertical-align:middle}.switch{position:absolute;width:150px;height:35px;text-align:center;background:green;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;border-radius:5px;font-family:sans-serif;font-weight:800}
.switch span{position:absolute;width:20px;height:4px;top:50%;left:45%;margin:-2px 0 0 -4px;background:#fff;display:block;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;border-radius:2px}
.switch span:after{content:"";display:block;position:absolute;width:4px;height:12px;margin-top:-8px;background:#fff;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;border-radius:2px}
.switch label{cursor:pointer;color:rgba(0,0,0,0.2);width:60px;line-height:50px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
label[for=local]{position:absolute;left:0;height:20px;font-size:13px;top:-7px}label[for=remote]{position:absolute;right:5px;font-size:13px;top:-7px}
#remote:checked ~ .switch{background:red}#remote:checked ~ .switch span{background:#fff;margin-left:-8px}
#remote:checked ~ .switch span:after{background:#fff;height:20px;margin-top:-8px;margin-left:8px}
#local:checked ~ .switch label[for=local],#remote:checked ~ .switch label[for=remote]{color:#fff}
label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
label[for=Active]{position:absolute;left:0;height:20px;font-size:13px;top:-7px}label[for=notActive]{position:absolute;right:5px;font-size:10px;top:-7px}
#notActive:checked ~ .switch{background:red}#notActive:checked ~ .switch span{background:#fff;margin-left:-8px}
#notActive:checked ~ .switch span:after{background:#fff;height:20px;margin-top:-8px;margin-left:8px}
#Active:checked ~ .switch label[for=Active],#notActive:checked ~ .switch label[for=notActive]{color:#fff}
.power-controls{padding:10px}.control-body{text-align:center}.radio{margin:.5rem;float:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.radio input[type="radio"]{position:absolute;opacity:0}.radio input[type="radio"]+.radio-label:before{content:'';background:#f4f4f4;border-radius:100%;border:1px solid #b4b4b4;display:inline-block;width:1.4em;height:1.4em;position:relative;top:-0.2em;margin-right:1em;vertical-align:top;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;-o-transition:all 250ms ease;transition:all 250ms ease}
.radio input[type="radio"]:checked+.radio-label[value="0"]:before{background-color:var(--company-color);-webkit-box-shadow:inset 0 0 0 4px #f4f4f4;box-shadow:inset 0 0 0 4px #f4f4f4}
.radio input[type="radio"]:checked+.radio-label[value="1"]:before{background-color:var(--company-color);-webkit-box-shadow:inset 0 0 0 4px #f4f4f4;box-shadow:inset 0 0 0 4px #f4f4f4}
.radio input[type="radio"]:checked+.radio-label[value="2"]:before{background-color:var(--company-color);-webkit-box-shadow:inset 0 0 0 4px #f4f4f4;box-shadow:inset 0 0 0 4px #f4f4f4}
.radio input[type="radio"]:checked+.radio-label[value="3"]:before{background-color:var(--company-color);-webkit-box-shadow:inset 0 0 0 4px #f4f4f4;box-shadow:inset 0 0 0 4px #f4f4f4}
.radio input[type="radio"]:focus+.radio-label:before{outline:0;border-color:var(--company-color)}
.radio input[type="radio"]:disabled+.radio-label:before{-webkit-box-shadow:inset 0 0 0 4px #f4f4f4;box-shadow:inset 0 0 0 4px #f4f4f4;border-color:#b4b4b4;background:#b4b4b4}
.radio input[type="radio"]+.radio-label:empty:before{margin-right:0}
i{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.radioForTable{margin:5px;float:none}.switch-field{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:36px;overflow:hidden}
.switch-field input{position:absolute !important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}
.switch-field label{background-color:#e4e4e4;color:rgba(0,0,0,0.6);font-size:14px;line-height:1;text-align:center;padding:8px 16px;margin-right:-1px;border:1px solid rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3),0 1px rgba(255,255,255,0.1);box-shadow:inset 0 1px 3px rgba(0,0,0,0.3),0 1px rgba(255,255,255,0.1);-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
.switch-field label:hover{cursor:pointer}.switch-field #radio-two:checked+label{background-color:red;-webkit-box-shadow:none;box-shadow:none}
.switch-field #radio-one:checked+label{background-color:green;-webkit-box-shadow:none;box-shadow:none}
.switch-field label:first-of-type{border-radius:4px 0 0 4px}.switch-field label:last-of-type{border-radius:0 4px 4px 0}
.spinner{text-align:right}.spinner>i{font-size:16px;position:relative;right:0}.spinner>i ~ #loadinglabel{padding-left:5px}
.spinner-lg,.spinner-lg1{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}
.spinner-lg>i,.spinner-lg1>i{font-size:32px;position:relative;right:0;color:var(--company-color)}
.spinner-lg>i ~ #loadinglabel,.spinner-lg1>i ~ #loadinglabel{font-weight:600;display:block;padding-left:5px;font-size:18px;color:var(--company-color);pointer-events:none}
.spinner-lg1{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation-name:none;animation-name:none;opacity:1}
.visible{visibility:visible}.hidden{visibility:hidden}.loading{position:fixed;z-index:999;height:2em;width:2em;overflow:visible;margin:auto;top:0;left:0;bottom:0;right:0}
.loading:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3)}
.loading:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.loading:not(:required):after{content:'';display:block;font-size:10px;width:1em;height:1em;margin-top:-0.5em;-webkit-animation:spinner 1500ms infinite linear;animation:spinner 1500ms infinite linear;border-radius:.5em;-webkit-box-shadow:var(--company-color) 1.5em 0 0 0,var(--company-color) 1.1em 1.1em 0 0,var(--company-color) 0 1.5em 0 0,var(--company-color) -1.1em 1.1em 0 0,var(--company-color) -1.5em 0 0 0,var(--company-color) -1.1em -1.1em 0 0,var(--company-color) 0 -1.5em 0 0,var(--company-color) 1.1em -1.1em 0 0;box-shadow:var(--company-color) 1.5em 0 0 0,var(--company-color) 1.1em 1.1em 0 0,var(--company-color) 0 1.5em 0 0,var(--company-color) -1.1em 1.1em 0 0,var(--company-color) -1.5em 0 0 0,var(--company-color) -1.1em -1.1em 0 0,var(--company-color) 0 -1.5em 0 0,var(--company-color) 1.1em -1.1em 0 0}
@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}@keyframes spinner{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}.searchGroup{display:inline;float:left;margin-right:10px;margin-left:10px;margin-top:10px}
.searchLabel{display:inline;float:left;margin-top:7px;font-weight:600;font-size:14px;padding-right:5px}
.searchItems{display:inline}.searchItems>.tableInputdropdown{width:auto}.searchItems>.tableInput{width:170px}
.searchButton{background:var(--company-color);color:var(--text-color);font-weight:600;border:0;cursor:pointer;padding:8px;width:140px;margin-top:10px;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}
.searchButton:hover{background:black;-webkit-box-shadow:0 0 5px #212121;box-shadow:0 0 5px #212121}
.searchButton:focus{outline:0}.checkbox-container{float:left;padding-left:20px;padding-top:9px;margin-top:10px}
.checkbox-container>.checkbox-input{zoom:1.5;position:absolute;top:11px;cursor:pointer}
.checkbox-container>label{padding-left:25px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.checkbox-containerForLabel{display:contents}.databaseAlert{display:none;z-index:99;background:var(--company-color);color:#fff;font-weight:600;position:absolute;left:50%;top:10%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:15px;text-align:center;-webkit-box-shadow:0 0 30px rgba(0,0,0,0.2);box-shadow:0 0 30px rgba(0,0,0,0.2);-webkit-transition:all 200ms;-o-transition:all 200ms;transition:all 200ms}
.databaseAlert>span.actionText{padding-right:7px}.databaseAlert .fas{font-size:16px}
.errorAlert{display:none;position:absolute;top:0;background:#ba0808;color:#fff;padding:15px;width:100%;text-align:center;font-weight:600}
.errorAlert>span.actionText{padding-right:7px}.errorAlert .fas{font-size:16px;padding-right:5px}
.footer{position:fixed;right:10px;bottom:5px;color:var(--contentTextColor);text-align:center;font-size:16px;padding:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.footer p{display:contents}@media(max-width:768px){.footer{font-size:14px}}.IEC60870-5-104ServerList{display:none}
.SlaveSettings{display:none}.popup-dev{position:absolute;left:50%;top:-100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:99;-webkit-box-shadow:0 0 20px #9c9c9c;box-shadow:0 0 20px #9c9c9c;background:#fff;-webkit-transition:all 200ms;-o-transition:all 200ms;transition:all 200ms;width:500px}
.popup-dev .popup-header{padding:10px;text-align:center;font-weight:600;font-size:16px;background:#bdbdbd;border-bottom-style:solid;border-color:var(--company-color)}
.popup-dev .popup-content{padding:10px}.itempopup{margin-bottom:6px}.popupText{width:100%;height:26px}
.popupText:hover{text-shadow:0 0 1px rgba(88,85,85,0.7);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.popupdropdown{width:100%;height:26px}.popupdropdown:hover{text-shadow:0 0 1px rgba(88,85,85,0.7);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.popupbtn{padding:5px;margin-bottom:5px;margin-top:10px;width:100%;height:26px;color:var(--text-color);background-color:var(--company-color);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.popupbtn:hover{color:White;background-color:#212121}.HiddenTR{border:0 !important}
.HiddenTR .HiddenTD{padding:5px}.HiddenTR .HiddenTD .addressText{font-weight:600;font-size:10px}
.HiddenTR .HiddenTD .addressTextBox{color:#000;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:1px solid #ccc;height:30px;font-size:12px;width:50%}
.addressDropDown{width:50%}@media screen and (max-width:550px){.popup-dev{width:80%}
}section.app-content-FixedSidebar{height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
section.app-content-FixedSidebar nav.FixedNavbar{background:#fff;height:100%;width:227px;-webkit-transition:all 200ms;-o-transition:all 200ms;transition:all 200ms}
section.app-content-FixedSidebar nav.FixedNavbar .FixedSidebar-content{height:100%;background:#f3f2f1}
section.app-content-FixedSidebar nav.FixedNavbar .FixedSidebar-content section.navbar-group{outline:0}
section.app-content-FixedSidebar nav.FixedNavbar .FixedSidebar-content section.navbar-group a header.navbar-header{outline:0}
section.app-content-FixedSidebar nav.FixedNavbar .FixedSidebar-content section.navbar-group a header.navbar-header .base-button{outline:0;width:100%}
section.app-content-FixedSidebar nav.FixedNavbar .FixedSidebar-content section.navbar-group a header.navbar-header .base-button button.nav-item{background:transparent;outline:0;width:100%;text-align:left;height:45px;border:0;padding:10px}
section.app-content-FixedSidebar nav.FixedNavbar .FixedSidebar-content section.navbar-group a header.navbar-header .base-button button.nav-item .fas{padding-right:10px}
section.app-content-FixedSidebar nav.FixedNavbar .FixedSidebar-content section.navbar-group header.navbar-header{outline:0}
section.app-content-FixedSidebar nav.FixedNavbar .FixedSidebar-content section.navbar-group header.navbar-header .base-button{outline:0;width:100%}
section.app-content-FixedSidebar nav.FixedNavbar .FixedSidebar-content section.navbar-group header.navbar-header .base-button button.nav-item{outline:0;width:100%;text-align:left;height:45px;border:0;padding:10px;color:black}
section.app-content-FixedSidebar nav.FixedNavbar .FixedSidebar-content section.navbar-group header.navbar-header .base-button button.nav-item .fas{padding-right:10px}
section.app-content-FixedSidebar nav.FixedNavbar .FixedSidebar-content section.navbar-group header.navbar-header .base-button button.nav-item:hover{background:#edebe9;color:#000;cursor:pointer}
section.app-content-FixedSidebar nav.FixedNavbar .FixedSidebar-content section.navbar-group section.navbar-items{display:none;outline:0}
section.app-content-FixedSidebar nav.FixedNavbar .FixedSidebar-content section.navbar-group section.navbar-items a .groupitem .base-button{outline:0;width:100%}
section.app-content-FixedSidebar nav.FixedNavbar .FixedSidebar-content section.navbar-group section.navbar-items a .groupitem .base-button button.nav-item{outline:0;width:100%;text-align:left;height:45px;border:0;padding-left:20px;color:dimGrey;background:#fff}
section.app-content-FixedSidebar nav.FixedNavbar .FixedSidebar-content section.navbar-group section.navbar-items a .groupitem .base-button button.nav-item .fas{padding-right:10px}
section.app-content-FixedSidebar nav.FixedNavbar .FixedSidebar-content section.navbar-group section.navbar-items a .groupitem .base-button button.nav-item:hover{background:var(--company-color);color:var(--text-color);cursor:pointer}
section.app-content-FixedSidebar nav.FixedNavbar .FixedSidebar-content section.navbar-group section.FixedSidebar-items{display:block;outline:0}
section.app-content-FixedSidebar nav.FixedNavbar .FixedSidebar-content section.navbar-group section.FixedSidebar-items a .groupitem .base-button{outline:0;width:100%}
section.app-content-FixedSidebar nav.FixedNavbar .FixedSidebar-content section.navbar-group section.FixedSidebar-items a .groupitem .base-button button.nav-item{outline:0;width:100%;text-align:left;height:45px;border:0;padding-left:20px;color:dimGrey;background:#fff}
section.app-content-FixedSidebar nav.FixedNavbar .FixedSidebar-content section.navbar-group section.FixedSidebar-items a .groupitem .base-button button.nav-item .fas{padding-right:10px}
section.app-content-FixedSidebar nav.FixedNavbar .FixedSidebar-content section.navbar-group section.FixedSidebar-items a .groupitem .base-button button.nav-item:hover{background:var(--company-color);color:var(--text-color);cursor:pointer}
.FixedSidebar-content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#f5f5f5}
.FixedSidebar-content::-webkit-scrollbar{width:6px;height:6px;background-color:#f5f5f5}
.FixedSidebar-content::-webkit-scrollbar-thumb{background-color:var(--company-color)}
.checkboxEdited{display:inline-block;padding-top:4px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.checkboxEdited input{display:inline-block;opacity:0;cursor:pointer;height:0;width:0}
.checkmark{display:inline-block;height:20px;width:20px;background-color:#fff;border:1px solid #ccc}
.checkboxEdited:hover input ~ .checkmark{background-color:#ccc}.checkboxEdited input:checked ~ .checkmark{background-color:var(--company-color)}
.checkmark:after{content:"";display:none}.checkboxEdited input:checked ~ .checkmark:after{display:block}
.checkboxEdited .checkmark:after{width:5px;height:9px;margin-top:2px;margin-left:5px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.maincontForCheck{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.laberSearchCon{margin-top:0;font-weight:600;padding-left:8px}.power{padding-left:20px;padding-top:10px;padding-bottom:10px}
.statusTitle{font-size:16px;font-weight:600;padding-right:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.statusContent{font-size:14px;font-weight:600;color:var(--color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;padding-left:5px}
.st{float:right}.statusON{width:15px;height:15px;background-color:green;border-radius:50%;display:inline-block;cursor:default;-webkit-animation:glowing 1500ms infinite;animation:glowing 1500ms infinite}
.statusOFF{width:15px;height:15px;background-color:red;border-radius:50%;display:inline-block;cursor:default}
.flashingOFF{width:100%;background-color:red;color:#fff;cursor:pointer;display:inline-block;padding:6px 10px;margin-bottom:10px;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.flashingOFF>span{font-family:Arial;font-size:15px;font-weight:bold}.SSOn{color:green;font-weight:600;font-size:15px}
.SSOff{color:red;font-weight:600;font-size:15px}.flashingON{width:100%;color:#fff;cursor:pointer;display:inline-block;padding:6px 10px;margin-bottom:10px;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-animation:glowing 1500ms infinite;animation:glowing 1500ms infinite;font-family:Arial;font-size:15px;font-weight:bold}
.flashingGreen{width:29px;height:29px;border:1px solid #d9d9d9;background:#FFF;cursor:default;-webkit-box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #ebebeb,0 3px 6px -3px #BBB;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #ebebeb,0 3px 6px -3px #BBB;position:absolute;top:0;right:8px;margin:auto;z-index:1}
.flashingGreen:before{-webkit-animation:flashingGreen 1s 1s ease-out;animation:flashingGreen 1s 1s ease-out;border:3px solid green}
.flashingGreen:after{-webkit-animation:flashingGreen 1s .5s ease-in;animation:flashingGreen 1s .5s ease-in;border:3px solid green}
.flashingGreen:before,.flashingGreen:after{content:"";width:70%;height:70%;display:block;border-radius:50%;background:green;opacity:0;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}
@-webkit-keyframes flashingGreen{0%{-webkit-transform:scale(0.1,0.1);opacity:0}
50%{opacity:.5}100%{-webkit-transform:scale(1.2,1.2);opacity:0}}@keyframes flashingGreen{0%{-webkit-transform:scale(0.1,0.1);opacity:0}
50%{opacity:.5}100%{-webkit-transform:scale(1.2,1.2);opacity:0}}.flashingRed{width:30px;height:30px;border:1px solid #d9d9d9;background:#FFF;cursor:default;-webkit-box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #ebebeb,0 3px 6px -3px #BBB;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #ebebeb,0 3px 6px -3px #BBB;position:absolute;top:0;right:7px;margin:auto;z-index:1;-webkit-box-shadow:0 0 3px red;box-shadow:0 0 3px red}
.flashingRed:after{-webkit-animation:flashingRed 1s .5s ease-in;animation:flashingRed 1s .5s ease-in;border:3px solid red}
.flashingRed:before,.flashingRed:after{content:"";width:70%;height:70%;display:block;border-radius:50%;background:red;opacity:1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}
@-webkit-keyframes glowing{0%{background-color:#00e700}50%{background-color:green}
100%{background-color:#00e700}}@keyframes glowing{0%{background-color:#00e700}
50%{background-color:green}100%{background-color:#00e700}}.emptyDiv{height:80px}.feedback{margin-top:-10px}
.feedback2{margin-bottom:18px}.status-panel{display:block;z-index:0;margin-bottom:10px;background:#fefefe;-webkit-box-shadow:0 0 1px rgba(48,48,48,0.2);box-shadow:0 0 1px rgba(48,48,48,0.2);padding:0 10px;border:1px solid #e2e2e2;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.pointerInput{cursor:default}.statusTable{display:inline-block}.statusTable tr.statusTr td.statusTd{padding-bottom:19px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#login{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.logoimg{margin-right:10px !important;padding-bottom:7px !important}.pmmLogo{background:transparent;padding-bottom:0 !important;height:60px;width:56px;margin-top:2px !important}
.login-location2{display:inline-block;padding:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
.login-location2 .app-title{white-space:nowrap;font-size:13px;font-weight:600;padding:0 0 0 10px;color:#232323;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:53px}
.login-location2 .project-location{font-size:10px;font-weight:600;color:#232323;display:inline-block;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;white-space:nowrap}
.login-location2>img.project-location-icon{margin:0;border:0;padding:0;display:inline-block;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;height:16px;width:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.video-background{position:fixed;top:0;left:0;z-index:-100;overflow:hidden}.image-background{width:100%;height:100%;position:fixed;top:0;left:0;z-index:-100;overflow:hidden}
section.login-area{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #e2e2e2;background-color:#ffffffd9;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:44px;width:440px;margin:0 auto}
section.login-area .login-panel .logo-content{margin-bottom:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
section.login-area .login-panel .logo-content img{margin:0;border:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
section.login-area .login-panel .logo-content .separator{-webkit-box-flex:0;-webkit-flex:0 0 2px;-ms-flex:0 0 2px;flex:0 0 2px;margin:0 10px;width:2px;background-color:var(--company-color)}
section.login-area .login-panel .logo-content .app-title{font-weight:600;font-size:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-top:16px;padding-left:10px;color:#232323}
section.login-area .login-panel .logo-content .project-location{font-size:14px;font-weight:600;color:#232323;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:53px;white-space:nowrap}
section.login-area .login-panel .logo-content>img.project-location-icon{margin:0;border:0;padding:0;display:block;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;height:24px;width:24px}
section.login-area .login-panel .login-location{display:none;padding:20px 0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
section.login-area .login-panel .login-location .project-location{font-size:16px;font-weight:600;color:#232323;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap}
section.login-area .login-panel .login-location>img.project-location-icon{margin:0;border:0;padding:0;display:block;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;height:24px;width:24px}
section.login-area .login-panel .title-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:60px}
section.login-area .login-panel .block{height:60px;display:block}section.login-area .login-panel .block p{color:#212121;font-weight:600;font-size:28px;margin:0;display:block}
section.login-area .login-panel .block p.block{color:#212121;font-weight:600;font-size:28px;margin:0;display:block}
section.login-area .login-panel .userinput-content{margin-top:20px}section.login-area .login-panel .userinput-content input.login-textbox{font-size:14px;width:100%;border-color:#bbb;background-color:#e8f0fe;border-top:0;border-right:0;border-left:0;border-bottom:1px solid #aaa;padding:10px 0;padding-left:10px}
section.login-area .login-panel .userinput-content input.login-textbox:focus{border-color:var(--company-color)}
section.login-area .login-panel .userinput-content::after{content:"\f00d";font-family:"Font Awesome 5 Pro";display:inline-block;visibility:hidden;position:relative;top:-26px;left:95%;color:red}
section.login-area .login-panel .passinput-content .btnShowPass{position:fixed;top:252px;right:45px}
section.login-area .login-panel .passinput-content input.login-textbox{font-size:14px;width:100%;border-color:#bbb;background-color:#e8f0fe;border-top:0;border-right:0;border-left:0;border-bottom:1px solid #aaa;padding:10px 0;padding-left:10px}
section.login-area .login-panel .passinput-content input.login-textbox:focus{border-color:var(--company-color)}
section.login-area .login-panel .passinput-content::after{content:"\f00d";font-family:"Font Awesome 5 Pro";display:inline-block;visibility:hidden;position:relative;top:-26px;left:95%;color:red}
section.login-area .login-panel .Dbtype-content .login-ddl{font-size:14px;width:100%;border-color:#bbb;background-color:#e8f0fe;border-top:0;border-right:0;border-left:0;border-bottom:1px solid #aaa;padding:5px 0;padding-right:28px}
section.login-area .login-panel .Dbtype-content .login-ddl:focus{border-color:var(--company-color)}
section.login-area .login-panel .Dbtype-content::after{content:"\f00d";font-family:"Font Awesome 5 Pro";display:inline-block;visibility:hidden;position:relative;top:-26px;left:95%;color:red}
section.login-area .login-panel .ProName-content .login-ddl{font-size:14px;width:100%;border-color:#bbb;background-color:#e8f0fe;border-top:0;border-right:0;border-left:0;border-bottom:1px solid #aaa;padding:5px 0;padding-right:28px}
section.login-area .login-panel .ProName-content .login-ddl:focus{border-color:var(--company-color)}
section.login-area .login-panel .ProName-content::after{content:"\f00d";font-family:"Font Awesome 5 Pro";display:inline-block;visibility:hidden;position:relative;top:-26px;left:95%;color:red}
section.login-area .login-panel .error::after{visibility:visible}section.login-area .login-panel .error input.login-textbox{border-bottom:1px solid red}
section.login-area .login-panel .error-primary{color:red !important}section.login-area .login-panel .error-primary span{color:red !important}
section.login-area .login-panel .error-primary .spinner-lg,section.login-area .login-panel .error-primary .spinner-lg1{color:red !important}
section.login-area .login-panel .error-primary .spinner-lg i,section.login-area .login-panel .error-primary .spinner-lg1 i{color:red !important}
section.login-area .login-panel .error-primary a{color:red;text-decoration:underline}
section.login-area .login-panel .error-message{color:#9f0000;text-align:right;margin-top:20px;height:24px}
section.login-area .login-panel .submit-content{text-align:right;margin-bottom:20px;margin-top:10px}
section.login-area .login-panel .submit-contentcreat{text-align:right;margin-bottom:20px;margin-top:0}
section.login-area .login-panel .createContent{margin-top:30px}section.login-area .login-panel .createContent a{font-weight:600;float:right}
section.login-area .login-panel .createContent a:hover{color:var(--company-color);text-decoration:underline}
section.login-area .login-panel .content{margin-bottom:10px}section.login-area .login-panel .content label{font-weight:700;font-size:12px}
section.login-area .login-panel .content .dev2{width:100%}section.login-area .login-panel .content .dropdown{width:100%;border-color:#bbb;background-color:#e8f0fe;border-top:0;border-right:0;border-left:0;border-bottom:1px solid #aaa;padding-right:28px}
section.login-area .login-panel .content .dropdown:focus{border-color:var(--company-color)}
section.login-area .login-panel .content .dropdown::after{content:"\f00d";font-family:"Font Awesome 5 Pro";display:inline-block;visibility:hidden;position:relative;top:-26px;left:95%;color:red}
section.login-area .login-panel .content .dropdown2{width:50%;border-color:#bbb;background-color:#e8f0fe;border-top:0;border-right:0;border-left:0;border-bottom:1px solid #aaa;padding-right:28px;float:right}
section.login-area .login-panel .content .dropdown2:focus{border-color:var(--company-color)}
section.login-area .login-panel .content .dropdown2::after{content:"\f00d";font-family:"Font Awesome 5 Pro";display:inline-block;visibility:hidden;position:relative;top:-26px;left:95%;color:red}
@media(min-width:0){section.login-area .login-panel .login-location2{display:none}
}@media(max-width:450px){.cb-slideshow{display:none}.video-background{display:none}
section.login-area{border:0}section.login-area{width:100%}section.login-area .login-panel .login-location2{display:block}
section.login-area .login-panel .logo-content .project-location{display:none}section.login-area .login-panel .logo-content .app-title{display:none}
section.login-area .login-panel .logo-content img.project-location-icon{display:none}
section.login-area .login-panel .logo-content .separator{display:none}}.stopped-Text{font-size:20px;font-weight:bold;color:red;padding:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.ms-Toggle{padding:10px;padding-left:22px}.textboxControl{width:100%;height:30px;border:1px solid #ccc;padding-left:6px}
.textboxControl2{width:100%;height:30px;border:1px solid #ccc;padding-left:6px}.menuTitle{padding-top:10px}
.addNewMenubtn{outline:0;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--text-color);background-color:var(--company-color);padding:8px 32px;cursor:pointer;border:1px solid var(--text-color);font-size:16px;display:inline-block;text-align:center;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;margin-top:28px;height:37px}
.addNewMenubtn:hover{color:White;background-color:#212121;border:1px solid #212121;-webkit-box-shadow:0 0 5px #212121;box-shadow:0 0 5px #212121}
#iconSelect{color:#000;height:37px;padding-left:40px;padding-right:20px;width:100%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:1px solid #a9a9a9;cursor:pointer}
.iconShow{position:relative;top:-29px;right:-15px;font-size:20px;pointer-events:none}
@media(max-width:768px){#iconSelect{padding-left:40px;padding-right:20px}}@media(max-width:1040px){.textboxControl2{width:40%}
.textboxControl{width:85%}}.textControl{padding-right:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;float:left}
.HeaderSS{display:inline-block}.avtivNotactive-title{line-height:40px;height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;border-bottom:1px solid #ccc;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;margin-top:10px}
.avtivNotactive-title:hover{border-bottom:1px solid var(--company-color)}.avtivNotactive-title:hover>span.icon>i.ms-Icon{text-shadow:0 0 2px var(--company-color)}
.avtivNotactive-title>span.icon{line-height:40px}.avtivNotactive-title>span.icon>i.ms-Icon{font-size:18px;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);margin-right:5px;color:#000;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.avtivNotactive-title>span.icon>i.icon-rotate{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);font-size:18px}
.avtivNotactive-title>span.expander-title{font-size:18px;font-weight:600;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;color:#000}
.table-hr{line-height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;border-bottom:1px solid #ccc;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.table-hr:hover{border-bottom:1px solid var(--company-color)}.table-hr:hover>span.icon>i.ms-Icon{text-shadow:0 0 2px var(--company-color)}
.table-hr>span.icon{line-height:40px}.table-hr>span.icon>i.ms-Icon{font-size:18px;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);margin-right:5px;color:#000;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.table-hr>span.icon>i.icon-rotate{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);font-size:18px}
.table-hr>span.expander-title{font-size:18px;font-weight:600;color:#000}.unit-mob{font-size:12px;color:Red;font-weight:bold;margin-top:2px;text-align:right;position:relative;top:-17px;right:4px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.reading-mob{-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;font-size:14px;font-weight:600;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;padding-bottom:2px}
.readOnlyInput{cursor:default;background:#f4f4f4;border-style:double;border-color:#a9a9a9;border-width:1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.setpointInput{display:none;position:relative;top:-30px;padding:8px;margin-bottom:-30px;height:30px;-webkit-animation:ms-motion-fadeIn .2s;animation:ms-motion-fadeIn .2s;width:100%}
.setpointLabel{color: var(--contentTextColor);padding:8px 10px;display:inline-block;outline:0;font-size:16px;border-style:groove;border-width:1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:1px solid #ccc;width:100%}
@-webkit-keyframes .setpointInput{0{border:2px solid black}50%{border:2px solid darkgray}
100%{border:2px solid #fc0000}}@keyframes .setpointInput{0{border:2px solid black}
50%{border:2px solid darkgray}100%{border:2px solid #fc0000}}.generationSec{margin-top:10px;margin-left:10px}
.generationStartON{color:#fff;font-weight:600;cursor:pointer;display:inline-block;padding:6px 10px;margin-bottom:10px;width:100%;height:40px;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;background-color:green;border-style:none;-webkit-animation:glowinggreen 1s step-start infinite;animation:glowinggreen 1s step-start infinite}
@keyframes glowinggreen{50%{background-color:#006400}}.generationStopON{color:#fff;font-weight:600;cursor:pointer;display:inline-block;padding:6px 10px;margin-bottom:10px;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;background-color:red;border-style:none;-webkit-animation:glowingred 1s step-start infinite;animation:glowingred 1s step-start infinite}
.generationStopON:focus{outline:0}.generationStartOFF{background:#807e7d;border-style:none;color:#fff;font-weight:600;cursor:pointer;display:inline-block;padding:6px 10px;margin-bottom:10px;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.generationStartOFF:focus{outline:0}.Ramp-Rate-panel{margin-left:10px}@media screen and (max-width:1023px){.rowTitle1{margin-left:-28px}
}.panel2{height:386px}.Settings-DislpayNone{display:none}.icons-settings-title{padding-left:10px;padding-right:5px;padding-top:10px;font-size:16px}
.expander-settings-icon{margin-left:10px;margin-top:2px}.panel-settings-icon{padding-top:10px;padding-right:5px;font-size:20px;margin-right:5px}
.iconsetting{padding-top:10px;padding-right:5px;font-size:22px;margin-right:5px;margin-left:20px}
.iconsetting1{padding-top:10px;padding-right:5px;font-size:22px;margin-right:5px}
.iconsetting2{padding-top:10px;padding-right:5px;font-size:26px;margin-right:35px;margin-left:25px}
.iconsetting3{padding-top:10px;padding-right:5px;font-size:22px;margin-right:5px}
.settingbtn{padding:5px;margin-bottom:5px;width:180px;height:32px;color:var(--text-color);background-color:var(--company-color);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;float:right;margin-top:10px}
.settingbtn:hover{color:White;background-color:#212121}.database-title{font-size:15px;font-weight:600;color:#232323;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.database-text{width:70%;float:right;margin-bottom:10px}.saveDBButton{outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--text-color);background-color:var(--company-color);padding:8px 32px;cursor:pointer;border:1px solid var(--text-color);font-size:16px;display:inline-block;text-align:center;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;width:100%}
.saveDBButton:hover{color:White;background-color:#212121;border:1px solid #212121;-webkit-box-shadow:0 0 5px #212121;box-shadow:0 0 5px #212121}
.testDBButton{outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#000;background-color:#fff;border-style:double;padding:8px 32px;cursor:pointer;border:1px solid #000;font-size:16px;display:inline-block;text-align:center;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;width:100%;white-space:nowrap}
.testDBButton:hover{color:White;background-color:#212121;border:1px solid #212121;-webkit-box-shadow:0 0 5px #212121;box-shadow:0 0 5px #212121}
.saveGSButton{outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--text-color);background-color:var(--company-color);padding:8px 32px;cursor:pointer;border:1px solid var(--text-color);font-size:16px;display:inline-block;text-align:center;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;width:100%}
.saveGSButton:hover{color:White;background-color:#212121;border:1px solid #212121;-webkit-box-shadow:0 0 5px #212121;box-shadow:0 0 5px #212121}
.float-right-settings{margin-bottom:10px}.unit-dbSettings{font-size:12px;color:Red;font-weight:bold;margin-top:2px;text-align:right;position:relative;top:-27px;right:13px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.panel-scroll{overflow-y:scroll;height:400px;margin-bottom:20px}.panel-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#f5f5f5}
.panel-scroll::-webkit-scrollbar{width:6px;height:6px;background-color:#f5f5f5}.panel-scroll::-webkit-scrollbar-thumb{background-color:var(--company-color)}
.buttonsContainer{margin-left:-12px !important}@media screen and (max-width:1023px){.panel2{height:auto}
.testDBButton,.saveDBButton,.database-text{width:100%}.database-title{display:none}
.buttonsContainer{margin-left:0 !important}.settingbtn{width:100%}.iconsetting{width:100%;margin-left:0;margin-bottom:10px;margin-top:10px}
.iconsetting1{width:100%;margin-left:0;margin-bottom:10px;margin-top:10px}.iconsetting2{width:100%;margin-left:0;margin-bottom:10px;margin-top:10px}
.iconsetting3{width:100%;margin-left:0;margin-bottom:10px;margin-top:10px}}.ModbusRTU-ASCIIDiagnosticsMaster{display:none}
.ModbusRTU-ASCIIDiagnosticsSlave{display:none}.ModbusTCPDiagnosticsClient-Master{display:none}
.ModbusTCPDiagnosticsSlave-Server{display:none}.IEC60870-5-104DiagnosticsClient{display:none}
.IEC60870-5-104DiagnosticsServer{display:none}.IEC60870-5-101DiagnosticsMaster{display:none}
.IEC60870-5-101DiagnosticsSlave{display:none}.changePass-area{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-30%,-50%);-ms-transform:translate(-30%,-50%);transform:translate(-30%,-50%);padding:44px;width:440px;margin:0 auto}
.changePassUsername{display:block;text-align:center;font-size:30px;font-weight:600;padding:10px;margin-bottom:10px}
.changePassText{width:100%;margin-bottom:10px}.saveChangePass{margin-bottom:10px;height:35px;color:#fff;background-color:var(--company-color);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;padding:0 40px;width:100%;outline:0;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:16px}
.saveChangePass span.icon>i.ms-icon{font-size:20px;color:#fff}.saveChangePass:hover{color:White;background-color:#212121}
.saveChangePass:active{-webkit-box-shadow:0 0 5px #212121;box-shadow:0 0 5px #212121}
.changePassEmail{text-align:center;display:block;padding-bottom:10px;font-size:15px;margin-top:-15px}
.passDev>.fas{position:absolute;right:44px;padding:11px;margin-top:2px;color:dimgrey;cursor:pointer}
.passDev>.fas:hover{color:#505050}@media(max-width:450px){section.changePass-area{width:100%}
}@media(max-width:765px){section.changePass-area{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
}.section{width:100%;position:relative;margin:0}.section__container{width:100%;margin:0 auto;position:relative}
.notification-list{width:95%;height:100px;margin:10px auto;position:relative;border-radius:3px;background:#f3f2f1}
.notification-list:hover{-webkit-box-shadow:0 5px 15px 0 rgba(50,50,50,0.15);box-shadow:0 5px 15px 0 rgba(50,50,50,0.15)}
.notification-list__image{width:80px;height:80px;margin:10px;display:inline-block;border-radius:3px}
.notification-list__image .fas{padding:10px;font-size:50px}.notification-list__info{width:-webkit-calc(94% - 80px);width:calc(94% - 80px);height:80px;margin:10px 0;display:inline-block;vertical-align:top}
.notification-list__info h2{margin:0;font-size:1.5em;font-weight:300;color:#222}.notification-list__info .hour,.notification-list__info .date{font-size:.7em;font-weight:600;border-radius:3px}
.notification-list__info .hour{color:#f24b0c;margin-right:10px}.notification-list__info .date{color:#ff802e}
.notification-list__info .delete{position:absolute;right:30px;top:0;bottom:0;margin:auto;width:20px;height:20px}
.notification-list__info img{width:20px;height:20px;position:relative;display:block;cursor:pointer}
.notiText{overflow-wrap:break-word;word-break:break-all;width:100%;padding-top:5px}
@media screen and (max-width:1050px){.section__container{width:100%}}@media screen and (max-width:533px){.section__container .notification-list{height:142px}
}@media screen and (max-width:533px){.section__container .notification-list__image{width:70px;height:70px}
}@media screen and (max-width:533px){.section__container .notification-list__info{width:-webkit-calc(92% - 80px);width:calc(92% - 80px)}
}@media screen and (max-width:414px){.section__container .notification-list__info{width:-webkit-calc(90% - 80px);width:calc(90% - 80px)}
}@media screen and (max-width:768px){.section__container .notification-list__info h2{font-size:1.3em}
}@media screen and (max-width:533px){.section__container .notification-list__info h2{font-size:1.1em}
}@media screen and (max-width:533px){.section__container .notification-list__info .hour,.section__container .notification-list__info .date{font-size:.6em}
}@media screen and (max-width:533px){.section__container .notification-list__info .delete{right:10px;bottom:10px;margin:0;top:auto}
}@media screen and (max-width:533px){.section__container .notification-list__info .delete img{width:15px;height:15px}
}#SaveSettingsChanges{margin-top:20px}.e-colorwidget.e-widget{width:100px !important}
.e-colorwidget .e-selected-color{width:80% !important}.e-colorwidget.e-split .e-in-wrap .e-select:hover,.e-colorwidget.e-split .e-color-container:hover{background:var(--company-color) !important;color:var(--text-color) !important}
.container{border:2px solid #dedede;background-color:#f1f1f1;border-radius:5px;padding:10px;margin:10px 0;width:70%;float:left}
.container p{overflow-wrap:break-word;word-break:break-all}.darker{border-color:#ccc;background-color:#ddd;text-align:end;float:right}
.container::after{content:"";clear:both;display:table}.container img{float:left;max-width:60px;width:100%;margin-right:20px;border-radius:50%}
.container img.right{float:right;margin-left:20px;margin-right:0}.container-attach{border-radius:5px;margin:10px 0;width:70%;float:left}
.container-attach-admin{border-radius:5px;margin:10px 0;width:70%;float:right;padding-right: 5px;}

.container-attach p{overflow-wrap:break-word;word-break:break-all}.time-right{float:right;color:#aaa}
.time-left{float:left;color:#999}.chat-scroll{overflow-y:scroll;height:385px;margin-bottom:20px;}
.chat-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#f5f5f5}
.chat-scroll::-webkit-scrollbar{width:6px;height:6px;background-color:#f5f5f5}.chat-scroll::-webkit-scrollbar-thumb{background-color:var(--company-color)}
.ChatText{height:50px;width:100%;border:1px solid #ccc;padding-left:13px;margin-bottom:10px}
.chatButton{padding:5px;margin-bottom:5px;width:100%;height:50px;color:var(--text-color);background-color:var(--company-color);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:0;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px}
.chatButton:hover{color:White;background-color:#000}.chat-title{text-align:center;font-weight:600;font-size:20px;color:var(--company-color)}
.chatHeaderName{font-weight:600;color:var(--company-color)}.attach{-webkit-transition:all .2s cubic-bezier(0.25,0.75,0.5,1.4) 0s;-o-transition:all .2s cubic-bezier(0.25,0.75,0.5,1.4) 0s;transition:all .2s cubic-bezier(0.25,0.75,0.5,1.4) 0s;background-color:#f6f6f6;color:#7a7a7a;border-radius:4px;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2),0 1px 3px 0 rgba(0,0,0,0.1);box-shadow:0 1px 2px 0 rgba(0,0,0,0.2),0 1px 3px 0 rgba(0,0,0,0.1);border:1px solid #f6f6f6;font-size:13.5px;padding:8px 16px;font-weight:500}
.attach:hover{cursor:pointer}.input__trigger{display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:flex;-webkit-align-items:center;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.input-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;margin:0 0 16px;padding-left:10px}

.input-wrapper-user{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;margin:0 0 16px}
.input-wrapper-admin{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;margin:0 0 16px;float: right;}

input-group{display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:flex;-webkit-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 0 16px;width:300px}
.input-group label{line-height:22px;font-size:13.5px;color:#3d3f43;font-weight:bold;padding-bottom:8px}
.input-wrapper--button .input-group .input-group{display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:flex;-webkit-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .2s cubic-bezier(0.25,0.75,0.5,1.4) 0s;-o-transition:all .2s cubic-bezier(0.25,0.75,0.5,1.4) 0s;transition:all .2s cubic-bezier(0.25,0.75,0.5,1.4) 0s;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2),0 1px 3px 0 rgba(0,0,0,0.1);box-shadow:0 1px 2px 0 rgba(0,0,0,0.2),0 1px 3px 0 rgba(0,0,0,0.1);border-radius:4px;background:#f6f6f6}
.fileAttach{height:40px;position:absolute;z-index:8;opacity:0}.input-wrapper--button .input-group .input-group .attach{-webkit-flex-grow:2;-ms-flex-grow:2;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;border-radius:4px 0 0 4px;-webkit-box-shadow:none;box-shadow:none}
.fileAttach.input{position:relative}.input__trigger span{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.input-wrapper--button .input-group .input-group>.button-icon{border:0;height:40px;padding:0;border-radius:0 4px 4px 0;width:40px;min-width:1px;margin:0;-webkit-box-shadow:none;box-shadow:none;background-color:#f6f6f6;-webkit-transition:all .3s cubic-bezier(0.3,0.01,0.6,0.99) 0s;-o-transition:all .3s cubic-bezier(0.3,0.01,0.6,0.99) 0s;transition:all .3s cubic-bezier(0.3,0.01,0.6,0.99) 0s}
.button-close-attach{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .2s cubic-bezier(0.25,0.75,0.5,1.4) 0s;-o-transition:all .2s cubic-bezier(0.25,0.75,0.5,1.4) 0s;transition:all .2s cubic-bezier(0.25,0.75,0.5,1.4) 0s;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2),0 1px 3px 0 rgba(0,0,0,0.1);box-shadow:0 1px 2px 0 rgba(0,0,0,0.2),0 1px 3px 0 rgba(0,0,0,0.1);border:0;background:#f6f6f6;padding:13px;z-index:10;outline:0;cursor:pointer}
.button-close-attach:hover{background:var(--company-color);color:var(--text-color)}
@media screen and (min-width:650px){.chat-scroll{height:590px}}
.sidebarTitleHeader{
    padding: 12px;
    background: #f4f4f4;
    border-bottom: .5px solid #e2e2e2;
    width: 100%;
}
#sidebarButton{
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    color: DimGrey;
}
.footer-sidebar-icon{
    width: 100%;
    font-size: 20px;
    border: 0;
    outline: 0;
    padding: 10px;
}
.footer-sidebar-icon:hover{
    background: var(--company-second-color);
    color: var(--company-color);
}
@media (max-width: 1120px){
    .app-header-center-region-02{
        display: none !important;
    }
}

/*support*/


.map {
    /*box-shadow: 10px 0 21px -9px #888;*/
    background: rgb(240, 240, 240);
    font-family: 'Montserrat', sans-serif;
    max-width: calc(100vw - 60px);
    height: 785px;
}
@media (max-width: 1023px){
    .map {

        height: 100%;
    }
}
#map {
    width: 65%;
    height: 380px;
    display: inline-block
}

.map-c {


    height: 100%;
    padding: 25px;
    box-sizing: border-box
}



.map-p {
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 30px
}

.det {
    font-size: 12px;
    margin-bottom: 15px;
    font-weight: 600;

}



.map-button {
    margin: 15px 4px;
    padding: 13px 9px;
    display: inline-block;
    cursor: pointer;
    background: none;
    color: #546973;
    border: 2px solid #78909C;
    transition: all 0.3s;
    border-radius: 8px;
    outline:0
}

.map-button:hover {
    border-color: rgb(90, 90, 90);
    color: rgb(90, 90, 90)
}

.map-button:after {
    content: 'Directions';
    font-family: 'Montserrat', sans-serif;
    display: block;
    font-size: 11px;
    margin-top: 8px
}

.fa-envelope:after {
    content:'Email';
    margin:8px 13px 0
}

@media only screen and (max-width: 720px) {
    .map {
        margin: 10px;
        overflow: hidden
    }
    #map {
        width: 100%;
        height: 200px;
    }
    .map-c {
        float: right;
        width: 100%;
    }
    .map-button {
        float: right;
        margin-top: -75px
    }
}

@media only screen and (max-width: 460px) {
    .map-p {
        display: none
    }
    h1 {
        margin-bottom:20px
    }
    .map-button {
        float: none;
        margin-top: 10px
    }
    .det {
        margin-bottom: 9px
    }
}
.googlemap{
    height: 285px;
    width: 100%;
}


/*.................*/

#categories{
    overflow:hidden;
    width:100%;
    margin:0 auto;
}
.clr:after{
    content:"";
    display:block;
    clear:both;
}
#categories li{
    position:relative;
    list-style-type:none;
    /*width:27.85714285714286%; /* = (100-2.5) / 3.5 */
    width:48.714286%; /* = (100-2.5) / 3.5 */
    /*padding-bottom: 32.16760145166612%; /* =  width /0.866 */
    padding-bottom: 55.335203%; /* =  width /0.866 */
    float:left;
    overflow:hidden;
    visibility:hidden;

    -webkit-transform: rotate(-60deg) skewY(30deg);
    -ms-transform: rotate(-60deg) skewY(30deg);
    transform: rotate(-60deg) skewY(30deg);
}
#categories li:nth-child(3n+2){
    margin:0 1%;
}
#categories li:nth-child(6n+4){
    margin-left:0.5%;
}
#categories li:nth-child(6n+4), #categories li:nth-child(6n+5), #categories li:nth-child(6n+6) {
    margin-top: -6.9285714285%;
    margin-bottom: -6.9285714285%;

    -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
    -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
    transform: translateX(50%) rotate(-60deg) skewY(30deg);
}
#categories li:nth-child(6n+4):last-child, #categories li:nth-child(6n+5):last-child, #categories li:nth-child(6n+6):last-child{
    margin-bottom:0%;
}
#categories li *{
    position:absolute;
    visibility:visible;
}
#categories li > div{
    width:100%;
    height:100%;
    text-align:center;
    color:#fff;
    overflow:hidden;

    -webkit-transform: skewY(-30deg) rotate(60deg);
    -ms-transform: skewY(-30deg) rotate(60deg);
    transform: skewY(-30deg) rotate(60deg);

    -webkit-backface-visibility:hidden;

}

/* HEX CONTENT */
#categories li img{
    left:-100%; right:-100%;
    width: auto; height:100%;
    margin:0 auto;
}

#categories div h1, #categories div p{
    width:100%;
    padding:0 5%;
    background-color: var(--company-color);


    -webkit-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
    -ms-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
    transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
}
#categories li h1{
    bottom:110%;
    font-style:italic;
    font-weight:normal;
    font-size:1.5em;
    padding-top:100%;
    padding-bottom:100%;
}
#categories li h1:after{
    content:'';
    display:block;
    position:absolute;
    bottom:-1px; left:45%;
    width:10%;
    text-align:center;
    z-index:1;
    border-bottom:2px solid #fff;
}
#categories li p{
    padding-top:50%;
    top:110%;
    padding-bottom:50%;
}


/* HOVER EFFECT  */

#categories li div:hover h1 {
    bottom:50%;
    padding-bottom:10%;
}

#categories li div:hover p{
    top:50%;
    padding-top:10%;
}
#fork{
    position:fixed;
    top:0;
    left:0;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    padding:.5em .7em;
    margin:1%;
    transition: color .5s;
    overflow:hidden;
}
#fork:before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 130%; height: 100%;
    background: #000;
    z-index: -1;
    transform-origin:0 0 ;
    transform:translateX(-100%) skewX(-45deg);
    transition: transform .5s;
}
#fork:hover {
    color: #fff;
}
#fork:hover:before {
    transform: translateX(0) skewX(-45deg);
}
.info-cont-panel{
    width: 100%;
    height: 780px;
    background: var(--widgetsSubBackgroundColor);
    color: var(--widgetsContentTextColor);
}
.info-cont-title{
    font-weight: 600;
    padding: 20px;
    font-size: 20px;
}
.info-cont-body{
    padding: 40px;
}
.info-cont-body table tr .leftTD{
    text-align: right;
    padding-right: 20px;
    font-weight: 600;
    padding-bottom: 15px;
}
.info-cont-body table tr td{
    padding-top: 15px;
    padding-bottom: 15px;
}
.info-cont-body table{
    border-collapse: collapse;
    padding: 20px;
}
.trInfo{
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #a3a3a3;
}
.addressDiv{
    font-weight: 600;
    font-size: 16px;
}
.addressDivSmall{
    font-weight: 600;
    font-size: 16px;
    padding-top: 10px;
    display: none;
}
.loginBackground{
    width: 100%;
    height: 115%;
}
@media(max-width:639px){
    .loginBackground{
        width: auto;
        height: 115%;
    }
    .info-cont-panel{
        height: auto;
    }

    .addressDiv{
display: none;
    }
    .addressDivSmall{

        display: block;
    }

}

.countdown{
    font-weight: 600;
    color: #818181;
}




#countdown.timer {
    margin: 0 auto;
    max-width: 530px;
}


.disabledAppClass{
 pointer-events: none;
    opacity: 0.5;
}
.disabledAppClass .app-button-text{
color:#bfbfbf;
}
.disabledAppClass .app-button-icon{
opacity: 0.5;
}

#userType{color: var(--contentTextColor);}
label{color: var(--contentTextColor);}