/* 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: var(--Font);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: var(--Font);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: var(--Font);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: var(--Font);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}

*{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 var(--text-color)}
#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 45px;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>span{color:var(--company-color);font-size:15px;font-family: var(--Font);}
#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:var(--pageHeaderColor);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:var(--pageHeaderColor);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 var(--pageHeaderBorderColor);background:var(--pageHeaderColor);height:45px;padding-left:20px;margin:-10px -10px 10px -10px}
.inner-page-header .inner-page-header-title{height:45px;line-height:45px;color:var(--pageHeaderTextColor)}
.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:var(--pageHeaderTextColor);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:var(--pageHeaderTextColor);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}

.FixedToolBar{position:fixed;width:100%;z-index:1}
.ContentForFixedToolBar{margin-top:25px}
.default-button{color:var(--pageHeaderTextColor)}
.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{border-radius: var(--RoundButtons);text-decoration:none;border:0.5px solid var(--buttonsTextcolor);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(--buttonsTextcolor);background-color:var(--buttonsBackgroundcolor);-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 .ms-Icon{font-size:16px;color:var(--buttonsTextcolor);}
.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:var(--text-color)}
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}

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}

nav.secondNavbar{background:#fff;position:absolute;top:0px;height:100%;width:305px;-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:#000;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:transparent;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: var(--Font);margin-top:-4px}
.user-icon-container>button.base-button>.user-icon>.fas{color:var(--company-color);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:var(--text-color);;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:30px;height:30px;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:#000;display:inline-block;max-width:100%;font:11px 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: var(--Font);;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}

.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}

.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 var(--InputBordercolor);padding-left:13px;background: var(--InputBackgroundcolor);;color:var(--InputTextcolor);}
.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:var(--contentTextColor);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:var(--contentTextColor);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}

.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}

#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;-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>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{padding-left: 23px; font-size:1px;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}

.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{background: var(--InputBackgroundcolor);color:var(--InputTextcolor);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 var(--InputBordercolor);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{background: transparent;color: var(--buttonsBackgroundcolor);-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;}
.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%}

.tdFixedWidth{width:100px}

.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: var(--Font);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}

.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%}

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:var(--pageHeaderColor);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:var(--pageHeaderColor);}
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;color: var(--pageHeaderTextColor);}
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:var(--pageHeaderTextColor);color:var(--pageHeaderColor);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: var(--Font);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: var(--Font);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}

.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 var(--InputBordercolor);padding-left:6px;background: var(--InputBackgroundcolor);color:var(--InputTextcolor);border-radius: var(--RoundInputs);}
.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}

.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{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 var(--InputBordercolor);width:100%}
.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}

.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}


.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}

.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}

.e-colorwidget.e-widget{width:100% !important}
.e-colorwidget .e-selected-color{width:98% !important}
.e-colorwidget.e-split .e-in-wrap .e-select:hover,.e-colorwidget.e-split .e-color-container:hover{background:transparent !important}
.container{border:2px solid var(--InputBordercolor);background-color:var(--InputBackgroundcolor);color: var(--InputTextcolor); 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{background: var(--InputBackgroundcolor);color: var(--InputTextcolor); height:50px;width:100%;border:1px solid var(--InputBordercolor);padding-left:13px;margin-bottom:10px}
.chatButton{padding:5px;margin-bottom:5px;width:100%;height:50px;color:var(--buttonsTextcolor);background-color:var(--buttonsBackgroundcolor);border:0.5px solid var(--buttonsTextcolor);border-radius: var(--RoundButtons);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline: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{margin-top: 3px; 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;}
.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;}
.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:var(--RoundInputs);background:var(--InputBackgroundcolor);border: 0.5px solid var(--InputBordercolor);}
.fileAttach{height:40px;position:absolute;z-index:8;opacity:0;background: var(--InputBackgroundcolor);color: var(--InputTextcolor);}
.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:var(--RoundInputs);-webkit-box-shadow:none;box-shadow:none;background:var(--InputBackgroundcolor);color: var(--InputTextcolor);border: 0;}
.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.5px solid var(--InputBordercolor);height:40px;padding:0;border-radius:0 var(--RoundInputs) var(--RoundInputs) 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;background: var(--InputBackgroundcolor);color: var(--InputTextcolor);}
.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;border-radius: var(--RoundButtons);background: var(--buttonsBackgroundcolor);color: var(--buttonsTextcolor);border:0.5px solid var(--buttonsTextcolor);margin-bottom: 9%;}
.button-close-attach:hover{background:var(--buttons-second-color);}

.sidebarTitleHeader{padding: 3px;background: var(--pageHeaderColor);border-bottom: .5px solid var(--pageHeaderBorderColor);width: 100%;color:var(--pageHeaderTextColor);}
#sidebarButton{font-size: 16px;padding-left: 10px;padding-right: 10px;cursor: pointer;color: var(--pageHeaderTextColor);}
.footer-sidebar-icon{width: 100%;font-size: 20px;border: 0;outline: 0;padding: 10px;background: var(--pageHeaderColor);color: var(--pageHeaderTextColor);}
.footer-sidebar-icon:hover{background: var(--pageHeaderTextColor);color: var(--pageHeaderColor);}

.map {background: rgb(240, 240, 240);font-family:  var(--Font);max-width: calc(100vw - 60px);height: 785px;}

#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:  var(--Font);display: block;font-size: 11px;margin-top: 8px}
.fa-envelope:after {content:'Email';margin:8px 13px 0}

.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:48.714286%; padding-bottom: 55.335203%;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;}
#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%;}
#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%;}

.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);}
.secondNavbar{overflow-y: scroll;}
.secondNavbar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#f5f5f5}
.secondNavbar::-webkit-scrollbar{width:6px;height:6px;background-color:#f5f5f5}
.secondNavbar::-webkit-scrollbar-thumb{background-color:var(--company-color)}
#SaveNewTheme,#cancelAddTheme,#NewTheme{display: none;}
.grid-stack>.grid-stack-item>.grid-stack-item-content .contentCardTitle label{color:var(--widgetsContentTextColor)}
.h2_Myprofile{color:var(--widgetsContentTextColor);margin-bottom: 3%;}
.dropdown-check-list {display: inline-block;display: block;position: relative;background: var(--InputBackgroundcolor);color: var(--InputTextcolor);border-radius: var(--RoundInputs);border: 0.5px solid var(--InputBordercolor);outline: 0;}
.dropdown-check-list .anchor {position: relative;cursor: pointer;display: inline-block;padding: 9px 50px 5px 10px;border: 0.5px solid var(--InputBordercolor);width: 100%;height: 30px;user-select: none;border-radius: var(--RoundInputs);margin-top: 0px;}
.dropdown-check-list .anchor:after {position: absolute;content: "";border-left: 2px solid black;border-top: 2px solid black;padding: 3px;right: 6px;top: 34%;-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}
.dropdown-check-list .anchor:active:after {right: 8px;top: 21%;}
.dropdown-check-list ul.items {padding: 2px;display: none;margin: 0;border: 1px solid #ccc;border-top: none;}
.dropdown-check-list ul.items li input {margin-right: 10px;cursor: pointer;float: left;background: var(--InputBackgroundcolor);color: var(--InputTextcolor);border-radius: var(--RoundInputs);border: 0.5px solid var(--InputBordercolor);}
.label_for_check {cursor: pointer;user-select: none;float: left;}
.label_for_check2 {user-select: none;float: left;padding-right: 12px;}
.label_for_uncheck {cursor: not-allowed;user-select: none;float: left;}
.dropdown-check-list ul.items li {list-style: none;width: 100%;padding: 9px;border-bottom-style: solid;border-bottom-width: 1px;border-bottom-color: #c4c3c3;height: 28px;}
.dropdown-check-list.visible .items {display: block;position: fixed;z-index: 999;background: var(--InputBackgroundcolor) !important;color: var(--InputTextcolor) !important;width: 15%;overflow-y: scroll;height: 300px;width: 266px;}
.checkbox_from_list{border-radius: var(--RoundInputs) !important;background: var(--InputBackgroundcolor) !important;color: var(--InputTextcolor) !important;border: 0.5px solid var(--InputBordercolor) !important;   }
textarea,select,input[type="checkbox"],input[type="text"],input[type="password"],input[type="number"]{border-radius: var(--RoundInputs) !important;background: var(--InputBackgroundcolor) !important;color: var(--InputTextcolor) !important;border: 0.5px solid var(--InputBordercolor) !important;}
.e-colorwidget .e-in-wrap.e-box, .e-colorwidget .e-in-wrap.e-box .e-select, .e-colorpicker .e-footer .e-in-wrap.e-box .e-splitbutton, .e-colorpicker .e-footer .e-in-wrap.e-box .e-rht-btn, .e-colorpicker .e-footer .e-in-wrap.e-box .e-split-btn, .e-colorpicker .e-footer .e-in-wrap.e-box .e-drp-btn.e-rht-btn, .e-colorwidget.e-split .e-in-wrap .e-select.e-disable:active{border-radius: var(--RoundInputs);}
.e-colorwidget.e-widget{background-clip:border-box;box-sizing:content-box;display:block;position:relative;height:30px;width:35px;outline:0 none;border: 0.5px solid  var(--InputBordercolor);border-radius: var(--RoundInputs);}

.grid-stack>.grid-stack-item>.grid-stack-item-content{background:var(--widgetsBackgroundColor);border-style:solid;border-color:var(--borderColor);border-width:1px;color:var(--widgetsContentTextColor);border-radius: var(--RoundWidjets);}
.grid-stack>.grid-stack-item>.grid-stack-item-content>.grid-stack .sub{background:transparent}
.grid-stack>.grid-stack-item>.grid-stack-item-content>.grid-stack .sub .grid-stack-item-content{border-style:solid;border-color:#c9c9c9;border-width:1px;background:var(--widgetsSubBackgroundColor);}
.grid-stack>.grid-stack-item>.grid-stack-item-content>.grid-stack .sub .grid-stack-item-content .dbCard{-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.grid-stack>.grid-stack-item>.grid-stack-item-content>.grid-stack .sub .grid-stack-item-content .dbCard .fas{color:var(--widgetsContentTextColor);font-size:20px}
.grid-stack>.grid-stack-item>.grid-stack-item-content>.grid-stack .sub .grid-stack-item-content .dbCard .circleFas{height:35px;width:35px;background-color:#807e7d;border-radius:50%;line-height:35px;font-size:16px !important;padding-left:12px;color:#fff;border:1px solid var(--company-color)}
.grid-stack>.grid-stack-item>.grid-stack-item-content>.grid-stack .sub .grid-stack-item-content .dbCard .circleFas2{height:30px;width:30px;background-color:#807e7d;border-radius:50%;line-height:31px;font-size:14px !important;padding-left:9px;color:#fff;border:1px solid var(--company-color)}
.grid-stack>.grid-stack-item>.grid-stack-item-content>.grid-stack .sub .grid-stack-item-content .dbCard .circleFas3{height:30px;width:30px;background-color:#807e7d;border-radius:50%;line-height:31px;font-size:14px !important;padding-left:8px;color:#fff;border:1px solid var(--company-color)}
.grid-stack>.grid-stack-item>.grid-stack-item-content>.grid-stack .sub .grid-stack-item-content .dbCard label{color:var(--widgetsContentTextColor);font-weight:600;padding-left:5px;font-size: 12px;}
.grid-stack>.grid-stack-item>.grid-stack-item-content>.grid-stack .sub .grid-stack-item-content .dbCard label.unit{color:red;font-size:10px}
.grid-stack>.grid-stack-item>.grid-stack-item-content>.grid-stack .sub .grid-stack-item-content .dbCard-body{padding-left:20px;padding-top:10px}
.grid-stack>.grid-stack-item>.grid-stack-item-content>.grid-stack .sub .grid-stack-item-content .dbCard-body .fas{font-size:28px}
.grid-stack>.grid-stack-item>.grid-stack-item-content>.grid-stack .sub .grid-stack-item-content .dbCard-body span{color:var(--widgetsContentTextColor);padding:5px;font-size:20px;font-weight:600}
.grid-stack>.grid-stack-item>.grid-stack-item-content>.grid-stack .sub .grid-stack-item-content .dbCard-body span img{width:20px}
.grid-stack>.grid-stack-item>.grid-stack-item-content>.grid-stack .sub .grid-stack-item-content .dbCard-footer{text-align:right;position:absolute;right:5px;bottom:5px;color:red}
.grid-stack>.grid-stack-item>.grid-stack-item-content .contentCardTitle{font-size:17px;font-weight:600;border-bottom-style:solid;border-width:1px;border-color:var(--widgetsBorderHeaderColor);color:var(--widgetsContentTextColor);padding:10px;margin-bottom:10px;position:-webkit-sticky;position:sticky;top:0;z-index:1;background:var(--widgetsSubBackgroundColor)}
.grid-stack>.grid-stack-item>.grid-stack-item-content .contentCardTitle .fas{padding-right:5px}
.grid-stack>.grid-stack-item>.grid-stack-item-content .contentCardTitle .btnDel{float:right;cursor:pointer;visibility:hidden;padding-left:10px}
.grid-stack>.grid-stack-item>.grid-stack-item-content .contentCardTitle .btnDelsub{float:right;cursor:pointer;visibility:hidden;padding-left:10px}
.grid-stack>.grid-stack-item>.grid-stack-item-content .contentCardTitle .btnAdd{float:right;cursor:pointer;visibility:hidden;padding-left:10px}
.grid-stack>.grid-stack-item>.grid-stack-item-content .contentCardTitle:hover>.btnDel{visibility:visible}
.grid-stack>.grid-stack-item>.grid-stack-item-content .contentCardTitle:hover>.btnDelsub{visibility:visible}
.grid-stack>.grid-stack-item>.grid-stack-item-content .contentCardTitle:hover>.btnAdd{visibility:visible}
.grid-stack>.grid-stack-item>.grid-stack-item-content>.ui-resizable-se{color:var(--text-color)}
.grid-stack>.grid-stack-item>.grid-stack-item-content .contentCardTitle2 .btnDelsub{float:right;cursor:pointer;visibility:hidden;margin:5px}
.grid-stack>.grid-stack-item>.grid-stack-item-content .contentCardTitle2:hover>.btnDelsub{visibility:visible}
.secondNavbar{overflow-y: scroll;}
.secondNavbar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#f5f5f5}
.secondNavbar::-webkit-scrollbar{width:6px;height:6px;background-color:#f5f5f5}
.secondNavbar::-webkit-scrollbar-thumb{background-color:var(--company-color)}
.Save_btn_gridStack:hover,.Save_btn_gridStack2:hover,.Save_btn_gridStack3:hover,.Save_btn_gridStack4:hover,.Save_btn_gridStack5:hover,.Save_btn_gridStack6:hover,.Save_btn_gridStack7:hover,.Save_btn_gridStack8:hover{cursor: pointer;background: var(--company-second-color);}
.Save_btn_gridStack,.Save_btn_gridStack2,.Save_btn_gridStack3,.Save_btn_gridStack4,.Save_btn_gridStack5,.Save_btn_gridStack2_1 {cursor: pointer;background: var(--company-color);position: absolute;padding: 9px 10px 10px 13px;font-size: 17px;top: 0px;height: 38px;width: 40px;color: var(--text-color);font-weight: 300;}
.Save_btn_gridStack6,
.Save_btn_gridStack7,
.Save_btn_gridStack8{cursor: pointer;background: var(--company-color);position: absolute;padding: 9px 10px 10px 13px;font-size: 17px;top: 0px;height: 39px;width: 40px;color: var(--text-color);font-weight: 300;}
.Save_btn_gridStack2_1 {right: 0px;top: 38px;}
.Save_btn_gridStack {right: 0px;}
.Save_btn_gridStack2 {right: 43px;}
.Save_btn_gridStack3 {right: 86px;}
.Save_btn_gridStack4 {right: 129px;padding-left: 9px;}
.Save_btn_gridStack5 {right: 172px;}
.Save_btn_gridStack6 {right: 86px;}
.Save_btn_gridStack7 {right: 43px;}
.Save_btn_gridStack8 {right: 0px;}
.Export_Energy_CAP .invoicesUnit {top: 48px;}
.CoColorbtn {height: 35px;color: #fff;font-weight: bold;background-color: var(--company-color);color: var(--text-color);margin-top: 10px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;padding: 6px 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.CoColorbtn {height: 35px;color: #fff;font-weight: bold;background-color: var(--company-color);color: var(--text-color);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.CoColorbtn span.icon>i.ms-icon {font-size: 20px;color: #fff}
button.CoColorbtn:hover {color: White;background-color: #212121}
button.CoColorbtn:active {-webkit-box-shadow: 0 0 5px #212121;box-shadow: 0 0 5px #212121}
.recordDataContentInChart .control .CoColorbtn {margin-top: -8px;margin-right: 10px;font-size: 12px;padding: 5px;width: 100px}
.input-group-prepend{display: inline;background: #cccccc;padding: 9.5px 8.5px 9.5px 8.5px;margin: -4px;cursor: pointer;}
.input-group .flatpickr{border: 1px solid #ccc;margin-top: 3px;}

.search_row{margin-top: 8px;}
.save_Report{border: aliceblue;font-size: 16px;color: #484848;background: transparent;}
.save_Report:hover{cursor: pointer;background: var(--company-color);color: var(--text-color);}
.btnsavee{cursor: pointer;background: var(--buttonsBackgroundcolor);color: var(--buttonsTextcolor);border-radius: var(--RoundButtons);position: absolute;right: 42px;top: 0px;height: 100%;width: 40px;padding: 11px 10px 10px 13px;font-size: 17px;}
.btnsavee:hover{background: var(--buttons-second-color);}
.btnsave3{cursor: pointer;background: var(--buttonsBackgroundcolor);color: var(--buttonsTextcolor);border-radius: var(--RoundButtons);position: absolute;right: 126px;top: 0px;height: 100%;width: 40px;padding: 11px 10px 10px 13px;font-size: 17px;}
.btnsave3:hover{background: var(--buttons-second-color);}
.btnupdatee{cursor: pointer;background: var(--buttonsBackgroundcolor);color: var(--buttonsTextcolor);border-radius: var(--RoundButtons);position: absolute;right: 84px;top: 0px;height: 100%;width: 40px;padding: 11px 10px 10px 12px;font-size: 17px;}
.btnupdatee:hover{background: green;}
.plus2{cursor: pointer;background: var(--company-color);color: var(--text-color);position: absolute;right: 42px;top: 0px;height: 100%;width: 40px;padding: 11px 10px 10px 12px;font-size: 17px;}
.plus2:hover{background: var(--company-second-color);}
.headerChart{font-size: 16px;}
.invoicesUnit {position: absolute;top: 28px;right: 11px;font-size: 11px;font-weight: 600;color: red;pointer-events: none;}
.btnsaveloc {float: right;color: #afafaf;padding-right: 8px;cursor: pointer;}
.modal2 {position: absolute;z-index: 1;padding-top: 20px;left: 26%;top: -65%;width: 50%;overflow: auto;z-index: 99;}
.modal2-content {background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 80%;}
.close2 {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;margin-top: -12px;}
.close2:hover,.close2:focus {color: #000;text-decoration: none;cursor: pointer;}
.grid-stack>.grid-stack-item>.grid-stack-item-content .contentCardTitle label{color:var(--widgetsContentTextColor)}
.dbCard-header{margin:5px}
.PSCard .PSHeader{font-weight:700;padding-bottom:10px;padding-top:7px;padding-left: 5px;}
.PSCard .PSBody{padding-left:10px}
.PSCard .PSBody label{font-weight:600;padding-left:5px}
.PSCard .PSBody .unit{color:red;font-size:11px}
.PSCard .PSBody .fas{font-size:20px}
.PSCard .PSBody .circleFas{height:35px;width:35px;background-color:#807e7d;border-radius:50%;line-height:35px;font-size:16px !important;padding-left:12px;color:#fff;border:1px solid var(--company-color)}
.PSCard .PSBody span{display:block;padding-left:45px;font-size:20px;height: 20px;}
.grid-stack-item-content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#f5f5f5}
.grid-stack-item-content::-webkit-scrollbar{width:6px;height:6px;background-color:#f5f5f5}
.grid-stack-item-content::-webkit-scrollbar-thumb{background-color:var(--company-color)}
.resultWS{display:inherit;padding-top:1px !important;padding-left:49px !important}
.to{font-size:10px}
.dbCard-header .btnDel{position:absolute;right:5px;font-size:15px !important;cursor:pointer;visibility:hidden}
.dbCard-header .btnDelsub{position:absolute;right:5px;font-size:15px !important;cursor:pointer;visibility:hidden}
.dbCard-header .btnAdd{position:absolute;right:25px;font-size:15px !important;cursor:pointer;visibility:hidden}
.dbCard-header:hover>.btnDel{visibility:visible}
.dbCard-header:hover>.btnDelsub{visibility:visible}
.dbCard-header:hover>.btnAdd{visibility:visible}
.gridImgimg{position:absolute;left:50%;width:50%;-webkit-transform:translate(-50%,15%);-ms-transform:translate(-50%,15%);transform:translate(-50%,15%)}
.gridToDownload{text-align:center;width:100%}
.invSubContent label.title{font-size:15px;font-weight:600;padding:17px;position:absolute;color: var(--widgetsContentTextColor);}
.invSubContent label.status{color:var(--widgetsContentTextColor);font-size:25px;position:absolute;right:10px;top:15px;font-weight:700}
.invSubContent label.unit{font-size:12px;right:2px;bottom:2px;position:absolute;color:red}
.invSubContent:hover{color:var(--company-color)}
.SearchDiv{padding-bottom:20px}
.footer{position:fixed;right:10px;bottom:10px;color:var(--contentTextColor);text-align:center;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}
.sidebarTitleHeader{padding: 3px;background: var(--pageHeaderColor);border-bottom: .5px solid var(--pageHeaderBorderColor);width: 100%;color:var(--pageHeaderTextColor);}
#sidebarButton{font-size: 16px;padding-left: 18px;padding-right: 10px;cursor: pointer;color:var(--pageHeaderTextColor);}
.footer-sidebar-icon{width: 100%;font-size: 20px;border: 0;outline: 0;padding: 10px;background: var(--pageHeaderColor);color: var(--pageHeaderTextColor);}
.footer-sidebar-icon:hover{background: var(--pageHeaderTextColor);color: var(--pageHeaderColor);}  
.btnSave{cursor: pointer;background: var(--buttonsBackgroundcolor);color: var(--buttonsTextcolor);border-radius: var(--RoundButtons);position: absolute;right: 0px;top: 0px;height: 100%;width: 40px;padding: 9px 10px 10px 12px;font-size: 18px;}
.btnSave:hover{background: var(--buttons-second-color);}
.btnSave2{cursor: pointer;background: var(--buttonsBackgroundcolor);color: var(--buttonsTextcolor);border-radius: var(--RoundButtons);position: absolute;right: 84px;top: 0px;height: 100%;width: 40px;padding: 10px 10px 10px 14px;}
.btnSave2:hover{background: var(--buttons-second-color);}
.btnSaveAll{cursor: pointer;cursor: pointer;background: var(--buttonsBackgroundcolor);color: var(--buttonsTextcolor);border-radius: var(--RoundButtons);position: absolute;right: 0px;top: 0px;height: 100%;width: 40px;padding: 10px 10px 10px 14px;}
.btnSaveAll:hover{background: var(--buttons-second-color);}
.listView_item{width: 99%;padding: 5px;margin: 3px;color:var(--widgetsContentTextColor);}
.listView_item:hover{background: var(--company-color);color:var(--text-color);}
.LabelQuickSettings{width: 100%;font-size: 12px;color: #232323;user-select: none;display: inline;}
.btnDelete{cursor: pointer;background: var(--buttonsBackgroundcolor);color: var(--buttonsTextcolor);border-radius: var(--RoundButtons);position: absolute;right: 0px;top: 0px;height: 100%;width: 40px;padding: 10px 10px 10px 14px;}
.btnDelete:hover{background: red;}
.btnUpdate{cursor: pointer;background: var(--buttonsBackgroundcolor);color: var(--buttonsTextcolor);border-radius: var(--RoundButtons);position: absolute;right: 42px;top: 0px;height: 100%;width: 40px;padding: 10px 10px 10px 14px;}
.btnUpdate:hover{background: green;}
.btnReset{cursor: pointer;background: var(--buttonsBackgroundcolor);color: var(--buttonsTextcolor);border-radius: var(--RoundButtons);position: absolute;right: 0px;top: 0px;height: 100%;width: 40px;padding: 10px 10px 10px 13px;}
.btnReset:hover{background: var(--buttons-second-color);}
.btnPlus{cursor: pointer;background: var(--buttonsBackgroundcolor);color: var(--buttonsTextcolor);border-radius: var(--RoundButtons);position: absolute;right: 84px;top: 0px;height: 100%;width: 40px;padding: 10px 10px 10px 13px;}
.btnPlus:hover{background: var(--buttons-second-color);}
.btnExecute{cursor: pointer;background: var(--buttonsBackgroundcolor);color: var(--buttonsTextcolor);border-radius: var(--RoundButtons);position: absolute;right: 126px;top: 0px;height: 100%;width: 40px;padding: 10px 10px 10px 14px;}
.btnExecute:hover{background: var(--buttons-second-color);}
.textareaScripts{width: 100%;overflow-y: scroll;overflow-x: hidden;resize: none;border: 1px solid #d1cdcd;padding:6px;}

.btnWrite{cursor: pointer;background: var(--buttonsBackgroundcolor);color: var(--buttonsTextcolor);border-radius: var(--RoundButtons);position: absolute;right: 0px;top: 0px;height: 100%;width: 40px;padding: 10px 10px 10px 14px;}
.btnWrite:hover{background: green;}    
.ListItemStatus{list-style-type: none;}
.ItemListView{width: 99%;padding: 5px;margin: 3px;}
.ItemListViewRun{background: #01a401;color:#fff;}
.ItemListViewError{background: red;color:#fff;}
.ItemListViewDisabled{background: #8b8b8b;color:#fff;}
.ItemListViewLdle{background: transparent;color:#000;border: 1px solid #000;}
.DivStatus{width: 24%;height: 20px;margin-right: 2px;text-align: center;margin-top: 10px;padding-top: 2px;}
.btnAck{cursor: pointer;background: var(--buttonsBackgroundcolor);color: var(--buttonsTextcolor);border-radius: var(--RoundButtons);position: absolute;right: 42px;top: 0px;height: 100%;width: 40px;padding: 10px 10px 10px 14px;}
.btnAck:hover{background: green;}
.btnRefresh{cursor: pointer;background: var(--buttonsBackgroundcolor);color: var(--buttonsTextcolor);border-radius: var(--RoundButtons);position: absolute;right: 42px;top: 0px;height: 100%;width: 40px;padding: 10px 10px 10px 14px;}
.btnRefresh:hover{background: green;}
.scroll_div{overflow-y: scroll;}
.scroll_div::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#f5f5f5}
.scroll_div::-webkit-scrollbar{width:6px;height:6px;background-color:#f5f5f5}
.scroll_div::-webkit-scrollbar-thumb{background-color:var(--company-color)}
.tableStatus tr .leftTD{padding-right:20px;padding-left:20px;font-weight:600;padding-bottom:15px;color:#000}
.tableStatus{border-collapse:collapse;padding:20px}.tableStatus tr .rightTD{color:#000;-webkit-filter:brightness(50%);filter:brightness(50%)}
.tableStatus td{padding-top:15px;padding-bottom:15px}.trInfo{border-bottom-style:solid;border-width:1px;border-color:#a3a3a3}
.btnExecute2{cursor: pointer;background: var(--buttonsBackgroundcolor);color: var(--buttonsTextcolor);border-radius: var(--RoundButtons);color: var(--text-color);position: absolute;right: 42px;top: 0px;height: 100%;width: 40px;padding: 10px 10px 10px 13px;}
.btnExecute2:hover{background: var(--buttons-second-color);}

.ColorPicker{background: var(--InputBackgroundcolor);color: var(--InputTextcolor); height:30px;width:100%;outline:0;border:1px solid var(--InputBordercolor);cursor:pointer;border-radius: var(--RoundInputs);padding: 5px;}


@media(min-width:0){
    nav#header-navbar{display:block}
    section.login-area .login-panel .login-location2{display:none}
    .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}
    #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:720px){
    .base-button .logo-button:hover svg{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);margin-left:-3px}
}
@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}
    #app .app-content .app-content-left{background:var(--pageHeaderColor);-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}
}

@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(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}
    section.changePass-area{width:100%}
}
@media(max-width:639px){
    .loginBackground{width: auto;height: 115%;}
    .info-cont-panel{height: auto;}
    .addressDiv{display: none;}
    .addressDivSmall{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}
    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}
    section.changePass-area{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
    .AboutTextTitle {font-size: 22px; }
    .AboutText {font-size: 12px; } 
    .scriptslabels{display: none;}
}
@media(max-width:768px){
    .nav-bar-button{opacity:.5;pointer-events:none}
    .SlideDown-button{opacity:1;pointer-events:visible}
    .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}
    .footer{font-size:14px}
    #iconSelect{padding-left:40px;padding-right:20px}
    .input-group-text {display: none !important;}
}
@media(max-width:1023px){
    .map {height: 100%;}
}
@media(max-width:1040px){
    .textboxControl2{width:40%}
    .textboxControl{width:85%}
}
@media(max-width:1120px){
    .app-header-center-region-02{display: none !important;}
}

@media screen and (min-width:650px){
    .chat-scroll{height:590px}
}

@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:533px){
    .section__container .notification-list{height:142px}
    .section__container .notification-list__image{width:70px;height:70px}
    .section__container .notification-list__info{width:-webkit-calc(92% - 80px);width:calc(92% - 80px)}
    .section__container .notification-list__info h2{font-size:1.1em}
    .section__container .notification-list__info .hour,.section__container .notification-list__info .date{font-size:.6em}
    .section__container .notification-list__info .delete{right:10px;bottom:10px;margin:0;top:auto}
    .section__container .notification-list__info .delete img{width:15px;height:15px}
}
@media screen and (max-width:550px){
    .popup-dev{width:80%}
}
@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}
    #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}
}
@media screen and (max-width:768px){
    .section__container .notification-list__info h2{font-size:1.3em}
}
@media screen and (max-width:860px){
    #panel1{height:auto}
}
@media screen and (max-width:1023px){
    .rowTitle1{margin-left:-28px}
    .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}
}
@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}
}
@media screen and (max-width:1050px){
    .section__container{width:100%}
}
@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}
}
@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}
}

@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}
}
@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}
}

*{font-family: var(--Font);}