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

body{background-color:var(--primary-color); }
/*
///////////////////////////////////////////////////////
//      NAV NAVBAR
///////////////////////////////////////////////////////
*/
nav{position:fixed;top:0;left:0;height:100%;width:var(--sidenav-width);padding:10px;background-color:var(--panel-color);border-right:1px solid var(--border-color);transition:var(--tran-05);z-index:1; }
nav.close{left:calc(-1 * var(--sidenav-width)); }
nav .logo-name .logo_name{font-size:22px;font-weight:600;color:var(--priFont);margin-left:14px;transition:var(--tran-05);height:50px; }
nav .logo-name{border-bottom:1px solid var(--border-color); }
nav .menu-items{margin-top:10px;overflow-y:scroll;height:calc(100% - 60px); }

nav.close .menu-items{display:none; }

nav .nav_closer{width:var(--sidenav-bar-width);position:fixed;left:calc(var(--sidenav-width) - 0px);top:00px;z-index:101;display:block;background:var(--panel-color);border-radius:5px;text-align:center;color:var(--priFont);box-shadow:0px 0px 1px 1px var(--box-shadow);transition:var(--tran-05);height:100%; }
nav .nav_closer>div{width:calc(100% - var(--sizeM4));line-height:var(--lineHeight);height:var(--lineHeight);margin:var(--sizeM3);box-shadow:0px 0px 1px 1px var(--box-shadow); }
nav.close .nav_closer{left:0px;transition:var(--tran-05); }
nav .nav_closer>div:hover{box-shadow:0px 0px 20px 10px var(--box-shadow);font-weight:bolder;cursor:pointer; }

.menu-items li{list-style:none; }
.menu-items li div{display:flex;align-items:center;height:50px;width:100%;text-decoration:none;position:relative;cursor:pointer; }

.nav-links .active{background:var(--hover-back)!important;color:var(--hover-front)!important; }
nav ul:not(:nth-child(:last-child)){border-top:1px solid var(--border-color); }

.menu-items li div i{font-size:24px;min-width:45px;height:100%;display:flex;align-items:center;justify-content:center;color:var(--priFont); }
.menu-items li div .link-name{font-size:18px;font-weight:400;color:var(--black-light-color);transition:var(--tran-05); }
nav.close li div .link-name{pointer-events:none; }
.nav-links li:hover,.nav-links li div:hover .link-name{color:var(--hover-front); }
.nav-links{color:var(--priFont); }
.menu-items .logout-mode{padding-top:10px;border-top: 1px solid var(--border-color); }

.menu-items .mode-toggle{display:inline-block;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer; }
.mode-toggle .switch{position:relative;display:inline-block;height:22px;width:40px;border-radius:25px;background-color:var(--toggle-color); }
.switch::after{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);height:15px;width:15px;background-color:var(--priBg);border-radius:50%;transition:var(--tran-03); }.dark .switch::after{left:20px; }
/*
///////////////////////////////////////////////////////
//      TAB
///////////////////////////////////////////////////////
*/
.tabPanel{background-color:var(--panel-color);color:var(--priFont);height:100vh;overflow:hidden; }

.opentab{--monPanWid:calc(100vw - var(--sidenav-width) - var(--sidenav-bar-width));width:var(--monPanWid);margin-left:calc(var(--sidenav-width) + var(--sidenav-bar-width));transition:var(--tran-05); }
.closetab{width:calc(var(--monPanWid) - var(--sidenav-bar-width));transition:var(--tran-05);margin-left:var(--sidenav-bar-width); }
.mainMonPan{background-color:var(--panel-color);padding:var(--paddingM2);height:100%; }
/*
///////////////////////////////////////////////////////
//      monitor
///////////////////////////////////////////////////////
*/:root{--mo_num_pan_wid:250px;--mo_num_pan_hei:80px; }
.stkWin,.barWin{width:100%;margin:var(--marginM2) 0 0 0;height:calc(100vh - 260px);padding:0;display:inline-block;background:var(--panel-color);transition:var(--tran-05); }
.barwin-tarid{padding:0px 20px;color:goldenrod;cursor:pointer;position:relative; }
.barwin-tarid:hover{color:dodgerblue; }
.barwin-tarid::after{content:"";opacity:0;transition:all 0.5s;box-shadow:0 0 3px 10px dodgerblue;width:100%;height:100%;position:absolute;display:block;top:0; }
.barwin-tarid:active::after{box-shadow:0 0 0 0 white;border-radius:4em;opacity:1;transition:0s; }

