samp{display:inline-block!important;font-family:inherit!important; }
button{border:none;outline:none;background:inherit;background-color:inherit;color:inherit; }
input{border:none;outline:none;background:inherit;background-color:inherit;color:inherit;font-size:1em; }
select{border:none;outline:none;background:inherit;background-color:inherit;color:inherit; }

*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif; }

@media screen and (max-width:1400px) {
  :root{--cmtBxWid:300px; }
}

@media screen and (max-width:1050px) {
  :root{--cmtBxWid:200px; }
}


body{font-family:"Lato",sans-serif;height:100vh;margin:0;padding:0;background:var(--priBg); }

.App-logo{height:30vmin;pointer-events:none;text-align:center; }
  
@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 10s linear; } }
  
.App-header{background-color:#000000;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white; }
.conatiner{background-color:#111111;height:100vh; }
  
@keyframes App-logo-spin{from{transform:rotate(0deg); }to{transform:rotate(360deg); } }
/*
///////////////////////////////////////////////////////
//      MAIN-PANEL-HEAD MAIN_PANEL_HEAD MAINPANELHEAD
///////////////////////////////////////////////////////
*/
.main-panel-cont{margin-top:var(--marginM3);height:calc(100% - var(--heightM5) - 11px); }
.main-panel-cont>div{display:inline-block;vertical-align:middle; }

.main-panel-head{padding:var(--paddingM2);text-align:left;border-bottom:1px solid var(--priBorder);height:var(--heightM5); }
.main-panel-head samp{line-height:calc(var(--heightM3) - 4px);height:calc(var(--heightM3) - 4px);margin-top:var(--marginM2);box-shadow:0px var(--sizeM0) 0 var(--sizeM0) var(--priShadow); }
.main-panel-head samp:not(:first-child){margin-left:var(--marginM2); }
.main-panel-inp,.main-panel-sel,.main-panel-but{box-shadow:0px 0px var(--sizeM1) var(--sizeM1) var(--priShadow)!important;line-height:calc(var(--liicoSize) - 4px)!important;height:calc(var(--liicoSize) - 4px)!important;border-radius:var(--radiusM1); }
.main-panel-but,.main-panel-sel{cursor:pointer; }
.main-panel-sel>*{cursor:pointer; }
.main-panel-sel option{background:var(--priBg); }
/*.main-panel-head samp:not(.main-panel-but)>*{padding-left:var(--paddingM2); }*/
.main-panel-head samp>*{width:100%;line-height:inherit;height:100%;box-shadow:none;border:none; }
.main-panel-head .main-panel-but:hover{color:var(--secHover); }
/*
///////////////////////////////////////////////////////
//           PAGE CONTROL CTRL
///////////////////////////////////////////////////////
*/
/*.pageCtrl .datNxt,.pageCtrl .datPre{width:var(--liicoSize);min-width:var(--liicoSize);cursor:pointer;border-radius:5px;box-shadow:0 0 2px 2px #777;text-align:center;line-height:calc(var(--liicoSize) - 4px);height:calc(var(--liicoSize) - 4px); }

.pageCtrl .datNxt>*,.pageCtrl .datPre>*{display:inherit;width:inherit;line-height:inherit;height:inherit;pointer-events:none; }
.pageCtrl .datNxt i::before,.pageCtrl .datPre i::before{display:inherit;width:inherit;line-height:inherit;height:inherit;pointer-events:none; }

.pageCtrl .datLmt{width:80px;min-width:80px;height:inherit;line-height:inherit; }
.pageCtrl .datCnt{width:70px;min-width:70px;height:inherit;line-height:inherit; }
.pageCtrl .datCnt>*{height:inherit;line-height:inherit; }
.pageCtrl .datCnt i:nth-child(1){margin-right:10px; }
.pageCtrl .datLmt input{width:40px;margin-left:10px;line-height:calc(var(--liicoSize) - 4px);border-radius:5px;box-shadow:0 0 2px 2px #777;text-align:center; }

.pageCtrl{float:right;box-shadow:none!important;height:var(--heightM3); }
.pageCtrl .datNxt:hover,.pageCtrl .datPre:hover{color:var(--hoverColor); }
.pageCtrl span{display:inline-block;position:relative;margin:0 5px; }*/
.pageCtrl .datNxt{width:var(--liicoSize);min-width:var(--liicoSize);cursor:pointer;border-radius:5px;box-shadow:0 0 2px 2px var(--priBorder);text-align:center;line-height:calc(var(--liicoSize) - 4px);height:calc(var(--liicoSize) - 4px); }
.pageCtrl .datPre{width:var(--liicoSize);min-width:var(--liicoSize);cursor:pointer;border-radius:5px;box-shadow:0 0 2px 2px var(--priBorder);text-align:center;line-height:calc(var(--liicoSize) - 4px);height:calc(var(--liicoSize) - 4px); }
.pageCtrl .datRef{width:var(--liicoSize);min-width:var(--liicoSize);cursor:pointer;border-radius:5px;box-shadow:0 0 2px 2px var(--priBorder);text-align:center;line-height:calc(var(--liicoSize) - 4px);height:calc(var(--liicoSize) - 4px); }

.pageCtrl .datNxt>*{display:inherit;width:inherit;line-height:inherit;height:inherit;pointer-events:none; }
.pageCtrl .datPre>*{display:inherit;width:inherit;line-height:inherit;height:inherit;pointer-events:none; }
.pageCtrl .datRef>*{display:inherit;width:inherit;line-height:inherit;height:inherit;pointer-events:none; }
.pageCtrl .datNxt i::before{display:inherit;width:inherit;line-height:inherit;height:inherit;pointer-events:none; }
.pageCtrl .datPre i::before{display:inherit;width:inherit;line-height:inherit;height:inherit;pointer-events:none; }
.pageCtrl .datRef i::before{display:inherit;width:inherit;line-height:inherit;height:inherit;pointer-events:none; }

.pageCtrl .datRef{width:40px;min-width:40px;height:inherit;line-height:inherit; }
.pageCtrl .datLmt{width:80px;min-width:80px;height:inherit;line-height:inherit; }
.pageCtrl .datCnt{width:70px;min-width:70px;height:inherit;line-height:inherit; }
.pageCtrl .datCnt>*{height:inherit;line-height:inherit; }
.pageCtrl .datCnt i:nth-child(1){margin-right:10px; }
.pageCtrl .datLmt>*{margin:0; }
.pageCtrl .datLmt input{width:40px;margin-left:10px;line-height:calc(var(--liicoSize) - 4px);border-radius:5px;box-shadow:0 0 2px 2px #777;text-align:center; }

.pageCtrl{float:right;box-shadow:none!important;height:var(--heightM3); }
.pageCtrl .datNxt:hover{color:var(--secHover); }
.pageCtrl .datPre:hover{color:var(--secHover); }
.pageCtrl .datRef:hover{color:var(--secHover); }
.pageCtrl span{display:inline-block;position:relative;margin:0 5px; }
/*
///////////////////////////////////////////////////////
//      TABS
///////////////////////////////////////////////////////
*/
.tab{float:left;background-color:var(--priBg);color:var(--priFont);width:var(--tabSelWidth);height:calc(100vh - var(--navHeight));min-width:var(--tabSelWidth);overflow-y:auto;--ms-overflow-style:none;scrollbar-width:none; }.tab::-webkit-scrollbar{display:none;width:0; }
.tabrp{width:150px!important;min-width:150px;height:calc(100vh - var(--navHeight) - 10px)!important; }
.tab button{display: block;background-color:inherit;color:var(--priFont);padding:22px var(--priPadding);width:100%;border:none;outline:none;text-align:left;cursor: pointer;transition: 0.3s;font-size:var(--tabButtonSize); }.tab button span *:hover{cursor:pointer; }
.tab button:hover{background-color:var(--priHover);cursor:pointer; }
.tab button.active{background-color:var(--active); }
.tabcontentrp{min-width:calc(100% - 174px);height:calc(100vh - var(--navHeight) - 10px)!important; }
.tabcontent{float:left;background-color:var(--secBg);padding:var(--tabContentPadding);width:calc(100% - var(--tabSelWidth));min-width:calc(100% - var(--tabSelWidth) - 24px);border:none;height:calc(100vh - var(--navHeight));color:var(--priFont);overflow-y:hidden;overflow-x:auto; }

.tabcontentrp{overflow-x:auto;width:calc(100% - 150px); }
.tabcontent.tabcontentrp>div{min-width:1300px; }
/*
///////////////////////////////////////////////////////
//      TOGGLE SWITCH
///////////////////////////////////////////////////////
*/
.toggleSwitch{width:var(--switchSize);display:inline-block;position:relative;border:none; }
.togInner{position:relative;width:var(--switchSize);display:inline-block;margin:0 !important;border:outset #555 1px;border-radius: 20px; }
.checkbox{display:none; }
.togsLabel{display:block;overflow:hidden;cursor:pointer;border-radius:20px; }
.inner{display:block;width:200%;margin-left:-100%;transition:margin 0.25s ease-in 0s; }
.inner:before,.inner:after{float:left;width:50%;height:var(--vAccHeight);padding:0;line-height:var(--vAccHeight);color:var(--priFont);font-weight:bold;box-sizing:border-box; }
.inner:before{content:"";padding-left:var(--priPadding);background-color:var(--secHover); }
.inner:after{content:"";padding-right:var(--priPadding);background-color:var(--priAccBg);text-align:right; }
.switch{display:block;width:50%;margin:1px;background:var(--secHover);position:absolute;top:0;bottom:0;right:calc((var(--switchSize) / 2) - var(--priPadding));border:2px solid #333435;border-radius:20px;transition:all 0.25s ease-in 0s; }
.checkbox:checked+.togsLabel .inner{margin-left:0; }
.checkbox:checked+.togsLabel .switch{right:0px; }
/*
///////////////////////////////////////////////////////
//      delete
///////////////////////////////////////////////////////
*/
.delete,[class*="save"],.reinit,.delx{cursor:pointer;font-weight:bolder; }
.delete::before,.reinit::before,[class*="save"]::before,.delx{font-family:'Font Awesome 6 Free';font-style:normal; }
.delete::before{content:"\f146"; }.reinit::before{content:"\f0fe"; }
[class*="save"]::before{content:"\f0c7"; }
.save-d{color:var(--enableColor); }
.delete:hover,.delx:hover,[class*="save"]:hover,.reinit:hover{color:var(--hoverColor); }
/*
///////////////////////////////////////////////////////
//      LISTITEM
///////////////////////////////////////////////////////
*/
.listPPanel{overflow:hidden;height:100%; }

.listItem i,.listItemHead i,.listItemMenu i,.listPanelMenu i{display:inline-block;width:var(--liicoSize);cursor:pointer;text-align:center; }
.listItemHead{font-weight:bolder;color:var(--priFg); }
.listItemMenu,.listPanelMenu{font-weight:bolder; }
.listItem i:not(:last-child),.listItemHead i:not(:last-child),.listItemMenu i:not(:last-child),.listPanelMenu i:not(:last-child){border-left:none;border-right:solid 2.5px #757474; }
.listItem span,.listItemHead span,.listItemMenu span,.listPanelMenu span{display:inline-block;margin-left:var(--marginM3);line-height:var(--lineHeight); }
.listItem,.listItemHead{max-width:100%;background:var(--quaBg);padding:var(--paddingM2);margin:var(--marginM2) 0px; }
.listItemHead input,.listItem input,.listItemMenu input,.listPanelMenu input{background-color:var(--priBg);border:none;line-height:var(--lineHeight);color:var(--priFg);font-size:var(--fontM1);outline:none;width:100%; }
.listItemHead select,.listItem select,.listItemMenu select,.listPanelMenu select{background:var(--priBg);color:var(--priFg);line-height:var(--lineHeight);padding:var(--paddingM2);font-size:var(--fontM1);cursor:pointer;width:100%; }
.listItemHead select option,.listItem select option,.listItemMenu select option,.listPanelMenu select option{background:var(--priBg);color:var(--priFg);line-height:var(--lineHeight);padding:var(--paddingM2);font-size:var(--fontM1);cursor:pointer; }
.listItemHead span{text-align:center; }
.listItemHead input[type=checkbox]{height:auto;width:auto; }
.listItemMenu i:hover,.listItemMenuHead i:hover{color:var(--hoverColor); }

.listPanel{max-height:calc(100% - 10px);height:inherit;overflow-y:auto;--ms-overflow-style:none;scrollbar-width:none; }
.listPanel-head-1{max-height:calc(100% - var(--menuHeight) )!important; }
.listPanel-head-2{max-height:calc(100% - (var(--menuHeight) * 2) )!important; }
.listPanel-head-3{max-height:calc(100% - (var(--menuHeight) * 3) )!important; }
.listPanel::-webkit-scrollbar{display:none;width:0; }

.mainPanel{overflow-y:hidden;height:100%; }

.sidePanel{display:inline-block;margin-left:10px;height:100%; }
.listFoot{text-align:center; }
.listPanelMenu,.listItemMenu{float:right; }
/*
///////////////////////////////////////////////////////
//      USER MANAGER
///////////////////////////////////////////////////////
*/
.usrListItem span:nth-child(1),.usrListItemHead span:nth-child(1){width:35%; }
.usrListItem span:nth-child(2),.usrListItemHead span:nth-child(2),.usrListItem span:nth-child(3),.usrListItemHead span:nth-child(3){width:20%; }
.usrListItem span:nth-child(4),.usrListItemHead span:nth-child(4){width:calc(25% - 120px); }
/*
///////////////////////////////////////////////////////
//      DIVS DIVPANEL DEPARTMENT
///////////////////////////////////////////////////////
*/
.divListItem input{width:100%; }
.divListItem select{width:100%; }
.divListItemHead span,.divListItem span{width:200px; }
.divListItem .listItemMenu{width:var(--widthM9); }

.divPanel{width:530px;display:inline-block;vertical-align:top; }
.div-main-panel{height:100%; }
/*
///////////////////////////////////////////////////////
//      ALLOWNCE DEVPANEL
///////////////////////////////////////////////////////
*/
.allow-pan{width:380px; }
.allow-mpan{margin-top:var(--marginM2); }
.allow-head{height:var(--heightM4);line-height:var(--heightM4);background:var(--quaBg);padding-left:var(--paddingM3);font-weight:bolder; }
.allow-itm{background:var(--quaBg);padding:var(--paddingM2);margin-top:var(--marginM2); }
.allow-itm samp{display:inline-block;height:inherit;background:var(--priBg); }
.allow-itm samp *{padding:0; }
.allow-itm samp>*{height:inherit;width:inherit;padding:var(--paddingM2); }
.allow-itm samp:nth-child(1){width:var(--widthJ15);margin-left:var(--marginM3);cursor:pointer; }
.allow-itm samp:nth-child(2){width:var(--widthJ15);margin-left:var(--marginM3); }
.allow-itm samp:nth-child(3){width:var(--widthM3);margin-left:var(--marginM3);margin-right:var(--marginM3);cursor:pointer;text-align:center;background:transparent; }
.allow-itm samp:nth-child(3):hover{color:var(--secHover); }
/*
///////////////////////////////////////////////////////
//      DEVS DEVPANEL
///////////////////////////////////////////////////////
*/
.devsHead span:nth-child(1),.devListItem span:nth-child(1){width:180px; }
.devsHead span:nth-child(2),.devListItem span:nth-child(2){width:160px; }
.devsHead span:nth-child(3),.devListItem span:nth-child(3){width:160px; }
.devsHead span:nth-child(4),.devListItem span:nth-child(4){width:40px; }
.devsHead span:nth-child(5),.devListItem span:nth-child(5){width:210px; }

.devPanel{max-width:840px; }
.devMainPanel{width:100%;height:100%; }
.devMainPanel>div{display:inline-block;vertical-align:top; }

.device-main-panel{min-width:1350px; }
/*
///////////////////////////////////////////////////////
//      SPEC SPECPANEL
///////////////////////////////////////////////////////
*/
.speListSubItem span:nth-child(1),.speListSubItem span:nth-child(2){width:calc(50% - 60px); }
/*
///////////////////////////////////////////////////////
//      PARM PARMPANEL
///////////////////////////////////////////////////////
*/
.parmListItem span:nth-child(1){width: 200px; }
.parmListItem span:nth-child(3){width:100px; }
.parmListPanel{width:490px; }

.parmwMainPanel{width:100%;height:calc(100% - 180px); }
.parmwMainPanel>div{display:inline-block;vertical-align:top; }/*
///////////////////////////////////////////////////////
//      PARM PARMPANEL
///////////////////////////////////////////////////////
*/
.divSeqListItem span:nth-child(1){width: 200px; }
.divSeqListItem span:nth-child(3){width:100px; }
.divSeqListPanel{width:490px; }
/*
///////////////////////////////////////////////////////
//      TARGET TARGETPANEL
///////////////////////////////////////////////////////
*/
.tarPanel{width:400px; }
.tarListItem span:nth-child(1){width:calc(100% - 140px); }
.target-seq-panel{min-width:1500px; }
/*
///////////////////////////////////////////////////////
//      MAIL MAILGROUP MAILPANEL
///////////////////////////////////////////////////////
*/
.mailPanel{width:400px; }
.mailgrp-item-eml{width:300px; }
.mailgrp-item-eml>*{width:inherit;height:inherit; }
/*
///////////////////////////////////////////////////////
//      REPORT PANEL
///////////////////////////////////////////////////////
*/
.ReportPanel .main-panel-cont{margin-top:var(--marginM3);margin-left:var(--marginM3);overflow:hidden;height:calc(100vh - 120px); }
.ReportPanel .main-panel-cont .table-view{white-space:nowrap;overflow:auto!important; }
.ReportPanel .main-panel-head  samp{min-width:var(--dropDownWidth);vertical-align:middle; }
.ReportPanel .main-panel-head  samp>*:not(samp){padding:0; }
.ReportPanel .main-panel-head select{cursor:pointer;width:100%; }

.ReportPanel .main-panel-head .datInp input{line-height:calc(var(--lineHeight) - 4px);padding-right:var(--liicoSize);background-color:transparent;border:none;width:inherit;border-radius:2px;color:var(--priFont);padding-left:2px; }
.ReportPanel .main-panel-head .datInp{width:300px;position:relative; }
.ReportPanel .main-panel-head .datInp i{position:absolute;line-height:calc(var(--liicoSize) - 4px);right:0px;box-shadow:-1px 0px 1px 0px #777;width:var(--liicoSize);text-align:center;cursor:pointer; }
.ReportPanel .main-panel-head .pageCtrl .datLmt input{vertical-align:top; }
/*.ReportPanel .main-panel-head{line-height:var(--lineHeight); }*/
.ReportPanel .main-panel-head .pageCtrl{box-shadow:none; }
.ReportPanel .main-panel-head samp:not(:last-child){margin-right:10px; }
.ReportPanel .main-panel-head{border-top:1px solid var(--priBorder); }

.main-panel-rep-wip{width:var(--widthJ15)!important;text-align:center; }
.main-panel-rep-wip samp{width:80%;margin:0px;vertical-align:middle; }
.main-panel-rep-wip samp>*{width:auto!important;display:inline-block!important;line-height:inherit;height:inherit;margin:0;vertical-align:middle; }
.main-panel-rep-wip samp input{cursor:pointer;width:var(--widthM2);margin-left:var(--marginM2);height:var(--heightM2); }

.ReportPanel .drop-down{background:#333; }
/*
///////////////////////////////////////////////////////
//      STK STACK STKPANEL
///////////////////////////////////////////////////////
*/
.stkproMainPanel{width:100%;height:100%;padding:10px; }
.stkproMainPanel>div{display:inline-block;vertical-align:top; }

.sidestkproListItem{text-align:center; }
.sidestkproListItem span:nth-child(1){width:230px;vertical-align:middle; }
.sidestkproListItem span:nth-child(2){width:180px;vertical-align:middle; }
.sidestkproPanel{width:560px; }

.stkproListItem{text-align:center;border-radius:var(--radiusM2); }
.stkproListItem span{display:inline-block;width:40px;line-height:var(--lineHeight); }
.stkproListItem span:nth-child(1){width:200px;white-space:nowrap;overflow-x:auto;scrollbar-width:none;vertical-align:middle; }
.stkproListItem span:nth-child(1)::-webkit-scrollbar{width:0px;height:0px; }
.stkproListItem span:nth-child(2){width:250px; }
.stkproListItem .listItemMenu i:hover{color:var(--hoverColor); }

.sid-stk-head-bcdid{box-shadow:0px 0px 2px 2px var(--priShadow); }
.sid-stk-head-bcdid>*{background:inherit; }
.sid-stk-head-seq{box-shadow:0px 0px 2px 2px var(--priShadow);width:var(--widthM3);text-align:center; }
.sid-stk-head-seq>*{background:inherit;text-align:inherit; }
.sid-stk-head-txt{box-shadow:0px 0px 2px 2px var(--priShadow);width:var(--widthM3);text-align:center; }
.sid-stk-head-txt>*{background:inherit;text-align:inherit; }
.sid-stk-head-dep{width:180px; }
.sid-stk-head-dep>*{background:inherit; }

.sid-stk-item-bcdid{width:230px; }
.sid-stk-item-seq{width:var(--widthM3);border-radius:var(--radiusM3);border-radius:var(--radiusM45);background:var(--priAccBg); }
.sid-stk-item-txt{width:var(--widthM3);border-radius:var(--radiusM3);border-radius:var(--radiusM45);background:var(--priAccBg); }
.sid-stk-item-dep{width:180px; }
.sid-stk-item-dir{cursor:pointer; }
.sid-stk-item-dir:hover{color:var(--secHover); }
.sid-stk-item-dir>*{pointer-events:none; }

.stk-ast-t{display:inline-block;box-shadow:0 0 2px 2px #777;width:300px;margin:var(--marginM3); }
.stk-ast-fgd label:nth-child(1){padding-left:10px; }
.stk-ast-smf label:nth-child(1){padding-left:10px; }
.stk-ast-rep label:nth-child(1){padding-left:10px; }

.stk-ast-fgd:nth-child(1){border-bottom:1px solid #777; }
.stk-ast-smf:nth-child(1){border-bottom:1px solid #777; }
.stk-ast-rep:nth-child(1){border-bottom:1px solid #777; }
/*.stk-ast-fgd label:nth-child(2),.stk-ast-smf label:nth-child(2){text-align:center; }*/
.stk-ast-fgd label{display:inline-block;width:50%;line-height:var(--lineHeight); }
.stk-ast-smf label{display:inline-block;width:50%;line-height:var(--lineHeight); }
.stk-ast-rep label{display:inline-block;width:50%;line-height:var(--lineHeight); }
.stk-ast-ttl{padding:10px;border-bottom:1px solid #777;text-align:center; }
.stk-ast-ttl-lbl{max-width:240px;display:inline-block;overflow-x:auto;white-space:nowrap; }
.stk-ast-menu-but{display:inline-block;float:right;cursor:pointer;height:inherit;line-height:inherit; }
.stk-ast-menu-but:hover{color:var(--secHover); }

.stacksPanel .main-panel-head .main-panel-inp{width:var(--widthP3); }
.stacksListPanel{max-height:calc(100% - var(--menuHeight) - 20px)!important; }
@supports(scrollbar-color:auto){body{scrollbar-color:#0000 #777a;scrollbar-width:thin; } }

@supports selector(::-webkit-scrollbar){
  ::-webkit-scrollbar{background:#0000;max-height:5px; }
  ::-webkit-scrollbar-thumb{background:#777a; } }

.sidestkproListItem.listFoot{padding:10px;cursor:pointer;font-weight:bolder; }
.sidestkproListItem.listFoot:hover{color:dodgerblue; }
.sidestkproPanel .listPanel-head-1{max-height:calc(100% - var(--navHeight) - 5px)!important; }
/*///////////////////////////////////////////////////////
//      TARGMONUM TARGMONUMPANEL
///////////////////////////////////////////////////////
*/
.targmonumPanel{width:400px;height:100%; }
.targmonumMainPanel>div{display:inline-block;vertical-align:top; }

.targmonumListItem span{display:inline-block;line-height:var(--lineHeight); }
.targmonumListItem span:nth-child(1){width:160px; }
.targmonumListItem span:nth-child(2){width:50px; }
.targmonumListItem span:nth-child(3){width:45px; }
.targmonumListItem span:nth-child(4){width:93px; }
.targmonumListItem .listItemMenu i:hover{color:var(--hoverColor); }
/*
///////////////////////////////////////////////////////
//      PARSW  PARSWPANEL
///////////////////////////////////////////////////////
*/
.parmwListItem span:nth-child(1),.parmwListItem span:nth-child(2){display:inline-block;width:180px;margin:3px; }
.parmwListItem{text-align:center;color:#eee; }.parmwListItem input{text-align:center; }
/*
///////////////////////////////////////////////////////
//      EX EXPANEL
///////////////////////////////////////////////////////
*/
.active{background:#444!important;color:#eee!important; }
.activeMenu{color:orange; }
.passive{background:#111; }
.pars,.parsx{background:var(--quaBg);padding:var(--paddingM2);font-size:var(--fontM1);margin:var(--marginM2) 0px;text-align:center; }
.selec{width:330px;background:var(--quaBg);padding:8px;font-size:var(--fontM2);margin:var(--marginM2) 0px;font-size:var(--fontM1); }.parsxr{background:var(--priBg);}
.selec:hover{color:var(--hoverColor);cursor:pointer; }
.pars input,.pars select,.parsx input{width:100%;background-color: #333333;border:none;line-height:var(--lineHeight);color:var(--priFg);font-size:var(--fontM1);text-align:center; }
.parsHead span:nth-child(1),.parsHead span:nth-child(2),.pars span:nth-child(1),.pars span:nth-child(2),
.parsx span:nth-child(1),.parsx span:nth-child(2){display:inline-block;width:180px;margin:3px; }
.parsHead span{text-align:center;line-height:var(--lineHeight);color:var(--priFg); }
.parsx i:hover{cursor:pointer;color:dodgerblue; }.parstx span{display:inline-block; }
.parstx span:nth-child(1){width:180px; }.parstx span:nth-child(3){width:120px; }.parstx span:nth-child(2){width:100px; }
.pars select{padding:var(--paddingM2) 0px;cursor:pointer; }.parsx{color:var(--priFg); }

.targs span{width:100px;display:inline-block;padding:var(--marginM2);margin:0px var(--marginM2); }
.targs input{width:100%;display:inline-block;background:#555;border:none;color:var(--priFg);padding:var(--paddingM2);font-size:var(--fontM1); }
.targs select{padding:var(--paddingM2);background:#555;color:var(--priFg); }
.targsl{width:730px;text-align:left; }

.parsHeadSel span{color:dodgerblue;text-align:left;font-size:medium; }
.parsHeadSel{text-align:left; }.parsHeadSel select{color:dodgerblue; }
.parsHeadSel span:nth-child(1){width:110px; }.parsHeadSel i{float:right;margin:var(--marginM2); }
.updwnArr{position:sticky;height:var(--liicoSize);line-height:var(--liicoSize);width:var(--liicoSize);position:relative;display:inline-block;vertical-align:middle; }.updwnArr i{border:none!important; }
.updwnArr i:hover{color:var(--hoverColor); }
.updwnArr  .up{display:block;height:50%;line-height:calc(var(--liicoSize) / 2);margin-top:5px; }
.updwnArr .dwn{display:block;height:50%;line-height:calc(var(--liicoSize) / 2);margin-top:-10px; }
.up::before{content:"\f0de";font-family:"Font Awesome 6 Free";font-style:normal;display:block;line-height:inherit; }
.dwn::before{content:"\f0dd";font-family:"Font Awesome 6 Free";font-style:normal;display:block;line-height:inherit; }

.headPan{height:var(--menuHeight);line-height:var(--menuHeight);margin-top:var(--marginM3);width:calc(100% - 10px);text-align:left;background:var(--primary-color);padding-left:var(--priPadding); }
.devpanel{max-width:740px; }
.parpanel{width:500px; }
.divscontent,.parcontent,.specontent{margin-top:var(--marginM3);margin-left:var(--marginM2); }

.maindevs,.mainpars,.mainrecs{display:flex; }
.mainrecs{color:var(--priFg);margin-top:var(--marginM3); }
.adder:hover{cursor:pointer;color:var(--hoverColor); }
select{outline:none;border:none;font-size:var(--fontM1); }
input:focus,select:focus{outline:inset var(--hoverColor) 1px; }
.heads,.heads2{background:var(--priBg);padding:var(--paddingM2) 0;text-align:left; }
.heads button,.heads input,.heads>div{margin-left:var(--marginM3);color:var(--priFg);background-color:var(--fulBg);border:none;font-size:var(--fontM1);line-height:var(--lineHeight); }
.heads button:not([disabled]):hover{background:var(--hoverColor);cursor:pointer; }
.heads div,.heads2 div,.heads2 label{padding-left:var(--paddingM2); }
.heads2{text-align:left; }.heads2 div,.heads2 label{display:inline-block;background:var(--fulBg);color:var(--priFg);font-size:var(--fontM1);line-height:var(--lineHeight);height:var(--lineHeight);vertical-align:middle;margin-left:var(--marginM3); }
.heads2 div:nth-child(1),.heads2 div:nth-child(2){max-width:350px;width:20%; }
.heads2 div:nth-child(3),.heads2 div:nth-child(4),.heads2 div:nth-child(5),.heads2 div:nth-child(6),.heads2 div:nth-child(7){width:10%;max-width:120px; }
.heads2 label{width:100px; }
.writpg{margin:0;padding:0; }
.writpg .content{display:block;position:relative;margin-top:var(--marginM3); }
input[type="checkbox"]{cursor:pointer;background:var(--fulBg); }
.prodNme,.prodSku,.prodSel,.submDat{color:var(--priFg);display:inline-block;margin-left:var(--marginM3);background:var(--fulBg);width:calc( ( 100% - 800px ) / 3);font-size:var(--fontM1); }
.prodNme{overflow-x:auto;overflow-y:hidden;vertical-align:top; }
.heads select{width:100%;background:var(--fulBg);line-height:var(--lineHeight);height:var(--lineHeight);color:var(--priFg);cursor:pointer; }
.heads .perif{width:100px;display:inline-block; }
.heads .perif span{width:30px;display:inline-block;text-align:center; }
.submDat:not([disabled]):hover{background:var(--hoverColor);font-size:var(--fontM2);cursor:pointer; }
.submDat{cursor:pointer;font-weight:bold; }
.parscontent{margin-left:20px;width:400px;max-width:400px;font-size:var(--fontM1); }
.cmtFWrtr{background:var(--priBg);color:var(--priFg);border:none;outline:none;margin-top:var(--marginM2);margin-left:var(--marginM3);max-height:calc(100vh - 200px);height:calc(100vh - 180px);width:var(--cmtBxWid);max-width:var(--cmtBxWid);font-size:var(--fontM2);padding:var(--paddingM2); }
.cmtFWrtr:focus{border:#00ac92 solid 1px;}
/*
///////////////////////////////////////////////////////
//      NAVBAR
///////////////////////////////////////////////////////
*/
.navbar{height:var(--navHeight);background:rgb(32, 32, 32);line-height:var(--navHeight);text-align:justify;color:var(--priFg);vertical-align:middle; }
.navbar .logoutmain{color:var(--priFg);font-size:var(--fontM2);float:right;margin-right:20px;width:var(--liicoSize);text-align:center; }
.navbar .logoutmain:hover{color:var(--enableColor);cursor:pointer; }
.navbar .title{font-size:var(--fontM2);vertical-align:middle;margin-left:var(--sizeM2); }
.navbar img{height:var(--lineHeight);display:inline-block;vertical-align:middle;padding:0;margin:auto;margin-left:var(--marginM3);margin-top:-var(--marginM3); }
.navbar>samp>*{pointer-events:none; }

.parsck[type=checkbox],.atpsck[type=checkbox]{opacity:0;display:inline-block;width:0;height:0;display:inline-block; }
.parsck[type=checkbox]+label:after{font-family:'Font Awesome 6 Free';content:"\f057";color:orangered; }
.parsck[type=checkbox]:checked+label:after{font-family:'Font Awesome 6 Free';content:"\f058";color:greenyellow; }
.parsck[type=checkbox]+label,.atpsck[type=checkbox]+label{display:inline-block;width: calc(100% - 20px);cursor:pointer;font-size:var(--fontM1);line-height:var(--lineHeight);-webkit-user-select:none;-ms-user-select:none;user-select:none; }
.parsck[type=checkbox]+label{line-height:var(--lineHeight);text-align:center;display: inline-block; }
.parsck[type=checkbox]:focus+label{border:#00ac92 1px solid; }
.atpsck[type=checkbox]+label:after{font-family:'Font Awesome 6 Free';content:"\f204";color:orangered; }
.atpsck[type=checkbox]:checked+label:after{font-family:'Font Awesome 6 Free';content:"\f205";color:green; }
.atpsck[type=checkbox]+label{width:var(--fontM1);margin:0;padding:0;font-size:var(--fontM2);line-height:var(--lineHeight);text-align:center;margin-left:5px; }
input:disabled{-webkit-user-select:none;-ms-user-select:none;user-select:none; }
/*
///////////////////////////////////////////////////////
//                BATCHER BATCH
///////////////////////////////////////////////////////
*/
.batcherPanel{overflow:hidden;height:calc(100vh - var(--heightM5)); }
.batcherListPanel{width:var(--widthJ3);display:inline-block; }
.batch-item{color:var(--priFg);box-shadow:0 0 2px 2px var(--priShadow);margin:var(--marginM3) var(--marginM1);height:var(--heightM3);line-height:var(--heightM3);border-radius:var(--radiusM2); }
.batch-item-bcdid{width:calc(100% - var(--liicoSize));padding-left:var(--paddingM1); }
.batch-item-clear{color:var(--terFg);width:var(--liicoSize);cursor:pointer;text-align:center; }
.batch-item-clear>*{height:inherit;line-height:inherit;pointer-events:none; }
.batch-item-clear:hover{transform: scale(1.2);transition:transform 0.3s ease-in-out; }
.batch-item>*{user-select:none; }

.batch-item-error{border:1px solid var(--terFg); }

.batcherPanel .main-panel-head samp{color:var(--priFg);vertical-align:top;margin-top:0px!important; }
.batcherPanel .main-panel-head:not(:last-child) samp{margin-right:var(--marginM3); }

.batcher-head-prdsel-lbl{display:inline-block;width:var(--widthM7)!important; }
.batcher-head-prdsel-sel{width:calc(100% - var(--widthM7))!important;scrollbar-width:thin; }
.batcher-head-prdsel-sel option{background:var(--priBg);padding:var(--sizeM1); }

.batcher-head-mos{width:calc((100% - 480px) / 5); }
.batcher-head-mos-lbl{width:var(--widthM8); }
.batcher-head-mos-sel{width:calc(100% - 65px)!important;scrollbar-width:thin; }
.batcher-head-mos-sel option{background:var(--priBg);padding:var(--sizeM1); }

.batcher-head-sku{width:calc((100% - 480px) / 5);text-wrap:nowrap; }
.batcher-head-prdsel{width:calc((100% - 480px) / 5); }
.batcher-head-qri{width:calc((100% - 480px) / 5); }
.batcher-head-btcid{width:calc((100% - 480px) / 5); }
.batcher-head-sub{width:var(--widthJ1); }
.batcher-head-sub i{width:var(--liicoSize);text-align:center; }

.batcher-head-str{width:var(--widthM8); }
.batcher-head-str i{width:var(--liicoSize);text-align:center; }

.batcherSidePanel{float:right;color:var(--priFg);height:calc(100% - var(--menuHeight) )!important;width:var(--widthP3);border-left:var(--sizeM0) var(--secBorder) solid;text-align:center; }
.batch-side-stt-prt{height:var(--heightJ15);position:relative; }
.batch-side-stt-ovl{height:var(--heightJ3);position:relative;border-top:var(--sizeM0) var(--secBorder) solid; }
.batch-side-stt-ovl-msg img{width:var(--widthJ2); }

.batch-side-stt-prt-mcnt{color:#0092cc;font-size:1.1em;height:calc(var(--heightM5) - 1px);line-height:calc(var(--heightM5) - 1px);border-bottom:1px solid var(--secBorder);font-weight:bolder; }
.batch-side-stt-prt-bcnt{color:#779933;font-size:1.1em;height:calc(var(--heightM5) - 1px);line-height:calc(var(--heightM5) - 1px);border-bottom:1px solid var(--secBorder);font-weight:bolder; }
.batch-side-stt-prt-tcnt{color:#B7B327;font-size:1.1em;height:calc(var(--heightM5) - 1px);line-height:calc(var(--heightM5) - 1px);font-weight:bolder; }

.batch-side-stt-prt-mcnt>*{width:calc(50% - var(--marginM3));display:inline-block;user-select:none; }
.batch-side-stt-prt-bcnt>*{width:calc(50% - var(--marginM3));display:inline-block;user-select:none; }
.batch-side-stt-prt-tcnt>*{width:calc(50% - var(--marginM3));display:inline-block;user-select:none; }

.batch-side-stt-prt-mcnt>span:nth-child(1){text-align:right; }
.batch-side-stt-prt-bcnt>span:nth-child(1){text-align:right; }
.batch-side-stt-prt-tcnt>span:nth-child(1){text-align:right; }

.batch-side-stt-prt-mcnt>span:nth-child(2){text-align:left; }
.batch-side-stt-prt-bcnt>span:nth-child(2){text-align:left; }
.batch-side-stt-prt-tcnt>span:nth-child(2){text-align:left; }
/*
///////////////////////////////////////////////////////
//                CHECK OK NOK
///////////////////////////////////////////////////////
*/
.check-ok[type=checkbox]{opacity:0;display:inline-block;width:0;height:0;display:inline-block; }
.check-ok+label:after{font-family:'Font Awesome 6 Free';content:"\f057";color:var(--terFg); }
.check-ok:checked+label:after{font-family:'Font Awesome 6 Free';content:"\f058";color:var(--secFg); }
.check-ok+label{display:inline-block;width:100%;cursor:pointer;font-size:var(--fontM1);line-height:var(--lineHeight);-webkit-user-select:none;-ms-user-select:none;user-select:none; }
.check-ok+label{line-height:var(--lineHeight);text-align:center; }

.check-ok[type=checkbox]+label{line-height:var(--lineHeight);text-align:center;display: inline-block; }
.check-ok[type=checkbox]:focus+label{border:#00ac92 1px solid; }
/*
///////////////////////////////////////////////////////
//      Warranty
///////////////////////////////////////////////////////
*/
.warCrdimg{padding-top:20px;padding-bottom:var(--priPadding); }
.warPage{text-align:center;align-items:center;background:var(--fulBg);height:100%; }

.warCnt{width:100%;max-width:700px;transform:translateX(-50%);margin-left:50%;margin-top:var(--lineHeight); }.warCnt input{text-align:center; }
.warCnt table td:nth-child(1),.bugCnt table td:nth-child(1){padding:var(--paddingM2) 0;background-color:#5a5656;width:150px; }
.warCnt table td:nth-child(2),.bugCnt table td:nth-child(2){padding:var(--paddingM2) 0;background-color:var(--priBg);width:550px; }
.warCnt table,.bugCnt table{width:100%;font-size:var(--fontM1); }.bugCnt table{max-width:700px;text-align:center; }
.warCnt table input,.bugCnt table input,.bugCnt table textarea{width:calc(100% - 10px);background:#272727;color:var(--priFg);border:none;outline:none;line-height:var(--lineHeight);font-size:var(--fontM1); }
.bugCnt table textarea{max-height:300px;height:700px;font-size:var(--fontM2); }.bugCnt *:disabled{color:#ccc; }
.warAply{padding:var(--priPadding);background:green;color:var(--priFg);border:none;margin-top:20px;width:100%;font-size:var(--fontM2);cursor:pointer; }
.warAply:disabled{background:var(--priBg)!important;color:#858585;cursor:not-allowed; }
.spcdivhd{width:calc(100% - 90px)!important;background-color:var(--primary-color);line-height:var(--lineHeight);color:var(--priFg);padding:var(--paddingM1) 0px;border:none;outline:none;font-size:var(--fontM1);text-align:center; }

.disInfDisPan{max-width:500px;width:100%;max-height:calc(100vh - var(--navHeight));overflow-y:auto; }

.disInfDisPanHead{padding:var(--priPadding);background:#555;font-size:var(--fontM1); }

.bugPage{display:flex; }.noProdF{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:orangered;font-size:var(--fontM8); }
.noProdF div:nth-child(1){font-size:var(--fontM8); }.noProdF div:nth-child(2){margin-top:100px; }
/*
///////////////////////////////////////////////////////
//      showpass
///////////////////////////////////////////////////////
*/
.showpass[type=checkbox]{display:none!important;cursor:pointer; }
.showpass[type=checkbox]+label:after{font-family:'Font Awesome 6 Free';content:"\f070";color:var(--priFg);display:inline-block; }
.showpass[type=checkbox]:checked+label:after{font-family:'Font Awesome 6 Free';content:"\f06e";color:var(--priFg); }
.showpass[type=checkbox]+label{display:inline-block;width:var(--fontM1);cursor:pointer;box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none; }
.showpassinp,.showpassinp+label{margin-left:-30px;position:sticky; }
.showpassinp:hover{color:var(--hoverColor); }
/*
///////////////////////////////////////////////////////
//      pageQR
///////////////////////////////////////////////////////
*/
.qrpanfordis{transform:translateX(-50%);margin-left:50%;display:inline-block;width:570px; }.qrpanfordis i,.qrpanfordis input{display:inline-block;}
.qrForDis{width:500px;line-height:var(--lineHeight);background:var(--primary-color);outline:none;border:none;font-size:var(--fontM1);font-weight:900;border:inset 1px #777;color:var(--priFg); }
.qrForDis::placeholder{color:#aaa; }
.pageQR{text-align:left; }
.pasDiv{background:var(--fulBg); }
.qrProp table td:nth-child(3),.qrProp table td:nth-child(6){width:20px; }
.qrProp table td:nth-child(2),.qrProp table td:nth-child(5),.qrProp table td:nth-child(8){width:120px; }
.qrProp select,.qrProp input{width:100%;background:var(--priBg);line-height:var(--lineHeight);height:var(--lineHeight);color:var(--priFg);cursor:pointer;border:none;font-size:var(--fontM1);padding:0px;text-align:center; }
.qrProp label{display:inline-block;width:100%;line-height:var(--lineHeight);height:var(--lineHeight);background:var(--primary-color);padding-left:var(--priPadding); }.qrProp{height:230px;border-bottom:3px solid var(--quaBg); }.qrProp div{display:inline-block; }
.qrgTbl,.dvgTbl,.genBts{display:inline-block;height:200px;width:100%; }.genBts{width:300px;float:right; }.dvgTbl{margin-left:20px; }.genBts *{width:100%; }
.genBts button{display:block;background:var(--primary-color);color:var(--priFg);line-height:var(--lineHeight);border:none;cursor:pointer;margin:1px 0px;font-size:var(--fontM1); }
.genBts button:hover,.qrProp select:hover,.qrProp input:hover{color:var(--hoverColor); }
#qr_selType{text-align:center; }.qrSett{height:100%; }
.qrinps{outline:none;padding-left:3px;width:400px;text-align:left; }.qrinps:focus{outline:inset var(--hoverColor) 1px; }
.qrdiv img{height:inherit!important;width:inherit!important;margin:inherit!important; }

[class*="squareLBL"]{display:inline-block;width:7px;height:7px;margin-right:var(--marginM1);vertical-align:middle; }
.squareLBLF{background:yellowgreen; }
.squareLBLH{background:orange; }

#qrArea{height:calc(100vh - 310px);overflow-x:overlay; }
/*
///////////////////////////////////////////////////////
//      MID INIT FIN PANEL ITIATOR
///////////////////////////////////////////////////////
*/
.warnImg{margin:auto;text-align:center;width:calc(100% - var(--cmtBxWid) - 530px);vertical-align:middle; }
.warnImg>div{margin-top:calc(50% - 120px); }
.warnMsg{color:var(--priFg);font-size:var(--fontM2); }
.autoPrint,.nxtDev,.curDev{width:180px!important;text-align:center; }
.nxtDev:hover,.curDev:hover{background:var(--hoverColor);cursor:pointer; }
.selDev:hover,.curDev{color:var(--priFg); }
.nxtDev{line-height:var(--lineHeight);vertical-align:middle; }
.autoPrint input{vertical-align:middle; }
.selDev{width:100%;background:inherit;color:var(--priFg);cursor:pointer;outline:none;height:100%; }
.selDev:active{outline:none;border:none; }
.selDev:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--fulBg); }
.prodSku{display:inline-block;width:20%;min-width:60px; }

.itiatorPanel{height:calc(100% - var(--navHeight)); }

.itiator-main-panel-head samp{vertical-align:middle;color:var(--priFg);padding-left:var(--paddingM2); }
.itiator-head-qri{width:calc(var(--widthP3) - var(--marginM3));margin-left:var(--marginM3)!important; }
.itiator-prod-nme{width:calc(var(--widthP3) - var(--marginM3));margin-left:var(--marginM3)!important; }
.itiator-prod-sku{width:calc(var(--widthP4) - var(--marginM4) - var(--marginM3) - var(--widthJ1));margin-left:var(--marginM3)!important; }
.itiator-prod-sub{width:var(--widthJ1);min-width:var(--widthJ1);margin-left:var(--marginM3)!important; }
.itiator-prod-sub i{width:var(--widthM3);text-align:center;pointer-events:none; }

.itiator-usr{width:calc(var(--widthP3) - var(--marginM3));margin-left:var(--marginM3)!important; }
.itiator-dep{width:calc(var(--widthP3) - var(--marginM3));margin-left:var(--marginM3)!important; }
.itiatorTPanel{width:var(--widthJ45);display:inline-block;height:calc(100% - var(--navHeight))!important; }

.listPanel-head-3-itia{max-height:calc(100% - (var(--navHeight) * 2) )!important; }
.listPanel-head-4-itia{max-height:calc(100% - (var(--navHeight) * 3) )!important; }

.itiatorStatPanel{color:var(--priFg);height:calc(100% - var(--menuHeight) - 10px)!important;width:var(--widthP3);border-left:var(--sizeM0) var(--secBorder) solid;text-align:center;position:relative;vertical-align:top;display:inline-block; }

.itiatorCmtPanel{display:inline-block;color:var(--priFg);height:calc(100% - var(--menuHeight) - 10px)!important;width:calc(100% - var(--widthP3) - var(--marginM2) - var(--widthJ4) - var(--smen-men-width));border-left:var(--sizeM0) var(--secBorder) solid; }

.itiatorSmenuPanel{width:var(--smen-men-width);height:calc(100% - var(--navHeight) * 3);display:inline-block;background:var(--priBg);border-left: 1px solid var(--priBorder);vertical-align:top;position:absolute; }
.itiatorSmenuPanel samp{padding:var(--sizeM3);margin:0;border-bottom:1px solid var(--secBorder);text-align:center;cursor:pointer;color:var(--priFg);width:100%; }
.itiatorSmenuPanel samp:hover{color:var(--secHover);z-index:101;background:var(--priBg); }
.listPanel-head-4-itia.itiatorSmenuPanel{height:calc(100% - var(--navHeight) * 4)!important; }

/*@keyframes anim-sid-cls{0%{transform:translateX(calc(-1 * var(--sidenav-width)));width:var(--sidenav-width); } 100%{rtransform:translateX(0);width:0px; } }*/
@keyframes anim-sid-opn{0%{transform:translateX(0);width:0; } 100%{transform:translateX(calc(-1 * var(--sidenav-width)));width:var(--sidenav-width); } }

.itiatorScontPanel.close{animation-name:anim-sid-cls;animation-duration:0.5s;transform:translateX(0);width:0px; }
.itiatorScontPanel{width:var(--sidenav-width);height:calc(100% - calc(var(--navHeight) * 3));vertical-align:top;position:absolute;top:calc(var(--navHeight) * 3);background:var(--priBg);display:inline-block;animation-name:anim-sid-opn;animation-duration:0.5s;overflow-y:overlay;scrollbar-width:none;transform:translateX(calc(-1 * var(--sidenav-width))); }
.listPanel-head-4-itia.itiatorScontPanel{top:calc(var(--navHeight) * 4);height:calc(100% - calc(var(--navHeight) * 4)); }

.itiatorTPanel .parm-item-key{width:70%;height:var(--heightM3);line-height:var(--heightM3); }
.itiatorTPanel .parm-item-val{width:30%;height:var(--heightM3);line-height:var(--heightM3); }
.itiatorTPanel .parm-item-val>*{height:inherit;line-height:inherit;background:var(--secBg); }

.itiator-menu-ap{width:var(--widthJ15);margin-left:var(--marginM3)!important;text-align:center; }
.itiator-menu-ap>*{line-height:inherit!important;height:inherit!important;display:inline-block;vertical-align:middle; }
.itiator-menu-ap-lbl{width:var(--widthM9)!important;vertical-align:middle; }
.itiator-menu-ap-swi{width:var(--widthM5)!important;vertical-align:middle; }

.itiator-stat-stt-prt-mcnt{color:#0092cc;font-size:1.1em;height:calc(var(--heightM5) - 1px);line-height:calc(var(--heightM5) - 1px);border-bottom:1px solid var(--secBorder);font-weight:bolder; }
.itiator-stat-stt-prt-acnt{color:#4ca800;font-size:1.1em;height:calc(var(--heightM5) - 1px);line-height:calc(var(--heightM5) - 1px);border-bottom:1px solid var(--secBorder);font-weight:bolder; }
.itiator-stat-stt-prt-rcnt{color:#d80041;font-size:1.1em;height:calc(var(--heightM5) - 1px);line-height:calc(var(--heightM5) - 1px);font-weight:bolder; }

.itiator-stat-stt-prt{height:var(--heightJ15);position:relative; }
.itiator-stat-stt-ovl{height:var(--heightJ3);position:relative;border-top:var(--sizeM0) var(--secBorder) solid; }
.itiator-stat-stt-ovl-msg img{width:var(--widthJ2); }

.itiator-stat-stt-prt-mcnt>*{width:calc(50% - var(--marginM3));display:inline-block;user-select:none; }
.itiator-stat-stt-prt-acnt>*{width:calc(50% - var(--marginM3));display:inline-block;user-select:none; }
.itiator-stat-stt-prt-rcnt>*{width:calc(50% - var(--marginM3));display:inline-block;user-select:none; }

.itiator-stat-stt-prt-mcnt>span:nth-child(1){text-align:right; }
.itiator-stat-stt-prt-acnt>span:nth-child(1){text-align:right; }
.itiator-stat-stt-prt-rcnt>span:nth-child(1){text-align:right; }

.itiator-stat-stt-prt-mcnt>span:nth-child(2){text-align:left; }
.itiator-stat-stt-prt-acnt>span:nth-child(2){text-align:left; }
.itiator-stat-stt-prt-rcnt>span:nth-child(2){text-align:left; }

.itiator-stat-stt-iss{border-top:1px solid var(--secBorder);padding:5px;height:calc(100% - 565px); }
.itiator-stat-stt-iss-head{font-weight:bolder;border-bottom:1px solid var(--secBorder);font-size:1.1em;background:var(--priAccBg);height:var(--lineHeight);line-height:var(--lineHeight); }
.itiator-stat-stt-iss-itm{margin:var(--sizeM1);background:var(--priBg);padding:var(--sizeM2) 0;color:rgba(228, 228, 228, 0.795); }
.itiator-stat-stt-iss-cnt{height:calc(100% - var(--lineHeight));overflow-y:auto; }

.itiator-stat-stt-cnt{border-top:1px solid var(--secBorder); }

.itiatorCmtPanel{vertical-align:top; }
.itiatorCmtPanel .itiator-cmt-prt{height:30%; }
.itiatorCmtPanel .itiator-cmt-prt>*{height:100%;width:100%;background:var(--priBg);outline:none;resize:none;color:var(--priFg);font-size:medium;padding:var(--sizeM1);border:none; }
.itiatorCmtPanel .itiator-cmt-ovl-head{margin-top:var(--sizeM2);border-bottom:1px solid var(--secBorder);padding:var(--sizeM3);font-weight:bold;background:var(--priAccBg); }
.itiatorCmtPanel .itiator-cmt-ovl{height:calc(70% - 5px); }

.itiator-cmt-ovl-itm{padding:var(--sizeM2);background:var(--priBg);margin:var(--sizeM2) 0;width:100%; }
.itiator-cmt-ovl-itm-typ{width:calc(50% - 80px);margin-left:var(--sizeM2); }
.itiator-cmt-ovl-itm-val{width:50%;margin-left:10px; }
.itiator-cmt-ovl-pan{max-height:calc(100% - 80px);overflow-y:auto;overflow-x:hidden; }

.itiator-cmt-ovl-itm-del{width:40px;cursor:pointer;text-align:center;margin-left:10px;vertical-align:middle; }
.itiator-cmt-ovl-itm-del:hover{color:dodgerblue; }

.itiator-cmt-ovl-itm-typ>*,.itiator-cmt-ovl-itm-val>*{width:100%;height:100%;box-shadow:0 0 1px 1px var(--box-shadow);padding:var(--sizeM1); }
.itiatorTPanelWm{display:inline-block;height:calc(100% - var(--navHeight)); }
.itiatorTPanelM{color:var(--priFont);height:calc(var(--navHeight) - 1px);line-height:calc(var(--navHeight) - 1px);border-bottom:1px solid var(--box-shadow); }
.itiatorTPanelM samp:nth-child(1){font-weight:bolder;width:70px;text-align:center; }

.itiatorTPanelM-str,
.itiatorTPanelM-stp{width:50%!important; }

.itiatorTPanelM-stp .check-typ-switch input:checked+.check-elem-slider{background:red; }
/*
///////////////////////////////////////////////////////
//      MX CHANNEL
///////////////////////////////////////////////////////
*/
.ch_panel{height:100%; }
.ch_panel_wrp{height:calc(100% - var(--navHeight) * 2);width:var(--ch_vid_wid);display:inline-block;vertical-align:top;overflow-x:scroll;scroll-behavior:smooth; }
.ch_panel_act{display:block; }

.chn_sel_itm{border:none !important;box-shadow:0 0 1px 1px var(--box-shadow)!important;padding:0 10px;padding-left:10px;margin:0 10px; }
.chn_sel_itm:hover{cursor:pointer;font-weight:bold; }
.chn_sel_itm_act{color:dodgerblue!important;font-weight:bolder; }

:root{--ch_vid_wid:300px; }
.ch_panel_pr{width:calc(100% - var(--ch_vid_wid));display:inline-block; }
/*
///////////////////////////////////////////////////////
//      MX CHANNEL
///////////////////////////////////////////////////////
*/
.wrp-list-itm{color:#fff;padding:var(--sizeM3);margin:var(--sizeM3);box-shadow:0px 0px 2px 2px var(--box-shadow);cursor:pointer; }
.wrp-list-itm>*{pointer-events:none; }
.wrp-list-itm-dat{height:44px; }
.wrp-list-itm-dat-chn{width:60px;font-weight:bold;font-size:large;height:100%;text-align:center; }
.wrp-list-itm-dat-inf{width:calc(100% - 60px);height:100%; }
.wrp-list-itm-dat-inf div{height:50%;line-height:22px; }
.wrp-list-itm-dat-inf div:nth-child(1){text-wrap:nowrap;overflow-x:auto; }
.wrp-list-itm-act{box-shadow:0px 0px 2px 2px dodgerblue!important; }
.wrp-list-itm-ovt{box-shadow:0px 0px 2px 2px orange!important; }
.wrp-list-itm-ovc{box-shadow:0px 0px 2px 2px rgb(2, 148, 68)!important; }
.wrp-list-itm-act.wrp-list-itm-ovt{box-shadow:0px 0px 2px 2px dodgerblue,0px 0px 2px 4px orange!important; }
.wrp-list-itm-act.wrp-list-itm-ovc{box-shadow:0px 0px 2px 2px dodgerblue,0px 0px 2px 4px rgb(2, 148, 68)!important; }
/*
///////////////////////////////////////////////////////
//      SM ITEM 
///////////////////////////////////////////////////////
*/
.SMItem-head{height:var(--heightM3);line-height:var(--heightM3);color:var(--priFg);text-align:center;border-bottom:1px solid var(--secBorder);width:calc(100% - var(--marginM4));margin:0 var(--marginM3) 0 var(--marginM3); }
.SMItem-cont{min-height:var(--heightM3);color:var(--priFg);width:100%;margin:var(--marginM2) 0 var(--marginM2) 0; }
.SMItem-enb{width:calc(60% - var(--marginM4));margin:0 var(--marginM3) 0 var(--marginM3);text-align:center;padding:var(--sizeM2);vertical-align:middle; }
.SMItem-act{width:calc(40% - var(--marginM4));margin:0 var(--marginM3) 0 var(--marginM3);text-align:center;box-shadow:0px 0px 1px 2px var(--box-shadow);padding:var(--sizeM1);vertical-align:middle;cursor:pointer; }
.SMItem-act:hover{color:var(--hoverColor);font-weight:bolder; }
.SMItem{border-bottom:1px inset var(--secBorder);box-shadow:0px 0px 1px 1px var(--box-shadow);margin:var(--marginM4) var(--marginM3); }
/*
///////////////////////////////////////////////////////
//      Other
///////////////////////////////////////////////////////
*/
.popConf div:hover:not([disabled]){color:var(--hoverColor);font-size:var(--fontM2); }
.popConf{-webkit-user-select:none;-ms-user-select:none;user-select:none; }

.repReqPan:nth-child(1){width:350px; }
.parsrepq{width:calc(100% - 10px);background:var(--quaBg);font-size:var(--fontM1);padding:3px;margin:var(--marginM2) 0px;line-height:var(--lineHeight); }
.parsrepq span{display:inline-block;cursor:pointer; }
.parsrepq span:nth-child(n+1):nth-child(-n+2){width:calc(50% - 80px); }
.parsrepq span:nth-child(n+3):nth-child(-n+4){width:70px;border:var(--fulBg) solid 1px;border-radius:10px;font-size:var(--fontM1);line-height:28px; }
.parsrepq span:nth-child(n+3):nth-child(-n+4):hover{color:var(--priFg); }
.parsrepqPanel{width:50%; }
.parsrepqHead span{color:dodgerblue;border:none!important;font-size:var(--fontM1);line-height:var(--lineHeight); }
.sideParams{max-height:"calc(100vh - var(--navHeight) - 20px)";overflow-X:"auto" }
/*
///////////////////////////////////////////////////////
//              PARM PARAMETER
///////////////////////////////////////////////////////
*/
.RecordPanel .main-panel-head samp{width:calc(25% - 52px - var(--marginM3) - var(--sizeM1));margin-left:var(--marginM3); }
.RecordPanel .main-panel-head samp:nth-child(2){width:40px;cursor:pointer; }
.RecordPanel .main-panel-head samp:nth-child(2)>*{pointer-events:none; }
.RecordPanel .main-panel-head samp>*{width:100%;line-height:inherit;height:100%; }
.RecordPanel{height:inherit;padding-left:10px; }

.parm-rec-panel{width:var(--widthJ3);margin-right:var(--marginM2);color:var(--priFont);line-height:var(--heightM3);height:100%; }
.parm-rec-item{display:block;background:var(--priBg);padding:var(--paddingM2);margin:var(--marginM2) 0px;text-align:center;color:var(--priFont);width:100%; }
.parm-rec-item samp:last-child{width:var(--liicoSize); }
.parm-rec-item samp:last-child:hover{cursor:pointer;color:var(--secHover); }
.parm-rec-item samp>*{pointer-events:none;width:inherit;height:inherit;display:inherit; }
.parm-rec-item-key{width:calc(50% - (var(--liicoSize) / 2)); }
.parm-rec-item-val{width:calc(50% - (var(--liicoSize) / 2));color:var(--secFg); }
.parm-rec-item-but{width:var(--liicoSize); }
.parm-rec-item-head{font-weight:bolder; }

.parm-panel{width:var(--widthJ4);margin-right:var(--marginM2);line-height:var(--heightM3);height:100%; }
.parm-panel samp>*{line-height:var(--heightM3); }
.parm-item-key{width:calc(100% - var(--widthM6));text-wrap:nowrap;overflow-x:auto;scrollbar-width:thin; }
.parm-item-val{width:var(--widthM6);vertical-align:top; }
.parm-item-val>*{vertical-align:inherit; }
.parm-item{display:block;background:var(--priBg);padding:var(--paddingM2);margin:var(--marginM2) 0px;text-align:center;color:var(--priFont);width:100%;max-height:40px;overflow-y: hidden; }
.parm-item i:hover{cursor:pointer;color:dodgerblue; }
.parm-item-head{font-weight:bolder; }
.parm-item input{width:100%;background-color:var(--priBg);border:none;color:var(--priFont);text-align:center; }

.parm-info-panel{width:var(--widthJ4);line-height:var(--heightM3);height:100%; }
.parm-info-item-key{width:40%; }
.parm-info-item-val{width:60%; }
.parm-info-item-inp{width:100%; }
.parm-info-item{display:block;background:var(--priBg);padding:var(--paddingM2);margin:var(--marginM2) 0px;text-align:center;color:var(--priFont);width:100%; }
.parm-info-item i:hover{cursor:pointer;color:dodgerblue; }
.parm-info-item-head{font-weight:bolder; }
.parm-info-item input{width:100%;background-color:var(--priBg);border:none;color:var(--priFont);text-align:center; }
.parm-info-item samp>*{background:inherit; }
/*
///////////////////////////////////////////////////////
//              ACCESSIBILITY
///////////////////////////////////////////////////////
*/
.accessDivPanel{width:300px;height:100%; }
.accessDivItem{width:100%;display:block;text-align:left;background-color:var(--quaBg);margin:var(--marginM2) 0px;padding:var(--paddingM3); }

.accessDevPanListItem{cursor:pointer; }
.accessDevPanListItem:hover{background:var(--secHover);color:var(--fulBg); }
.accessDevPanListItem>*{pointer-events:none; }

.accessDivItem{cursor:pointer; }
.accessDivItem:hover{background:var(--secHover);color:var(--fulBg); }
.accessDivItem>*{pointer-events:none; }

.accessPanel{width:500px;height:100%; }
.accessPanel .listPanel{max-height:calc(100% - 100px);height:auto; }

.accessItem{width:100%;display:block;padding:var(--paddingM3);text-align:left;background-color:var(--primary-color);margin:var(--marginM2) 0px; }
.accessItem samp:not(:last-child){margin-right:var(--marginM3); }
.accessItem samp:nth-child(1){width:calc(40% - var(--marginM3)); }
.accessItem samp:nth-child(2){width:calc(60% - var(--marginM3) - 40px); }
.accessItem samp:nth-child(3){width:40px;text-align:center; }

.accessItem select{cursor:pointer; }
.accessItem input,
.accessItem select{box-shadow:0 0 1px 1px var(--priBorder);padding-left:var(--paddingM2)!important;background:var(--primary-color); }
.accessItem samp>*{width:100%;padding:var(--paddingM2) 0px; }

.accessItem i:hover{cursor:pointer;color:dodgerblue; }

.accessDevPanListPanel{width:300px; }
/*
///////////////////////////////////////////////////////
//      QR TEMPLATE EDITOR
///////////////////////////////////////////////////////
*/
.qrt-main-pan{height:calc(100% - var(--paddingM2)); }
.qrt-work-pan{width:calc(var(--widthP7) - var(--marginM2));height:calc(100% - var(--heightM5));background:var(--priBg);margin-top:var(--marginM2); }
.qrt-side-pan{width:var(--widthP3);margin-left:var(--marginM2);height:calc(100% - var(--heightM5));vertical-align:top;margin-top:var(--marginM2); }

.qrt-side-edi-pan{width:100%;height:var(--heightP4);background:var(--priBg); }
.qrt-side-cmp-pan{width:100%;height:calc(var(--heightP2) - var(--marginM2));background:var(--priBg);margin-top:var(--marginM2); }
.qrt-side-exp-pan{width:100%;height:calc(var(--heightP4) - 4px);background:var(--priBg);margin-top:var(--marginM2); }

.qrt-head-pan{width:100%;height:var(--heightM4);display:block;background:var(--priBg);padding-top:7.5px; }
.qrt-head-pan .qrt-head-itm{margin-left:var(--marginM4); }

.qrt-head-itm:hover{cursor:pointer;color:var(--secHover); }

.qrt-head-itm{width:var(--widthM7);height:var(--heightM25);line-height:var(--heightM25);text-align:center;box-shadow:0px 0px var(--sizeM1) var(--sizeM1) var(--priShadow)!important; }
.qrt-head-itm>*{width:100%;height:inherit;line-height:inherit; }
.qrt-head-itm-pt{width:var(--widthP4); }

.qrt-head-itm .autocomplete-items div{background:var(--terBg); }

#TMPL_MAIN{margin-top:var(--marginM4);margin-left:var(--marginM4); }
#TMPL_MAIN>*{-webkit-user-select:none;-ms-user-select:none;user-select:none; }

.qrt-work-pan .qrt-work-itm:hover{outline:solid aqua 1px!important;cursor:pointer; }
.qrt-work-pan .qrt-work-itm-act{outline:solid dodgerblue 1px!important; }
.qrt-work-pan .qrt-work-itm{outline:solid 1px #777; }
.qrt-work-pan .qrt-work-itm>*{pointer-events:none;height:inherit;width:inherit; }
.qrt-work-pan .qrt-work-itm>*{pointer-events:none;height:inherit;width:inherit; }
#TMPL_MAIN{min-width:5mm;min-height:5mm;outline:#00ac92 2px solid; }
#TMPL_MAIN:hover{cursor:crosshair; }

.qrt-side-edi-itm{height:var(--heightM3);font-size:large;line-height:var(--heightM3);background:var(--priAccBg);margin:var(--marginM3);padding-left:var(--paddingM2);cursor:pointer;border-radius:var(--sizeM2); }
.qrt-side-edi-itm samp:nth-child(1){width:30%; }
.qrt-side-edi-itm samp:nth-child(2){width:70%; }
.qrt-side-edi-itm samp:nth-child(2) input{background:var(--secBg);width:100%;font-size:medium;padding-left:var(--sizeM1); }
.qrt-side-edi-itm samp:nth-child(2) button{background:var(--secBg);width:100%;font-size:medium;font-weight:bolder; }
.qrt-side-edi-itm samp:nth-child(2) button:hover{color:dodgerblue;cursor:pointer; }
.qrt-side-edi-itm samp:nth-child(2) select{background:var(--secBg);width:100%;font-size:medium;cursor:pointer;height:var(--heightM3);padding-left:var(--sizeM1); }

.qrt-side-edi-pan:nth-child(:first){margin-top:var(--marginM4); }
.qrt-side-edi-itm samp>*{height:inherit;line-height:inherit;border-top-right-radius:var(--sizeM2);border-bottom-right-radius:var(--sizeM2); }
.qrt-side-edi-itm samp>*:not(input,select){pointer-events:none; }

.qrt-side-cmp-itm{height:var(--heightM3);font-size:large;line-height:var(--heightM3);background:var(--priAccBg);margin:var(--marginM3);padding-left:var(--paddingM2);cursor:pointer;border-radius:var(--sizeM2); }
.qrt-side-cmp-itm:hover{color:var(--secHover); }
.qrt-side-cmp-pan:nth-child(:first){margin-top:var(--marginM4); }
.qrt-side-cmp-itm>i{pointer-events:none;height:inherit;line-height:inherit; }
.qrt-side-cmp-itm input{width:calc(100% - 55px);outline:none!important;cursor:pointer; }

.qrt-side-exp-mpan{height:calc(var(--heightP4) - 4px);background:var(--priBg);margin-top:var(--sizeM2); }
.qrt-side-exp-pan{height:100%; }
.qrt-side-exp-itm{width:calc(100% - var(--marginM3) - var(--marginM3));height:var(--heightM3);background:var(--terBg);line-height:var(--heightM3);margin:0 var(--marginM3); }
.qrt-side-exp-itm:not(:first-child){margin:var(--marginM3); }
.qrt-side-exp-itm:nth-child(1){margin-top:2px; }
.qrt-side-exp-itm-nme{width:calc(100% - var(--widthM3));height:inherit;padding-left:var(--paddingM3);cursor:pointer; }
.qrt-side-exp-itm-trs{width:var(--widthM3);height:inherit;text-align:center;cursor:pointer; }
.qrt-side-exp-itm-trs:hover{color:var(--secHover);background:var(--fulBg); }

.qrt-side-exp-mpan .pageCtrl span{vertical-align:middle; }
.qrt-side-exp-mpan .pageCtrl{margin:4px; }
.qrt-side-exp-mpan .pageCtrl .datRef,
.qrt-side-exp-mpan .pageCtrl .datNxt,
.qrt-side-exp-mpan .pageCtrl .datPre{vertical-align:middle;height:var(--heightM25);line-height:var(--heightM25); }
.qrt-side-exp-mpan .pageCtrl span i:before{vertical-align:middle;height:var(--heightM25);line-height:var(--heightM25); }

.qrt-side-exp-pan-tag{display:inline-block;height:var(--heightM3);line-height:var(--heightM3);margin:2px var(--marginM3); }
.qrt-pop-pan{z-index:101;width:100%;height:100%;background:#333a;position:absolute;top:0;left:0; }

.qrt-pop-pan-close{display:none!important; }

.qrt-pop-pan div{position:absolute;display:block!important;width:80%;max-width:600px;background:var(--priBg);box-shadow:0px 0px 1px 2px var(--priBorder);top:50%;height:80%;max-height:600px;left:50%;transform:translate(-50%,-50%);border-radius:var(--sizeM1); }

.qrt-pop-pan div table{width:100%;padding:var(--paddingM2); }
.qrt-pop-pan div table td,.qrt-pop-pan div table th{padding:var(--paddingM2); }
.qrt-pop-pan div table td:nth-child(1){width:30%;text-align:center; }

.qrt-pop-pan-closer{width:calc(100% - var(--paddingM3) - var(--paddingM3));text-align:center;padding:var(--paddingM3);box-shadow:0px 0px 1px 2px var(--box-shadow);position:absolute;bottom:var(--paddingM3);left:var(--paddingM3);font-weight:bolder;font-size:large;cursor:pointer;background:var(--secBg); }

.qrt-pop-pan-closer:hover{color:var(--secHover); }
/*
///////////////////////////////////////////////////////
//      monitor
///////////////////////////////////////////////////////
*/
@keyframes move{0%{background-position:0 0; }100%{background-position:var(--navHeight) 0; } }
.hrBar{height:var(--lineHeight);width:calc(100% - 10px);background:var(--primary-color);border:outset 1px #2c2c2c;margin:2px;border-radius:6px;padding:0 var(--paddingM2); }
.targSub{text-align:left;background-color:var(--priBg);padding-bottom:var(--priPadding);margin:10px 0; }
.hrTrg{height:100%;border-radius:5px;position:relative;background:var(--quaBg); }

.hrCmp{background:rgb(3,206,30); }
.hrApr{background:rgb(255,166,0);color:var(--fulBg); }
.hrRej{background:rgb(245, 0, 0);color:#c4c4c4; }
.hrBtc{background:rgb(43,118,255);color:var(--priFont);  }
.hrWrp{background:#1b626e;color:#fff; }
.hrCmp,.hrApr,.hrRej,.hrNan,.hrBtc,.hrWrp{height:20px;top:5px;box-shadow:inset 0 2px 9px  rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);position:relative;overflow:hidden;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);animation:move 2s linear infinite;background-size:var(--navHeight) var(--navHeight);font-size:var(--fontM1);line-height:20px; }
.hrIndic{float:right;border-radius:2px;padding:0px 4px; }

.targSub .dtFil{height:var(--lineHeight);margin-top:var(--marginM3); }
.targSub .dtFil input,.targSub .dtFil select{height:var(--lineHeight);line-height:var(--lineHeight);border:none;background:var(--priBg);width:70px;margin:0 var(--marginM3);font-size:var(--fontM1);color:var(--priFg);text-align:center; }
.targSub .dtFil select:hover{cursor:pointer; }
.targSub .dtFil select{width:120px; }
.targSub .butElm{width:100px;display:inline-block;height:var(--lineHeight);background:var(--priBg);border:inset #444 2px;border-radius:12px;font-size:var(--fontM2);line-height:var(--lineHeight);text-align:center;float:right; }
.targSub .butElm:hover{color:dodgerblue;cursor:pointer; }
/*
///////////////////////////////////////////////////////
//      EXTRA
///////////////////////////////////////////////////////
*/
.no-select{-webkit-user-select:none;-ms-user-select:none;user-select:none; }
.pan-ovf{height:100%;overflow-y:auto; }
/*
///////////////////////////////////////////////////////
//      TOGGLE SWITCH
///////////////////////////////////////////////////////
*/
.checkbox{display:none; }

.check-typ-switch{position:relative;display:inline-block;width:var(--widthM4);height:var(--heightM2); }
.check-typ-switch input{opacity:0;width:0;height:0; }
.check-elem-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--priAccBg);-webkit-transition:0.4s;transition:0.4s; }
.check-elem-slider:before{position:absolute;content:"";height:calc(var(--heightM2) - 8px);width:calc(var(--heightM2) - 8px);left:4px;bottom:4px;background-color:var(--secBg);-webkit-transition:0.4s;transition:0.4s; }
.check-typ-switch input:checked+.check-elem-slider{background-color:#2196F3; }

.check-typ-switch input:checked+.check-elem-slider:before{-webkit-transform:translateX(calc(var(--widthM4) - var(--heightM2)));-ms-transform:translateX(calc(var(--widthM4) - var(--heightM2)));transform:translateX(calc(var(--widthM4) - var(--heightM2))); }
/* Rounded sliders */
.check-elem-slider-round{border-radius:var(--heightM2); }
.check-elem-slider-round:before{border-radius:50%; }
/*
///////////////////////////////////////////////////////
//      DATA TOOLTIP
///////////////////////////////////////////////////////
*/
[data-tooltiptext]:hover::after{
  content:attr(data-tooltiptext);
  position:absolute;
  top:25px;
  background-color:#555;
  max-width:150px;
  padding:5px 10px;
  border-radius:5px;
  transform:translateX(-50%);
  color:#eee;
  font-size:0.8em!important;
  line-height:1.5;
  border:1px solid #777;
  font-family:'Courier New',Courier,monospace;
  z-index:1000;
  display:inline-block;
  overflow:hidden;
}

/*[data-tooltiptext]:after{
  content:"";
  position:absolute;
  top:20px;
  left:50%;
  width:10px;
  height:10px;
  background:#555;
  transform:translateX(-50%) rotate(135deg);
  border-width:1px;
}*/

[data-tooltiptext]{position:relative;display:inline-block; }