.stkWin{height:250px; }.stkWin .label,.stkWin .conts{margin-left:1vw; }.stkWin .stk,.stkWin .stkL{display:inline-block;width:14vw;margin:var(--marginM3) 1vw;background:blue;
  border-radius:var(--paddingM2);text-align:center;color:#fff;font-weight:bolder; }.stkWin .stkapr{background:green; }.stkWin .stkrej{background:red; }
.stkWin .stkpro{background:#ffa100; }.stkWin .stkbtc{background:rgb(43,118,255); }.stkWin .stkL{height:var(--navHeight);font-size:var(--fontM8);line-height:var(--navHeight); }.stkWin .stk{height:100px;font-size:var(--fontM9);line-height:100px; }
.barWin .graph{height:calc(100% - 40px);width:calc(100% - var(--mo_num_pan_wid));display:inline-block;border-right:1px solid #777; }
.barwin_mos{display:inline-block;vertical-align:top;width:calc(var(--mo_num_pan_wid) - var(--sizeM4));margin-left:var(--sizeM3); }
.barWin .barwin_mos_itm{box-shadow:0 0 1px 1px var(--box-shadow);width:100%;margin: 10px 0px;height:var(--mo_num_pan_hei); }
.barWin .graph canvas{height:100%!important; }.scrollWin::-webkit-scrollbar{display:none; }
.barwin_mos_itm_val{text-align:center;height:40%; }
.barwin_mos_itm_nme{text-align:center;font-weight:bold;font-size:1.2em;padding:var(--paddingM2);border-bottom:1px solid var(--border-color);background:var(--priBg);height:60%;line-height:calc(var(--mo_num_pan_hei) * 60 / 100);cursor:pointer; }
.barwin_mos_itm_nme:hover{color:dodgerblue; }
.barwin_mos_itm_nme:active::after{box-shadow:0 0 0 0 white;border-radius:4em;opacity:1;transition:0s; }

.barwin_mos_itm_val samp:nth-child(1){text-align:center;font-weight:bold;font-size:1.1em;color:#fff;background:green;width:50%;padding:var(--paddingM2) 0 var(--paddingM2) var(--paddingM2);height:100%; }
.barwin_mos_itm_val samp:nth-child(2){text-align:center;font-size:1.1em;color:#fff;background:blue;width:50%;padding:var(--paddingM2) var(--paddingM2) var(--paddingM2) 0;height:100%; }
.scrollWin{overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth; }.hidScrllWin{overflow-x:hidden!important; }
.barWinPan{/*animation:scrlAnim1 calc(var(--monPanDur) * var(--scrlen1)) linear forwards infinite;*/overflow:visible;scroll-behavior:smooth; }
.stkWinPan{/*animation:scrlAnim2 calc(var(--monPanDur) * var(--scrlen2)) linear forwards infinite;*/overflow:visible;scroll-behavior:smooth;text-align: center; }
.hidPan{animation:hidAnim 1s linear forwards; }
.shoPan{animation:shoAnim 1s linear forwards; }

@keyframes shoAnim{from{opacity:0; }to{opacity:1; } }
@keyframes hidAnim {from{opacity:1; }to{opacity:0; } }
@keyframes scrlAnim1{from{transform:translateX(0); }to{transform:translateX(calc(var(--monPanWid) * var(--scrlen1) * (-1))); } }
@keyframes scrlAnim2{from{transform:translateX(0); }to{transform:translateX(calc(var(--monPanWid) * var(--scrlen2) * (-1))); } }
.graph_head_1{height:calc(100% - var(--lineHeight) - (var(--marginM2) * 2) - 4px)!important; }
.graph_head_2{height:calc(100% - (var(--marginM2) * 2) - (var(--lineHeight) * 2) - 4px)!important; }
.barWin .header,.stkWin .header,.barWin .subHeader{line-height:var(--fontM1);display:block;text-align:center;width:100%;background:#454545;color:#fff;margin:var(--marginM2) 0px;padding:var(--paddingM2) 0px;font-size:var(--fontM2);font-weight:bolder; }
/*
///////////////////////////////////////////////////////
//      Dashboard
///////////////////////////////////////////////////////
*/
.hb-slide{width:var(--widthM8)!important;position:absolute;height:100%!important;top:0;font-size:xxx-large;text-align:center;cursor:pointer;; }
.hb-slide-left>*{pointer-events:none;display:block;position:absolute;top:50%;transform:translateY(-50%);width:inherit; }
.hb-slide-right>*{pointer-events:none;display:block;position:absolute;top:50%;transform:translateY(-50%);width:inherit; }

.hb-slide-left{left:auto;opacity:0; }
.hb-slide-right{right:0px;opacity:0; }

.hb-slide-left-en:hover{opacity:1;box-shadow:0px 1px 5px 1px var(--secBorder);color:var(--secHover);background:#7775 }
.hb-slide-right-en:hover{opacity:1;box-shadow:0px 1px 5px 1px var(--secBorder);color:var(--secHover);background:#7775 }
/*
///////////////////////////////////////////////////////
//      Analysis
///////////////////////////////////////////////////////
*/
.analysPan{height:100vh;background:var(--panel-color); }.analysPan>div{display:inline-block;vertical-align:top;height:100%; }
.an_prod_sid{width:340px;height:100%; }
.an_prod_itm{height:calc(100% - 40px);max-height:calc(100% - 46px); }.an_prod_itm .listItem{border-bottom:var(--border-color) solid 1px; }
.an_prod_pan{width:calc(100% - 40px);height:calc(50% - var(--marginM2) - var(--marginM4) - 5px);margin:var(--marginM4);border-radius:10px;box-shadow:0 0 var(--marginM1) var(--marginM1) var(--box-shadow);color:var(--priFont); }
.an_prod_pan>label{width:100%;text-align:center;padding:var(--paddingM3);display:inline-block;border-bottom:var(--border-color) 1px solid; }
.an_prod_apl,.an_prod_emp{aspect-ratio:1;height:calc(100% - var(--marginM4) - var(--marginM3));box-shadow:0 0 var(--marginM1) var(--marginM1) var(--box-shadow);color:var(--priFont);margin-top:var(--marginM4);margin-right:var(--marginM4);display:inline-block;width:calc(50% - 25px);vertical-align:top; }
.an_prod_apl{margin-left:var(--marginM3); }

.an_prod_sidr{display:inline-block;width:calc(100% - 350px - var(--sidenav-width) - 10px);transition:var(--tran-05); }
.closeFilt .an_prod_sidr{width:calc(100% - 350px - 30px);transition:var(--tran-05); }
.an_prod_sidr>div{height:50%; }

.an_prod_iss_sidr{display:inline-block;width:calc(100% - var(--sidenav-width) - 10px);padding:var(--paddingM3); }
.closeFilt .an_prod_iss_sidr{width:calc(100% - 30px);transition:var(--tran-05); }
.an_prod_iss_sidr>div{height:calc(50% - var(--marginM4));overflow-y:hidden!important; }

.an_prod_iss_sidr .barWin .graph{height:100%;width:100%; }
.an_prod_iss_typ{margin-top:var(--marginM4)!important; }

.an_prod_apl label,
.an_prod_emp label,
.an_prod_sfl .an_prod_sfl_lbl,
.an_prod_dep label,
.an_prod_iss_typ label,
.an_prod_iss_cmp label,
.an_prod_rwk_typ label,
.an_prod_sfl .aply_filt{display:inline-block;width:100%;text-align:center;border-bottom:solid 1px var(--border-color);padding:var(--paddingM3); }
.an_prod_apl div,
.an_prod_emp div,
.an_prod_iss_typ div,
.an_prod_iss_cmp div,
.an_prod_rwk_typ div,
.an_prod_dep div{width:100%;background-color:var(--box1-color); }.an_prod_sfl>div{width:100%; }
.an_prod_apl>div,.an_prod_emp>div{height:calc(100% - var(--lineHeight) - var(--marginM3));padding:var(--sizeM4); }

.an_prod_apl div canvas{height:100%; }

.an_prod_bpe{width:100%;overflow-x:auto;white-space:nowrap;height:100%;display:inline-block; }
.an_prod_dep,
.an_prod_iss_cmp,
.an_prod_rwk_typ,
.an_prod_iss_typ{width:calc(100% - var(--marginM4) - var(--marginM3));height:calc(100% - var(--marginM3));margin:var(--marginM3) 0 0 var(--marginM3);overflow-x:auto;white-space:nowrap;box-shadow:0 0 var(--marginM1) var(--marginM1) var(--box-shadow);background-color:var(--box1-color);color:var(--priFont); }

.an_prod_apl label,.an_prod_emp label{height:var(--lineHeight);line-height:var(--lineHeight);margin:var(--marginM2) 0;padding:0px; }

.an_prod_dep{position:relative; }

@keyframes anim-sid-cls{0%{right:var(--smen-men-width);display:block; } 100%{right:calc(-1 * var(--sidenav-width));display:none; } }
@keyframes anim-sid-opn{0%{right:calc(-1 * var(--sidenav-width));display:inline-block; } 100%{right:var(--smen-men-width); } }

.an_prod_sfl{width:var(--sidenav-width);height:calc(100% - var(--marginM2) - var(--marginM4) - 16px)!important;box-shadow:0 0 var(--marginM1) var(--marginM1) var(--box-shadow);color:var(--priFont);margin:var(--marginM4);border-radius:10px;display:inline-block;vertical-align:top;position:relative;position:absolute!important;right:0px;background:var(--panel-color);transition:var(--tran-05); }
.closeFilt .an_prod_sfl{width:40px;right:0px;margin-right:2px;transition:var(--tran-05); }
.closeFilt .an_prod_sfl .an_prod_sfl_cn{display:none!important; }
.an_prod_sfl .aply_filt{margin-top:30px;cursor:pointer;font-weight:bold;bottom:0px;left:0px;position:absolute;border-top:solid 1px var(--border-color);background:transparent;
border-bottom:none; }
.an_prod_sfl .aply_filt:hover{color:var(--hoverColor); }
.an_prod_sfl_sl{width:40px;text-align:center;padding:10px;vertical-align:top;padding:var(--paddingM3); }
.an_prod_sfl_sl:hover{cursor:pointer;color:dodgerblue; }
.an_prod_sfl_cn{width:calc(100% - 40px); }

.an_prod_sup>div{display:inline-block; }.an_prod_sup{vertical-align:top; }
.an_prod_sdw{height:calc(50% - var(--marginM4))!important; }
.an_prod_sdw .graph{width:100%; }

.an_prod_dep .barWin,.an_prod_dep .barWinPan,.an_prod_dep .scrollWin,.an_prod_iss_typ .barWin,.an_prod_iss_cmp .barWin{height:100%;margin:0!important; }
.an_prod_dep>div,.an_prod_iss_typ>div,.an_prod_iss_cmp>div,.an_prod_rwk_typ>div{height:calc(100% - var(--lineHeight) - var(--marginM3)); }
.an_prod_dep .graph_head_1,.an_prod_iss_typ .graph_head_1,.an_prod_iss_cmp .graph_head_1,.an_prod_rwk_typ .graph_head_1{height:calc(100% - var(--lineHeight)); }
.an_prod_dep .graph canvas,.an_prod_iss_typ .graph canvas,.an_prod_iss_cmp .graph canvas{height:100%!important; }
.an_prod_dep .header,.an_prod_iss_typ .header,.an_prod_iss_cmp .header,.an_prod_rwk_typ .header{margin:0!important; }
.an_prod_dep .scrollWin,.an_prod_iss_typ .scrollWin,.an_prod_iss_cmp .scrollWin,.an_prod_rwk_typ .scrollWin{scrollbar-width:auto; }

.an_fil_sel{width:calc(100% - var(--marginM3) - var(--marginM3));margin:var(--marginM3) 0 0 0;border:none;background-color:var(--box1-color);color:var(--priFont);cursor:pointer;border-bottom:2px solid var(--border-color); }
.an_fil_sel>*{height:var(--lineHeight);line-height:var(--lineHeight);width:100%; }
.an_fil_sel:focus,.an_fil_sel::selection{outline:none; }
.an_fil_sel>i{margin-right:var(--marginM3);width:var(--liicoSize);text-align:center; }
.an_fil_sel>select{width:calc(100% - var(--liicoSize) - var(--marginM3));cursor:pointer;padding-left:var(--sizeM2); }
.an_fil_sel:disabled{display:none; }

.an_fil_sel_main{border-bottom:2px solid dodgerblue; }

.an_fil_pic{margin-top:20px;border:none; }
.an_fil_pic{border:none;background:var(--box1-color);margin-top:var(--marginM2);width:calc(100% - 20px); }
.an_fil_pic:has(input:disabled){display:none; }

.an_fil_inp{width:100%; }
.an_fil_inp>*{width:100%;padding:var(--sizeM2);box-shadow:0 0 1px 1px var(--box-shadow); }

.an_fil_con{height:calc(100% - 80px);overflow-y:auto;overflow-x:hidden; }

.an_fil_pic label{width:calc(var(--liicoSize) + 10px);display:inline-block;text-align:center;height:var(--lineHeight);line-height:var(--lineHeight); }
.an_fil_pic input{background:var(--box1-color);color:var(--priFont);border:none;cursor:pointer;width:calc(100% - var(--liicoSize) - var(--marginM3));height:var(--lineHeight);line-height:var(--lineHeight); }

.an_prod_rwk_sidr{display:inline-block;width:calc(100% - var(--sidenav-width) - 10px);padding:var(--paddingM3); }
.closeFilt .an_prod_rwk_sidr{width:calc(100% - 30px);transition:var(--tran-05); }
.an_prod_rwk_sidr>.an_prod_rwk_typ{height:calc(40% - var(--marginM4));overflow-y:hidden!important; }
.an_prod_rwk_sidr>.an_prod_rwk_ext{height:30%;overflow-y:hidden!important; }
.an_prod_rwk_sidr>.an_prod_rwk_cmt{height:calc(30% - var(--marginM3));overflow-y:hidden!important; }

.an_prod_rwk_sidr .barWin .graph,.an_prod_rwk_sidr .barWin{height:100%!important;width:100%;border:none!important; }
.an_prod_rwk_ext{margin:10px;border:3px solid #444;width:calc(100% - var(--marginM4) - var(--marginM3)); }

.an_prod_rwk_cmt{margin:10px;border:3px solid #444;width:calc(100% - var(--marginM4) - var(--marginM3));white-space:nowrap; }
.an_prod_rwk_cmt_itm{width:calc(25% - var(--sizeM3));margin:var(--sizeM3);box-shadow:0px 0px 1px 1px var(--box-shadow);height:calc(100% - var(--sizeM3) - var(--sizeM3));display:inline-block;white-space:collapse; }
.an_prod_rwk_cmt_itm>label{text-align:center;width:100%;display:inline-block;padding:5px;border-bottom:1px solid var(--box-shadow);font-weight:bolder; }
.an_prod_rwk_cmt_itm>div{padding: var(--sizeM2);height:calc(100% - var(--lineHeight));overflow-y:auto; }

.an_prod_rwk_ext .an_prod_emp{margin-top:0px;height:100%;width:calc(33% - 10px); }
.an_prod_rwk_ext .an_prod_emp:nth-child(3){margin-right:0px; }
.an_prod_rwk_ext .an_prod_emp>div{padding:var(--sizeM2); }
/*
///////////////////////////////////////////////////////
//      Analysis
///////////////////////////////////////////////////////
*/
.hrBarStp{height:var(--lineHeight);width:calc(100% - 10px);background:var(--box1-color);border:solid 1px var(--border-color);margin:2px;border-radius:6px;padding:0 var(--paddingM2); }
.targSubStp{text-align:left;background-color:var(--box1-color);padding-bottom:var(--priPadding);margin:var(--marginM3); }
.hrTrgStp{height:100%;border-radius:5px;position:relative;background:var(--box1-color); }

.hrCmpStp{background:rgb(3,206,30);color:#000; }
.hrAprStp{background:rgb(255,166,0);color:#000; }
.hrRejStp{background:rgb(245, 0, 0);color:#c4c4c4; }
.hrCmpStp,.hrAprStp,.hrRejStp,.hrNanStp{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-size:var(--navHeight) var(--navHeight);font-size:var(--fontM1);line-height:20px; }
.hrIndicStp{float:right;border-radius:2px;padding:0px 4px; }
.stkProdRec{background-color:var(--box1-color);cursor:pointer; }
.stkProdRec:hover{box-shadow:0 0 1px 1px dodgerblue; }
.stkProdRec>*{pointer-events:none; }
.hrBarHeadStp{width:calc(100% - var(--marginM4)); }
.hrBarHeadStp samp{width: calc(100% - 70px);text-wrap:nowrap;overflow-x:auto;scrollbar-width:none; }
.hrBarHeadStp span{float:right; }

.indicCir{border-radius:5px;padding:2px 0px;min-width:50px;display:inline-block;margin-left:10px; }
.qrArea{height:calc(100vh - 310px);overflow-x:auto; }
/*
///////////////////////////////////////////////////////
//                  Notification
///////////////////////////////////////////////////////
*/
.notifPanel{padding:10px;overflow-y:scroll;height:100%; }
.notifListItem{margin-top:20px;width:60%;padding:10px 0px; }
.notifListItem{pointer-events:all;cursor:pointer;font-weight:bolder; }
.notifListItem:hover{color:dodgerblue;font-weight:bolder; }
.notifListItem>*{pointer-events:none; }
/*
///////////////////////////////////////////////////////
//                  SETTING PANEL
///////////////////////////////////////////////////////
*/
.setPanArr span,.setPanArr label{padding:var(--paddingM2);color:var(--priFont); }
.sv_psw_but_p{text-align:center;cursor:pointer;margin-top:var(--marginM2); }.setPanArr label{text-align:right; }
.sv_psw_but_p>*{pointer-events:none; }
.setPanArr span input{background-color:var(--panel2-color);color:var(--priFont);padding-left:var(--paddingM2);border:none;padding:var(--paddingM2); }
.sv_psw_but{padding:var(--paddingM3);background:var(--button-back);color:var(--button-front)!important;text-align:center;cursor:pointer; }

.setPanArr .setPanArr-slot:not(:first-child){margin-top:var(--marginM4);border-top:solid 1px var(--secBorder); }
/*
///////////////////////////////////////////////////////
//                  DROP UP
///////////////////////////////////////////////////////
*/
.dropup-mod1-tgl *{padding:0;margin:0;font:12px georgia;list-style-type:none; }
.dropup-mod1-tgl{margin-top:300px;float:left;line-height:10px;left:200px; }
.dropup-mod1-tgl a{display:block;text-decoration:none;color:#3B5330; }
.dropup-mod1-tgl a:hover{background:#B0BD97; }
.dropup-mod1-tgl ul li ul li a:hover{background:#ECF1E7;padding-left:9px;border-left:solid 1px #000;}
.dropup-mod1-tgl ul li ul li{width:140px;border:none;color:#B0BD97;padding-top:3px;padding-bottom:3px;padding-left:3px;padding-right:3px;background:#B0BD97;z-index:1; }
.dropup-mod1-tgl ul li ul li a{font:11px arial;font-weight:normal;font-variant:small-caps;padding-top:3px;padding-bottom:3px; }
.dropup-mod1-tgl ul li{float:left;width:146px;font-weight:bold;border-top:solid 1px #283923;border-bottom:solid 1px #283923;background:#979E71; }
.dropup-mod1-tgl ul li a{font-weight:bold;padding:15px 10px; }
.dropup-mod1-tgl li{position:relative;float:left; }
.dropup-mod1-tgl ul li ul,.dropup-mod1-tgl:hover ul li ul,.dropup-mod1-tgl:hover ul li:hover ul li ul{display:none;list-style-type:none;width:140px; }
.dropup-mod1-tgl:hover ul,.dropup-mod1-tgl:hover ul li:hover ul,.dropup-mod1-tgl:hover ul li:hover ul li:hover ul{display:block; }
.dropup-mod1-tgl:hover ul li:hover ul li:hover ul{position:absolute;margin-left:145px;margin-top:-22px;font:10px; }
.dropup-mod1-tgl:hover ul li:hover ul{position:absolute;margin-top:1px;font:10px; }
.dropup-mod1-tgl>ul>li:hover>ul{bottom:100%;border-bottom:1px solid transparent; }