:root{ --canvas:#E7EDF3;--sheet:#FFFFFF;--sheet-2:#F3F7FA;--line:#E0E8EE;--line-strong:#AFC0CD; --text:#0A1A2A;--muted:#566B7D; --ink:#0B1D2E;--ink-2:#14324A;--ink-text:#9DB6C8;--ink-hi:#FFFFFF; --accent:#2F80AB;--accent-2:#4CA0C5;--accent-fill:#1A638C;--accent-hover:#134F73;--accent-soft:#E1EEF6;--accent-text:#1A638C;--on-accent:#FFFFFF;--ring:#2F80AB; --coral:#EE5D57;--coral-soft:#FDE8E7;--sun:#F2A947;--sun-soft:#FFF1DC;--sun-text:#8A5008;--orange:#EE8D57;--orange-soft:#FDEBDD;--danger:#D94641; --shadow:0 1px 2px rgba(11,29,38,.05),0 8px 24px -8px rgba(11,29,38,.12); --r-lg:20px;--r-md:14px;--r-sm:10px;--rail-w:272px;--rail-min:88px;--gap:14px;--bar-h:60px; --font:"Readex Pro","Segoe UI",Tahoma,Arial,sans-serif; color-scheme:light; } html[data-mode="dark"]{ --canvas:#060D14;--sheet:#0E1A26;--sheet-2:#132333;--line:#1C3044;--line-strong:#365A78; --text:#E6EFF6;--muted:#8FA9BF; --ink:#14324A;--ink-2:#1F4A6B;--ink-text:#D3E0EC;--ink-hi:#FFFFFF; --accent:#4CA0C5;--accent-2:#7BBBD8;--accent-fill:#4CA0C5;--accent-hover:#7BBBD8;--accent-soft:#0F2A3F;--accent-text:#7BBBD8;--on-accent:#04202F;--ring:#7BBBD8; --coral:#FF7C76;--coral-soft:#3A1D1E;--sun:#F2A947;--sun-soft:#33260F;--sun-text:#F2A947;--orange:#F29A5E;--orange-soft:#3A2414;--danger:#FF7C76; --shadow:0 0 0 1px rgba(255,255,255,.03),0 12px 28px -10px rgba(0,0,0,.6); color-scheme:dark; } @font-face{font-family:"Readex Pro";font-style:normal;font-weight:300 700;font-display:swap;src:url(../bootstrap-3.3.2-dist/fonts/readex/readex-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC} @font-face{font-family:"Readex Pro";font-style:normal;font-weight:300 700;font-display:swap;src:url(../bootstrap-3.3.2-dist/fonts/readex/readex-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:"Readex Pro";font-style:normal;font-weight:300 700;font-display:swap;src:url(../bootstrap-3.3.2-dist/fonts/readex/readex-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} html{scroll-padding-top:calc(var(--bar-h) + var(--gap) * 2 + 10px)} body{--rail-cur:var(--rail-min);font-family:var(--font);background:var(--canvas);color:var(--text);font-size:14px;line-height:1.55;transition:background .25s,color .25s} body.mui-pinned,body.mui-rail-open{--rail-cur:var(--rail-w)} a{color:var(--accent-text)} a:hover,a:focus{color:var(--accent-hover)} :focus-visible{outline:2px solid var(--ring);outline-offset:2px} hr{border-top-color:var(--line)} .text-muted{color:var(--muted)} body>.container-fluid{margin-top:calc(var(--gap) + var(--bar-h) + var(--gap))!important;padding:0 var(--gap) var(--gap) 0} body>.container-fluid>.row{margin:0} #FLW-COL{float:none;width:auto;margin-left:calc(var(--rail-cur) + var(--gap) * 2);padding:0;transition:margin .22s} #FLW-COL.col-sm-12{margin-left:var(--gap)} body.menu-off #FLW-COL{margin-left:var(--gap)} #FLOW{background:var(--sheet);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:28px clamp(16px,2.6vw,44px);min-height:calc(100vh - var(--bar-h) - var(--gap) * 3);transition:background .25s} #myCarousel{display:none} #LFT-MNU{position:fixed;top:var(--gap);bottom:var(--gap);left:var(--gap);width:var(--rail-cur);float:none;padding:0 12px 12px;background:var(--ink);border-radius:var(--r-lg);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:flex;flex-direction:column;z-index:1032;scrollbar-width:none;transition:width .22s cubic-bezier(.3,.7,.2,1),box-shadow .22s} #LFT-MNU::-webkit-scrollbar{display:none} #LFT-MNU>.panel-group,#LFT-MNU>.mui-brand,#LFT-MNU>.mui-foot{flex:0 0 auto} .mui-foot{position:sticky;bottom:-12px;z-index:3;margin:auto -12px -12px;padding:8px 12px 12px;background:var(--ink);border-top:1px solid rgba(255,255,255,.08)} .mui-foot .btn-info.btn-block{width:100%} #LFT-MNU .btn-info.btn-block.mui-here{background:var(--accent-fill);color:var(--on-accent)} #LFT-MNU .btn-info.btn-block.mui-here:hover{background:var(--accent-hover);color:var(--on-accent)} @media (min-width:768px){ body:not(.mui-pinned):not(.mui-rail-open) #LFT-MNU .mui-name, body:not(.mui-pinned):not(.mui-rail-open) #LFT-MNU .mui-pin{display:none} body:not(.mui-pinned):not(.mui-rail-open) #LFT-MNU .btn-info.btn-block{font-size:0} body:not(.mui-pinned):not(.mui-rail-open) #LFT-MNU .panel-collapse{display:none!important} body:not(.mui-pinned):not(.mui-rail-open) #LFT-MNU .btn-info.btn-block.mui-open::after{display:none} } .mui-brand{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:12px;height:80px;margin:0 -12px 6px;padding:0 22px;background:var(--ink);color:var(--ink-hi);white-space:nowrap} .mui-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--accent-2),var(--accent-fill));display:grid;place-items:center;flex:none;font-weight:700;font-size:18px;color:#fff} html[data-mode="dark"] .mui-mark{color:#04202F} .mui-name{font-weight:600;font-size:18px;letter-spacing:.2px} .mui-pin{margin-inline-start:auto;width:32px;height:32px;border-radius:9px;border:0;background:none;color:var(--ink-text);display:grid;place-items:center;cursor:pointer;flex:none} .mui-pin:hover{background:var(--ink-2);color:var(--ink-hi)} .mui-pin svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} body.mui-pinned .mui-pin{background:var(--accent-soft);color:var(--accent-text)} body.mui-pinned .mui-pin svg{fill:currentColor} #LFT-MNU .panel-group{margin:0} #LFT-MNU .panel,#LFT-MNU .panel-default{background:none;border:0;box-shadow:none;margin:0 0 2px;border-radius:0} #LFT-MNU .btn-info.btn-block{position:relative;display:flex;align-items:center;min-height:50px;text-align:start;background:none;background-image:none;border:0;box-shadow:none;text-shadow:none;color:var(--ink-text);font-size:15px;font-weight:500;padding:0 14px;padding-inline-start:60px;border-radius:14px;white-space:normal;transition:background .15s,color .15s} #LFT-MNU .btn-info.btn-block::before{content:"";position:absolute;inset-inline-start:19px;top:50%;width:24px;height:24px;margin-top:-12px;background:currentColor;-webkit-mask:var(--ico) center/24px no-repeat;mask:var(--ico) center/24px no-repeat} #LFT-MNU .btn-info.btn-block:hover,#LFT-MNU .btn-info.btn-block:focus{background:var(--ink-2);color:var(--ink-hi)} #LFT-MNU .btn-info.btn-block.mui-open{background:var(--ink-2);color:var(--ink-hi);font-weight:600} #LFT-MNU .btn-info.btn-block.mui-open::after{content:"";position:absolute;inset-inline-start:-12px;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--orange)} #LFT-MNU[dir="rtl"] .btn-info.btn-block.mui-open::after{border-radius:4px 0 0 4px} #LFT-MNU .panel-collapse{border:0;background:none} #LFT-MNU .panel-body{background:none;border:0;padding:4px 0 10px;max-height:none} #LFT-MNU .scrollit{max-height:340px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ink-2) transparent} #LFT-MNU ul{margin:0;padding:0} #LFT-MNU .list-unstyled,#LFT-MNU .nav,#LFT-MNU .list-group{padding:0;margin:0;list-style:none} #LFT-MNU .nav-header{list-style:none;width:100%} #LFT-MNU .nav>li>a{color:var(--ink-text);background:none;padding:8px 12px;padding-inline-start:60px;border-radius:9px;font-size:14px} #LFT-MNU .nav>li>a:hover,#LFT-MNU .nav>li>a:focus{background:rgba(255,255,255,.06);color:var(--ink-hi)} #LFT-MNU a[onclick*="SHOWPAGE"].focus{color:var(--on-accent);background:var(--accent-fill)} #LFT-MNU a[data-toggle="collapse"].focus,#LFT-MNU a[data-toggle="collapse"]:focus{background:none;color:inherit;outline-offset:-2px} #LFT-MNU .nav-header h5{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--ink-text);padding:8px 12px;padding-inline-start:60px;border-radius:9px} #LFT-MNU .nav-header h5:hover{color:var(--ink-hi);background:rgba(255,255,255,.06)} #LFT-MNU .nav-header .glyphicon{float:inline-end;font-size:10px;opacity:.6;margin-top:3px} #LFT-MNU[dir="rtl"] .nav-header .glyphicon{transform:scaleX(-1)} #LFT-MNU .nav>li.nav-header>a,#LFT-MNU .nav>li.nav-header>a:hover,#LFT-MNU .nav>li.nav-header>a:focus{padding:0;background:none} #LFT-MNU .nav-header h5{display:block;margin:6px 0 0} #LFT-MNU .list-unstyled{margin-inline-start:60px;border-inline-start:1px solid rgba(255,255,255,.14)} #LFT-MNU .list-unstyled>li>a{display:block;padding:7px 12px;padding-inline-start:16px;color:var(--ink-text);border-radius:9px;font-size:14px} #LFT-MNU .list-unstyled>li>a:hover{color:var(--ink-hi);background:rgba(255,255,255,.06)} html:not(.mui-ready) #header span[id^="HEADER"]{visibility:hidden} #header .navbar{position:fixed;top:var(--gap);left:calc(var(--rail-cur) + var(--gap) * 2);right:var(--gap);width:auto;margin:0;min-height:var(--bar-h);border:0;border-radius:var(--r-lg);background:var(--sheet);background-image:none;box-shadow:var(--shadow);z-index:1030;transition:background .25s,left .22s} body.menu-off #header .navbar{left:var(--gap)} #header .navbar>.container-fluid{padding:0 10px;display:flex;align-items:center;min-height:var(--bar-h)} #header .navbar-header{display:none;align-items:center;position:static;float:none;width:auto;height:auto;margin:0 4px 0 0;padding:0} #header .navbar-header img{display:none} #header .navbar-header .navbar-brand{float:none;display:grid;place-items:center;height:44px;width:44px;padding:0;margin:0;border-radius:12px;color:var(--muted)} #header .navbar-header .navbar-brand:hover{background:var(--accent-soft)} #header .navbar-header .navbar-brand .glyphicon{color:var(--text)!important} #MUIPERSONAL,#MUINEWS,#MUITABS,#NEWS{display:none!important} #header .navbar-toggle{display:none!important} #header .navbar-collapse{visibility:visible!important;flex:1;display:flex!important;align-items:center;gap:10px;padding:0;border:0;box-shadow:none;height:auto!important;overflow:visible!important;min-width:0} #header .navbar-collapse>div{flex:1;min-width:0;justify-content:flex-end!important;align-items:center!important} #header .navbar-nav{float:none;margin:0;display:flex;align-items:center;gap:2px;flex-wrap:nowrap} #header .navbar-nav>li{float:none} #header .navbar-default .navbar-nav>li>a{display:flex;align-items:center;gap:8px;height:44px;padding:0 13px;margin:0;border-radius:12px;color:var(--text);background:none;font-weight:500;line-height:1;white-space:nowrap;transition:background .15s,color .15s} #header .navbar-default .navbar-nav>li>a .glyphicon{color:var(--muted);top:0;font-size:15px} #header .navbar-default .navbar-nav>li>a:hover,#header .navbar-default .navbar-nav>li>a:focus{background:var(--accent-soft);color:var(--text)} #header .navbar-default .navbar-nav>li>a:hover .glyphicon{color:var(--accent-text)} #myNavbar>ul.navbar-nav>li:nth-child(3)>a{background:var(--accent-fill);color:var(--on-accent);padding:0 20px;margin-inline:4px} #myNavbar>ul.navbar-nav>li:nth-child(3)>a .glyphicon{color:var(--on-accent)} #myNavbar>ul.navbar-nav>li:nth-child(3)>a:hover{background:var(--accent-hover);color:var(--on-accent)} #myNavbar>ul.navbar-nav>li:nth-child(5)>a:hover{background:var(--coral-soft);color:var(--danger)} #myNavbar>ul.navbar-nav>li:nth-child(5)>a:hover .glyphicon{color:var(--danger)} #myNavbar>ul.navbar-nav>li:nth-child(5),#myNavbar>ul.navbar-nav>li:nth-child(8){margin-inline-end:8px;padding-inline-end:8px;border-inline-end:1px solid var(--line)} #header .navbar-collapse .input-group{display:flex!important;align-items:center;flex:0 1 250px!important;min-width:150px!important;width:auto!important;float:none!important;min-width:0} #SEARCHBAR{flex:1;min-width:96px;width:auto;height:44px;margin:0!important;float:none;border-radius:999px 0 0 999px;background:var(--sheet-2);border:1px solid var(--line);border-inline-end:0;box-shadow:none;color:var(--text);padding-inline-start:18px} #SEARCHBARFlow_Button{display:inline-flex!important;flex-direction:row!important;align-items:center;justify-content:center;flex:0 0 48px;width:48px!important;height:44px;margin:0!important;padding:0!important;border-radius:0 999px 999px 0;background:var(--sheet-2);border:1px solid var(--line);color:var(--muted);cursor:pointer} #SEARCHBARFlow_Button .glyphicon{top:0;font-size:15px;line-height:1} #SEARCHBARFlow_Button:hover{color:var(--accent-text);border-color:var(--accent)} #SEARCHBARFlow_Button:focus-visible{outline:2px solid var(--ring);outline-offset:-2px} #header .navbar-right{float:none!important;width:auto!important;flex:0 0 auto!important;display:flex;align-items:center;gap:6px;margin:0!important} #header .navbar-right>li>a{border-radius:999px} #MODETGL{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--sheet);color:var(--text);display:grid;place-items:center;cursor:pointer;padding:0;transition:border-color .15s} #MODETGL:hover{border-color:var(--accent)} #MODETGL svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #MODETGL .mui-moon{display:none} html[data-mode="dark"] #MODETGL .mui-moon{display:block} html[data-mode="dark"] #MODETGL .mui-sun{display:none} #header .navbar-right .dropdown-toggle{display:flex;align-items:center;gap:10px;padding:0 14px 0 6px!important} #header .navbar-right .dropdown-toggle .glyphicon-user{display:none} .mui-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--sun),var(--orange));display:grid;place-items:center;font-weight:600;font-size:13px;color:#3A2200;flex:none} #header .navbar-right .dropdown-toggle #HEADERUser{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dropdown-menu{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow);padding:6px} .dropdown-menu>li>a{color:var(--text);border-radius:var(--r-sm);padding:9px 12px} .dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background:var(--accent-soft);color:var(--text)} .dropdown-menu .thumbnail{background:none;border:0;margin:0;padding:6px 12px} #MUIHELLO{margin-bottom:24px} #MUIHELLO h1{margin:0;font-size:clamp(26px,3vw,36px);font-weight:600;letter-spacing:-.02em;color:var(--text)} #MUIHELLO p{margin:6px 0 0;color:var(--muted);font-size:15px} #MUIMODS{margin-top:8px} #MUIMODS h2,#RECENT h4{margin:0 0 14px;font-size:17px;font-weight:600;color:var(--text)} .mui-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px} .mui-tile{display:flex;flex-direction:column;gap:22px;text-align:start;background:var(--sheet-2);border:1px solid transparent;border-radius:var(--r-md);padding:18px;cursor:pointer;color:var(--text);transition:border-color .15s,background .15s} .mui-tile:hover,.mui-tile:focus-visible{border-color:var(--accent);background:var(--sheet)} .mui-tile .ico{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text)} .mui-tile:nth-child(3n+2) .ico{background:var(--sun-soft);color:var(--sun-text)} .mui-tile:nth-child(3n) .ico{background:var(--coral-soft);color:var(--coral)} .mui-tile .ico i{width:22px;height:22px;background:currentColor;-webkit-mask:var(--ico) center/22px no-repeat;mask:var(--ico) center/22px no-repeat} .mui-tile b{display:block;font-weight:600;font-size:15px} .mui-tile small{color:var(--muted)} #RECENT:empty{display:none} #RECENT{margin-bottom:26px} #RECENT .chips{display:flex;flex-wrap:wrap;gap:8px} #RECENT .chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 16px;color:var(--text);text-decoration:none;background:none;transition:border-color .15s,color .15s} #RECENT .chip:hover{border-color:var(--accent);color:var(--accent-text)} .panel-info{background:none;border:0;box-shadow:none} .panel-info>.panel-body{padding:0} .nav-justified{display:flex;gap:8px;flex-wrap:wrap} .nav-justified>li{display:block;float:none;flex:1 1 150px;width:auto} .nav-justified>li>a.btn{border-radius:var(--r-md);background:var(--sheet-2);border:1px solid transparent;color:var(--text);padding:11px 12px;font-weight:500;text-shadow:none;box-shadow:none;background-image:none} .nav-justified>li>a.btn:hover{border-color:var(--accent)} .nav-justified>li.active>a.btn{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent)} marquee#NEWS{background:var(--sheet-2)!important;color:var(--text);border-radius:var(--r-sm);padding:6px 10px;font-size:15px!important} fieldset.scheduler-border{border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px 6px;margin:16px 0} fieldset.scheduler-border>legend{width:auto;margin:0;padding:0 8px;border:0;font-size:14px;font-weight:600;color:var(--muted)} .btn{border-radius:var(--r-sm);font-weight:500;text-shadow:none} .btn-default{background:var(--sheet);background-image:none;border-color:var(--line-strong);color:var(--text);box-shadow:none} .btn-default:hover,.btn-default:focus{background:var(--sheet-2);border-color:var(--accent);color:var(--text)} .btn-primary{background:var(--accent-fill);background-image:none;border-color:var(--accent-fill);color:var(--on-accent);box-shadow:none} .btn-primary:hover,.btn-primary:focus,.btn-primary:active{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)} .btn-info{background:var(--accent-soft);background-image:none;border-color:transparent;color:var(--accent-text);box-shadow:none} .btn-info:hover,.btn-info:focus{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)} .btn-danger{background:var(--danger);background-image:none;border-color:var(--danger);color:#fff} .form-control{background:var(--sheet-2);border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--text);box-shadow:none;height:38px} textarea.form-control{height:auto} .form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--sheet)} .form-control[disabled],.form-control[readonly]{background:var(--sheet-2);opacity:.75} .input-group-addon{background:var(--sheet-2);border-color:var(--line-strong);color:var(--muted)} .alert-warning{background:var(--sun-soft);border-color:transparent;color:var(--text);border-radius:var(--r-md)} .alert-success,.alert-info{border-radius:var(--r-md)} .panel{background:var(--sheet);border-color:var(--line);border-radius:var(--r-md);box-shadow:none} .panel-default>.panel-heading,.panel-info>.panel-heading,.panel-heading{background:var(--sheet-2);background-image:none;color:var(--text);border-color:var(--line)} .panel-default{border-color:var(--line)} .well{background:var(--sheet-2);border-color:var(--line);box-shadow:none} .nav-tabs{border-bottom-color:var(--line)} .nav-tabs>li>a{color:var(--muted);border-radius:var(--r-sm) var(--r-sm) 0 0} .nav-tabs>li>a:hover{background:var(--sheet-2);border-color:var(--line)} .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{background:var(--sheet);color:var(--text);border-color:var(--line);border-bottom-color:transparent} .list-group-item{background:var(--sheet);border-color:var(--line);color:var(--text)} .modal-content{background:var(--sheet);color:var(--text);border:0;border-radius:var(--r-lg);box-shadow:0 30px 80px -20px rgba(0,0,0,.5)} .modal-header,.modal-footer{border-color:var(--line)} .close{color:var(--text);text-shadow:none} .table{color:var(--text)} .table>thead>tr>th{border-bottom-color:var(--line);color:var(--muted);font-weight:600} .table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td{border-top-color:var(--line)} .table-striped>tbody>tr:nth-of-type(odd){background:var(--sheet-2)} .table-hover>tbody>tr:hover{background:var(--accent-soft)} .table-bordered,.table-bordered>thead>tr>th,.table-bordered>tbody>tr>td{border-color:var(--line)} table.dataTable tbody tr{background:var(--sheet);color:var(--text)} table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background:var(--sheet-2)} table.dataTable thead th,table.dataTable thead td{border-bottom-color:var(--line)} .dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{color:var(--muted)} .ui-widget-content,.ui-datepicker{background:var(--sheet);color:var(--text);border-color:var(--line)} .ui-widget-header{background:var(--sheet-2);color:var(--text);border-color:var(--line)} .select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{background:var(--sheet-2);border-color:var(--line-strong);border-radius:var(--r-sm);color:var(--text)} .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text)} .select2-dropdown{background:var(--sheet);border-color:var(--line);color:var(--text)} .pagination>li>a,.pagination>li>span{background:var(--sheet);border-color:var(--line);color:var(--text)} .pagination>.active>a{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)} .label,.badge{border-radius:999px} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--font);color:inherit} legend{color:var(--text);border-bottom-color:var(--line)} #loginModal .modal-dialog.mui-login{width:min(380px,calc(100vw - 32px));margin:12vh auto 0} #loginModal .modal-content{padding:0;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 16px -8px rgba(11,29,38,.3)} #loginModal .modal-body,#loginModal .modal-body form{padding:0;border:0;box-shadow:none;background-image:none} #loginModal .modal-body{padding:22px 22px 20px} .mui-login-top{display:flex;align-items:center;gap:10px;margin-bottom:18px} .mui-login-top .mui-mark{width:36px;height:36px;border-radius:10px;font-size:16px} .mui-login-top .mui-name{flex:1;font-weight:600;font-size:17px;color:var(--text)} .mui-lang{display:inline-flex;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;background:var(--sheet)} .mui-lang button{border:0;background:none;color:var(--muted);font:600 12px var(--font);padding:0 12px;min-width:46px;height:36px;cursor:pointer;transition:background .15s,color .15s} .mui-lang button:hover{color:var(--text)} .mui-lang button[aria-pressed="true"]{background:var(--accent-fill);color:var(--on-accent)} .mui-lang button:focus-visible{outline:2px solid var(--ring);outline-offset:-2px} #loginModal .form-group{margin-bottom:12px} #loginModal .form-group.mui-acc-off{display:none!important} .mui-acc-switch{display:none;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:none;color:var(--muted);cursor:pointer;place-items:center;transition:background .15s,color .15s} #loginModal.mui-has-acc .mui-acc-switch{display:inline-grid} .mui-acc-switch:hover{background:var(--accent-soft);color:var(--accent-text)} .mui-acc-switch[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent-text)} .mui-acc-switch:focus-visible{outline:2px solid var(--ring);outline-offset:1px} #loginModal .form-group>label{display:block;font-weight:600;font-size:13px;margin-bottom:5px;color:var(--text)} #loginModal .form-control{height:44px;border:1px solid var(--line-strong);border-radius:8px;background:var(--sheet);box-shadow:none;transition:border-color .15s,box-shadow .15s} #loginModal .form-control:hover{border-color:var(--muted)} #loginModal .form-control:focus{border-color:var(--accent-fill);box-shadow:0 0 0 3px var(--accent-soft);background:var(--sheet)} .mui-pass{position:relative} .mui-pass .form-control{padding-inline-end:46px} .mui-eye{position:absolute;top:0;bottom:0;inset-inline-end:0;width:44px;border:0;background:none;color:var(--muted);cursor:pointer;display:grid;place-items:center;border-radius:0 8px 8px 0} .mui-eye:hover{color:var(--text)} .mui-eye::before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:var(--ico) center/20px no-repeat;mask:var(--ico) center/20px no-repeat} #loginModal .mui-remember{margin:2px 0 14px} .mui-check{display:inline-flex!important;align-items:center;gap:10px;min-height:32px;font-weight:500!important;font-size:13.5px;cursor:pointer;margin:0!important;color:var(--text)} .mui-check input{width:18px;height:18px;margin:0;accent-color:var(--accent-fill)} #STS{display:block;margin:0 0 10px;font-size:13px;font-weight:500;color:var(--muted)} #STS:empty{display:none} .mui-signin{height:48px;font-size:15px;font-weight:600;border-radius:8px} .mui-linkbtn{margin-top:6px;font-size:13.5px;font-weight:500;color:var(--accent-fill)!important;text-decoration:none} .mui-linkbtn:hover{text-decoration:underline} html.mui-locked #header,html.mui-locked #LFT-MNU,html.mui-locked body>.container-fluid,html.mui-locked #footer{visibility:hidden} html.mui-locked .modal-backdrop{background:transparent!important;opacity:1!important} html.mui-locked body{background:var(--canvas)} html.mui-locked #header,html.mui-locked #header *,html.mui-locked #LFT-MNU,html.mui-locked #LFT-MNU *,html.mui-locked #footer,html.mui-locked #footer *{visibility:hidden!important} #MUILBGROOT,.mui-lbg{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:1039;overflow:hidden;opacity:0;transition:opacity .5s ease;pointer-events:none;--paper:#f2f6fa;--ink:#12364d;--blue:#2f80ab;--silver:#fff;--halo:#afd7eb;--ribbon-opacity:.78;--brand-opacity:.72;background:var(--paper);color:var(--ink)} .mui-lbg.mui-lbg-in{opacity:1} .mui-lbg.mui-lbg-out{opacity:0} .mui-lbg.mui-lbg-dark{--paper:#060d14;--ink:#afd7eb;--blue:#4ca0c5;--silver:#b7cfdd;--halo:#1a638c;--ribbon-opacity:.61;--brand-opacity:.85} .mlb-art{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;overflow:hidden} .mlb-ambient{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:radial-gradient(ellipse at 0% 70%,var(--halo),transparent 44%),radial-gradient(ellipse at 100% 20%,var(--halo),transparent 42%);opacity:.35} .mlb-ribbons{position:absolute;width:max(100%,1100px);height:100%;left:50%;transform:translateX(-50%);opacity:var(--ribbon-opacity)} .mlb-left,.mlb-right{transform-box:view-box;transform-origin:center;animation:mlbDrift 24s ease-in-out infinite alternate} .mlb-right{animation-name:mlbCounter;animation-duration:29s} .mlb-glint{stroke-dasharray:35 1100;animation:mlbTravel 22s linear infinite;opacity:.6} .mlb-glint.mlb-two{animation-delay:-11s;animation-duration:27s} .mlb-veil{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:radial-gradient(ellipse 31% 49% at 50% 44%,var(--paper) 40%,transparent 100%)} .mlb-brand{position:absolute;left:0;right:0;display:flex;flex-direction:column;align-items:center;opacity:0;transition:opacity .3s ease;pointer-events:none} .mlb-brand.mlb-show{opacity:var(--brand-opacity)} .mlb-word{display:flex;align-items:center;gap:2px;font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:40px;line-height:1;letter-spacing:1px;color:var(--ink);direction:ltr} .mlb-orb{width:35px;height:35px;overflow:visible;margin:0 1px} .mlb-tag{margin-top:10px;font:500 9px/1.4 var(--font);letter-spacing:3px;text-transform:uppercase;color:var(--ink);opacity:.7} @keyframes mlbDrift{from{transform:translate(-12px,-10px) rotate(-1deg)}to{transform:translate(12px,12px) rotate(1deg)}} @keyframes mlbCounter{from{transform:translate(8px,12px) rotate(1deg)}to{transform:translate(-12px,-8px) rotate(-1deg)}} @keyframes mlbTravel{to{stroke-dashoffset:-2270}} @media (max-width:600px){.mlb-ribbons{opacity:calc(var(--ribbon-opacity) * .65)}.mlb-word{font-size:33px}.mlb-orb{width:30px;height:30px}.mlb-veil{background:radial-gradient(ellipse 62% 48% at 50% 44%,var(--paper) 35%,transparent 100%)}} @media (prefers-reduced-motion:reduce){.mlb-left,.mlb-right,.mlb-glint{animation:none!important}} #header .navbar-right>li>.mui-lang{margin:0 4px} #header .navbar-right>li>.mui-lang button{height:40px} .dropdown-menu>li.mui-prof{display:flex;align-items:center;gap:12px;padding:12px 12px 12px;margin-bottom:6px;border-bottom:1px solid var(--line)} .dropdown-menu>li.mui-prof b{display:block;font-weight:600;color:var(--text)} .dropdown-menu>li.mui-prof small{color:var(--muted)} .mui-ava-lg{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--sun),var(--orange)) center/cover no-repeat;display:grid;place-items:center;font-weight:600;font-size:18px;color:#3A2200;flex:none} .dropdown-menu>li.mui-thumb{display:none} .mui-avatar.photo{background-size:cover;background-position:center;color:transparent} #footer .footer{position:fixed;bottom:0;left:calc(var(--rail-cur) + var(--gap) * 2);right:var(--gap);width:auto;height:34px;display:flex;align-items:center;padding:0 16px;background:var(--sheet);color:var(--text);border-radius:var(--r-md) var(--r-md) 0 0;box-shadow:var(--shadow);z-index:1000;transition:left .22s} #footer .footer .row{margin:0;width:100%;display:flex;align-items:center;justify-content:space-between} #footer .footer [class*="col-"]{float:none;width:auto;padding:0} #footer .footer p{margin:0} #footer .footer a{color:var(--accent-text)} body.mui-rtl #footer .footer{left:var(--gap);right:calc(var(--rail-cur) + var(--gap) * 2)} body>.container-fluid{padding-bottom:52px} #FLOW .navbar-fixed-bottom,#FLW-COL .navbar-fixed-bottom{left:calc(var(--rail-cur) + var(--gap) * 2);right:var(--gap);border:1px solid var(--line);border-radius:var(--r-md) var(--r-md) 0 0;background:var(--sheet);transition:left .22s} body.mui-rtl #FLOW .navbar-fixed-bottom,body.mui-rtl #FLW-COL .navbar-fixed-bottom{left:var(--gap);right:calc(var(--rail-cur) + var(--gap) * 2)} #FLW-COL{min-width:0} #FLOW{overflow-x:auto} html[dir="rtl"] .pull-left{float:right!important} html[dir="rtl"] .pull-right{float:left!important} html[dir="rtl"] .text-left{text-align:right} html[dir="rtl"] .text-right{text-align:left} html[dir="rtl"] #FLOW [class*="col-"]{float:right} html[dir="rtl"] #FLOW [class*="col-"][class*="-12"]{float:none;width:100%} html[dir="rtl"] .modal-footer{text-align:left} html[dir="rtl"] .nav-pills>li,html[dir="rtl"] .nav-tabs>li{float:right} html[dir="rtl"] .nav-stacked>li{float:none} html[dir="rtl"] .btn-group>.btn,html[dir="rtl"] .btn-group>.btn-group{float:right} html[dir="rtl"] .close{float:left} html[dir="rtl"] .dropdown-menu{text-align:right} html[dir="rtl"] .dataTables_wrapper .dataTables_filter{float:left;text-align:left} html[dir="rtl"] .dataTables_wrapper .dataTables_length,html[dir="rtl"] .dataTables_wrapper .dataTables_info{float:right} html[dir="rtl"] .dataTables_wrapper .dataTables_paginate{float:left} #header .glyphicon[style*="--ico"],#FLOW .nav-justified .glyphicon[style*="--ico"]{display:inline-block;width:18px;height:18px;top:0;font-size:0!important;line-height:0!important;background:currentColor;-webkit-mask:var(--ico) center/18px no-repeat;mask:var(--ico) center/18px no-repeat} #header .glyphicon[style*="--ico"]:before,#FLOW .nav-justified .glyphicon[style*="--ico"]:before{content:none!important} #SEARCHBARFlow_Button .glyphicon[style*="--ico"]{width:18px;height:18px} #myNavbar>ul.navbar-nav>li>a{position:relative} #myNavbar a[data-tip]:hover::after,#myNavbar a[data-tip]:focus-visible::after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--text);color:var(--sheet);padding:5px 10px;border-radius:6px;font-size:12.5px;font-weight:500;white-space:nowrap;z-index:1040;pointer-events:none} #MUIBAR{display:none;margin:0 0 10px;padding:0 6px;font-size:13px;color:var(--muted)} #MUIBAR.on{display:flex;align-items:center;flex-wrap:wrap;gap:8px} #MUIBAR b{color:var(--text);font-weight:600;font-size:16px} #MUIBAR i{font-style:normal;opacity:.55} @keyframes mui-spin{to{transform:rotate(360deg)}} #SYS.modal{visibility:hidden!important} body.mui-sys .modal-backdrop{background:transparent!important;opacity:0!important} img[src*="pleasewait"]{box-sizing:border-box;width:18px!important;height:18px!important;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--accent);animation:mui-spin .8s linear infinite;object-fit:none;object-position:-9999px 0;vertical-align:middle} #FLOW.mui-loading{position:relative;pointer-events:none} #FLOW.mui-loading::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:var(--sheet);opacity:.65;z-index:5;border-radius:inherit} #FLOW.mui-loading::after,#FRGLOAD i{content:"";position:absolute;top:96px;left:50%;width:240px;height:88px;margin-left:-120px;z-index:6;border:0;border-radius:0;background-image:url(wolf/robot-idle.png),radial-gradient(circle,var(--line-strong) 3.4px,transparent 4px);background-repeat:no-repeat,repeat-x;background-size:auto 70px,30px 12px;background-position:0 8px,0 74px;animation:muiWalk 3.4s ease-in-out infinite alternate} html[data-mode="dark"] #FLOW.mui-loading::after,html[data-mode="dark"] #FRGLOAD i{background-image:url(wolf/robot-idle-dark.png),radial-gradient(circle,var(--line-strong) 3.4px,transparent 4px)} @keyframes muiWalk{0%{background-position:0 8px,0 74px}12.5%{background-position:21px 0,0 74px}25%{background-position:43px 8px,0 74px}37.5%{background-position:64px 0,0 74px}50%{background-position:85px 8px,0 74px}62.5%{background-position:106px 0,0 74px}75%{background-position:128px 8px,0 74px}87.5%{background-position:149px 0,0 74px}100%{background-position:170px 8px,0 74px}} @keyframes muiWalkS{0%{background-position:0 4px,0 28px}25%{background-position:16px 0,0 28px}50%{background-position:32px 4px,0 28px}75%{background-position:48px 0,0 28px}100%{background-position:64px 4px,0 28px}} body.mui-rtl #LFT-MNU{left:auto;right:var(--gap)} body.mui-rtl #header .navbar{left:var(--gap);right:calc(var(--rail-cur) + var(--gap) * 2);transition:right .22s} body.mui-rtl.menu-off #header .navbar{right:var(--gap)} body.mui-rtl>.container-fluid{padding:0 0 var(--gap) var(--gap)} body.mui-rtl #FLW-COL{margin-left:0;margin-right:calc(var(--rail-cur) + var(--gap) * 2)} body.mui-rtl #FLW-COL.col-sm-12,body.mui-rtl.menu-off #FLW-COL{margin-right:var(--gap)} body.mui-rtl #SEARCHBAR{border-radius:0 999px 999px 0} body.mui-rtl #SEARCHBARFlow_Button{border-radius:999px 0 0 999px} body.mui-rtl #header .navbar-right .dropdown-menu{right:auto;left:0;text-align:right} body.mui-rtl #header .navbar-right .dropdown-toggle{padding:0 6px 0 14px!important} #FLOW[dir="rtl"] [class*="col-"]{float:right} #FLOW[dir="rtl"] [class*="col-"][class*="-12"]{float:none;width:100%} #MUITABS + br{display:none} #FLOW[dir="rtl"] .carousel-inner p{direction:rtl} html[data-mode="dark"] #FLOW [style*="background-color: white"], html[data-mode="dark"] #FLOW [style*="background-color:white"], html[data-mode="dark"] #FLOW [style*="background: white"], html[data-mode="dark"] #FLOW [style*="background:white"], html[data-mode="dark"] #FLOW [style*="background-color: #fff"], html[data-mode="dark"] #FLOW [style*="background-color:#fff"], html[data-mode="dark"] #FLOW [style*="background: #fff"], html[data-mode="dark"] #FLOW [style*="background:#fff"], html[data-mode="dark"] #FLOW [style*="background-color: #FFF"], html[data-mode="dark"] #FLOW [style*="background-color:#FFF"], html[data-mode="dark"] #FLOW [style*="background-color: rgb(255, 255, 255)"], html[data-mode="dark"] #FLOW [bgcolor="#fff"], html[data-mode="dark"] #FLOW [bgcolor="white"], html[data-mode="dark"] #FLOW [bgcolor="#FFFFFF"]{background:var(--sheet-2)!important;color:var(--text)!important} html[data-mode="dark"] #FLOW [style*="color: black"], html[data-mode="dark"] #FLOW [style*="color:black"], html[data-mode="dark"] #FLOW [style*="color: #000"], html[data-mode="dark"] #FLOW [style*="color:#000"], html[data-mode="dark"] #FLOW [style*="color: #333"], html[data-mode="dark"] #FLOW [style*="color:#333"]{color:var(--text)!important} html[data-mode="dark"] .ui-menu, html[data-mode="dark"] .ui-autocomplete, html[data-mode="dark"] .ui-datepicker{background:var(--sheet);border-color:var(--line);color:var(--text)} html[data-mode="dark"] .ui-menu-item, html[data-mode="dark"] .ui-menu .ui-menu-item-wrapper{color:var(--text)} html[data-mode="dark"] .ui-state-active, html[data-mode="dark"] .ui-menu-item-wrapper.ui-state-active{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)} html[data-mode="dark"] .select2-results__option{color:var(--text)} html[data-mode="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--accent-fill);color:var(--on-accent)} html[data-mode="dark"] .select2-search__field{background:var(--sheet-2);color:var(--text);border-color:var(--line)} html[data-mode="dark"] .modal-body, html[data-mode="dark"] .popover, html[data-mode="dark"] .tooltip-inner{color:var(--text)} html[data-mode="dark"] .fc-unthemed td, html[data-mode="dark"] .fc-unthemed th, html[data-mode="dark"] .fc-unthemed .fc-content, html[data-mode="dark"] .fc-unthemed .fc-divider{border-color:var(--line);background:var(--sheet)} html[data-mode="dark"] .fc-day-number, html[data-mode="dark"] .fc-day-header{color:var(--text)} html[data-mode="dark"] input, html[data-mode="dark"] select, html[data-mode="dark"] textarea{color:var(--text)} html[data-mode="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button{color:var(--text)!important} html[data-mode="dark"] .dataTables_wrapper .dataTables_filter input, html[data-mode="dark"] .dataTables_wrapper .dataTables_length select{background:var(--sheet-2);border-color:var(--line)} @media (max-width:767px){ body>.container-fluid{margin-top:74px!important;padding:0 8px 8px} #FLW-COL,#FLW-COL.col-sm-12,body.menu-off #FLW-COL,body.mui-rtl #FLW-COL,body.mui-rtl #FLW-COL.col-sm-12{margin-left:0;margin-right:0} body.mui-rtl>.container-fluid{padding:0 8px 8px} #header .navbar,body.mui-rtl #header .navbar{left:8px;right:8px;top:8px} #header .navbar-header{display:flex;z-index:1036} #header .navbar>.container-fluid{flex-wrap:nowrap;padding:0 6px} #header .navbar-collapse{flex:1;min-width:0;width:auto;padding:0} #header .navbar-collapse .input-group{display:none!important} #header .navbar-nav{flex-wrap:nowrap} #header .navbar-right .dropdown-menu{position:fixed;top:64px;right:8px;left:auto;min-width:220px} body.mui-rtl #header .navbar-right .dropdown-menu{right:auto;left:8px} #myNavbar a[data-tip]:hover::after,#myNavbar a[data-tip]:focus-visible::after{display:none} #header .navbar-right .dropdown-toggle #HEADERUser{display:none} #LFT-MNU,#LFT-MNU:hover,#LFT-MNU:focus-within,body.mui-pinned #LFT-MNU{position:fixed;top:8px;bottom:8px;left:8px;width:min(86vw,300px);margin:0;max-height:none;z-index:1035;transform:translateX(calc(-100% - 20px));transition:transform .2s} body.mui-drawer #LFT-MNU,body.mui-drawer.mui-pinned #LFT-MNU{transform:none;box-shadow:0 20px 60px rgba(2,6,23,.35)} body.mui-drawer::after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;inset:0;background:rgba(2,6,23,.45);z-index:1034} body.mui-rtl #LFT-MNU,body.mui-rtl #LFT-MNU:hover,body.mui-rtl #LFT-MNU:focus-within,body.mui-rtl.mui-pinned #LFT-MNU{left:auto;right:8px;transform:translateX(calc(100% + 20px))} body.mui-rtl.mui-drawer #LFT-MNU,body.mui-rtl.mui-drawer.mui-pinned #LFT-MNU{transform:none} #LFT-MNU .mui-pin{display:none} #FLOW{padding:18px 14px} #footer .footer,body.mui-rtl #footer .footer,#FLOW .navbar-fixed-bottom,body.mui-rtl #FLOW .navbar-fixed-bottom{left:8px;right:8px} #header .navbar-right>li>.mui-lang button{min-width:38px;padding:0 8px} } :root{--ok:#176B41;--ok-soft:#DFF3E7;--danger-soft:#FDE8E7;--info:#1F6E9C;--info-soft:#E1F0F9;--warn-soft:#FFF3D6;--warn-text:#8A5F0C;--danger-text:#B3302B} html[data-mode="dark"]{--ok:#5FD08F;--ok-soft:#12301F;--danger-soft:#3A1D1E;--info:#6CB9E6;--info-soft:#102A3A;--warn-soft:#33280F;--warn-text:#F4B740;--danger-text:#FF7C76} #FLOW table.table,#FLOW table.dataTable{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--r-md);font-size:13px;background:var(--sheet);margin-bottom:0} #FLOW table.table>thead>tr>th,#FLOW table.dataTable>thead>tr>th{background:var(--sheet-2);color:var(--muted);font-weight:600;font-size:12px;text-align:start;padding:11px 14px;border-top:0;border-bottom:1px solid var(--line-strong);border-inline-end:1px solid var(--line);white-space:nowrap} #FLOW table.table>tbody>tr>td,#FLOW table.dataTable>tbody>tr>td,#FLOW table.table>tfoot>tr>td{padding:10px 14px;border-top:0;border-bottom:1px solid var(--line-strong);border-inline-end:1px solid var(--line);vertical-align:middle} #FLOW table.table>thead>tr>th:last-child,#FLOW table.table>tbody>tr>td:last-child,#FLOW table.dataTable>thead>tr>th:last-child,#FLOW table.dataTable>tbody>tr>td:last-child{border-inline-end:0} #FLOW table.table>tbody>tr:last-child>td{border-bottom:0} #FLOW table.table>thead>tr.info>th,#FLOW table.table>thead>tr.info>td{background:var(--sheet-2)} #FLOW table.table>tbody>tr:hover>td,#FLOW table.dataTable>tbody>tr:hover>td{background:var(--accent-soft)} #FLOW table.table-striped>tbody>tr:nth-of-type(odd)>td{background:var(--sheet-2)} #FLOW table.table-striped>tbody>tr:nth-of-type(odd):hover>td{background:var(--accent-soft)} #FLOW table.dataTable tfoot th,#FLOW table.dataTable tfoot td{background:var(--sheet-2);font-weight:600;padding:11px 14px;border-top:1px solid var(--line-strong)} #FLOW .dataTables_scrollBody{border-inline:0} #FLOW .dataTables_wrapper .dataTables_filter input{height:40px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--sheet);color:var(--text);padding:0 12px} #FLOW .dataTables_wrapper .dataTables_length select{height:36px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--sheet);color:var(--text)} #FLOW .dt-buttons .btn,#FLOW .dt-buttons .dt-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;line-height:1;margin-top:0;margin-bottom:0;vertical-align:middle;height:40px;border-radius:999px;border:1px solid var(--line-strong);background:var(--sheet);color:var(--text);font-weight:500;padding:0 16px;margin-inline-end:8px;background-image:none;box-shadow:none} #FLOW .dt-buttons .dt-button>span,#FLOW .dt-buttons .btn>span{display:inline;line-height:1;padding:0;margin:0} #FLOW .dt-buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px} #FLOW .dt-buttons .btn,#FLOW .dt-buttons .dt-button{margin-inline-end:0} #FLOW table.dataTable thead .sorting,#FLOW table.dataTable thead .sorting_asc,#FLOW table.dataTable thead .sorting_desc{padding-inline-end:30px;background-position:right 10px center} html[dir="rtl"] #FLOW table.dataTable thead .sorting,html[dir="rtl"] #FLOW table.dataTable thead .sorting_asc,html[dir="rtl"] #FLOW table.dataTable thead .sorting_desc{background-position:left 10px center} #FLOW .dt-buttons .btn:hover,#FLOW .dt-buttons .dt-button:hover{background:var(--sheet-2);border-color:var(--accent)} #FLOW .dataTables_wrapper .dataTables_paginate .paginate_button{min-width:34px;height:34px;border-radius:10px!important;border:1px solid transparent!important;background:transparent!important;color:var(--text)!important;padding:0 8px;line-height:32px} #FLOW .dataTables_wrapper .dataTables_paginate .paginate_button.current{background:var(--accent-fill)!important;color:var(--on-accent)!important} #FLOW .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current){background:var(--sheet-2)!important} #FLOW tr.mui-r-red>td,#FLOW table.table-striped>tbody>tr.mui-r-red>td{background:var(--danger-soft);color:var(--danger-text)} #FLOW tr.mui-r-green>td,#FLOW table.table-striped>tbody>tr.mui-r-green>td{background:var(--ok-soft);color:var(--ok)} #FLOW tr.mui-r-blue>td,#FLOW table.table-striped>tbody>tr.mui-r-blue>td{background:var(--info-soft);color:var(--info)} #FLOW tr.mui-r-amber>td,#FLOW table.table-striped>tbody>tr.mui-r-amber>td{background:var(--warn-soft);color:var(--warn-text)} #FLOW tr.mui-r-gray>td{color:var(--muted)} #FLOW tr.mui-f-red>td{color:var(--danger-text)} #FLOW tr.mui-f-green>td{color:var(--ok)} #FLOW tr.mui-f-gray>td{color:var(--muted)} #FLOW tr.mui-f-amber>td{color:var(--warn-text)} #FLOW table.mui-loading>thead>tr>th{background:transparent;border:0;padding:16px 14px;color:var(--muted);font-weight:500;font-size:13px} #FLOW table.mui-loading{border:0} #FLOW th.mui-loadcell{position:relative;padding-inline-start:112px!important} #FLOW th.mui-loadcell::before{content:"";position:absolute;inset-inline-start:10px;top:50%;width:92px;height:36px;margin-top:-18px;background-image:url(wolf/robot-idle.png),radial-gradient(circle,var(--line-strong) 1.7px,transparent 2px);background-repeat:no-repeat,repeat-x;background-size:auto 28px,14px 6px;background-position:0 4px,0 28px;animation:muiWalkS 2.4s ease-in-out infinite alternate} html[data-mode="dark"] #FLOW th.mui-loadcell::before{background-image:url(wolf/robot-idle-dark.png),radial-gradient(circle,var(--line-strong) 1.7px,transparent 2px)} @keyframes mui-spin{to{transform:rotate(360deg)}} #FLOW th.mui-loadcell img{display:none} #FLOW td.mui-errcell{border:0!important;padding:0!important;background:transparent!important} #FLOW table:has(td.mui-errcell){border:0;background:transparent} .mui-state{border:1px dashed var(--line-strong);border-radius:var(--r-md);padding:28px 20px;text-align:center;display:grid;gap:8px;justify-items:center;margin:8px 0;color:var(--text)} .mui-state .mui-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--sheet-2);color:var(--muted)} .mui-state.mui-err .mui-ic{background:var(--danger-soft);color:var(--danger-text)} .mui-state b{font-weight:600} .mui-state small{color:var(--muted)} .mui-state details{font-size:12px;color:var(--muted);text-align:start;max-width:100%;word-break:break-word} .mui-state .btn{height:40px;border-radius:999px;padding:0 18px} #FLOW label,#FLOW .control-label{font-size:12px;font-weight:500;color:var(--muted)} #FLOW .form-control,#FLOW select.form-control{background:var(--sheet);height:40px;padding:0 12px} #FLOW textarea.form-control{height:auto;padding:10px 12px} #FLOW .form-control:hover{border-color:var(--muted)} #FLOW .form-control:focus,#FLOW .btn:focus-visible{outline:2px solid var(--ring);outline-offset:1px} #FLOW .btn{height:auto;min-height:40px;border-radius:999px;padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.25} #FLOW .btn-sm,#FLOW .btn-xs{min-height:32px;padding:5px 12px} #FLOW .btn-default,#FLOW .btn-info{background:var(--sheet);border:1px solid var(--line-strong);color:var(--text)} #FLOW .btn-default:hover,#FLOW .btn-info:hover{background:var(--sheet-2);border-color:var(--accent);color:var(--text)} #FLOW .btn-success,#FLOW .btn-primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);background-image:none} #FLOW .btn-success:hover,#FLOW .btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)} #FLOW .btn-danger{background:var(--danger);border-color:var(--danger);color:#fff} #FLOW .nav-tabs{border-bottom:1px solid var(--line)} #FLOW .nav-tabs>li>a{border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);font-weight:500;background:none} #FLOW .nav-tabs>li.active>a,#FLOW .nav-tabs>li.active>a:hover,#FLOW .nav-tabs>li.active>a:focus{background:none;border:0;border-bottom:2px solid var(--accent-fill);color:var(--accent-text)} #FLOW input[type=checkbox],#FLOW input[type=radio]{accent-color:var(--accent-fill)} #MYMSG .modal-dialog{width:min(420px,calc(100vw - 32px));margin:18vh auto 0} #MYMSG .modal-content{padding:0;border:1px solid var(--line);overflow:hidden} #MYMSG .modal-header{border:0;padding:18px 18px 0;display:flex;align-items:center;gap:12px} #MYMSG .modal-header .close{order:3;margin-inline-start:auto;opacity:.6;float:none} #MYMSG .modal-title{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:var(--text)} #MYMSG .modal-title .glyphicon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--danger-soft);color:var(--danger-text);font-size:16px;top:0} #MYMSG.mui-k-s .modal-title .glyphicon{background:var(--ok-soft);color:var(--ok)} #MYMSG.mui-k-s .modal-title .glyphicon::before{content:"\e013"} #MYMSG .modal-body{padding:10px 18px 18px} #MYMSG .modal-body .row{margin:0} #MYMSG .modal-body .row>div{width:100%;float:none;padding:0} #MYMSG .modal-body .row>div:first-child,#MYMSG .modal-body .row>div:last-child{display:none} #MYMSG #MSGTXT{margin:0 0 16px;font-size:14px;font-weight:400;line-height:1.6;color:var(--muted);white-space:pre-line} #MYMSG #MSGOK{display:inline-flex;width:auto;min-width:96px;float:right;height:40px;border-radius:999px;padding:0 22px;align-items:center;justify-content:center} html[dir="rtl"] #MYMSG #MSGOK{float:left} #MYMSG .modal-body::after{content:"";display:block;clear:both} #MYMSG+.modal-footer,#MYMSG .modal-footer{display:none} #MUITOAST{position:fixed;inset-block-end:24px;inset-inline-start:50%;transform:translateX(-50%);z-index:2000;display:flex;gap:10px;align-items:center;background:var(--text);color:var(--sheet);padding:11px 16px;border-radius:12px;box-shadow:var(--shadow);font-size:13px;max-width:min(420px,calc(100vw - 32px))} #MUITOAST[hidden]{display:none} #FLOW .input-group{display:flex;align-items:stretch;flex-wrap:nowrap;width:100%} #FLOW .input-group .form-control{float:none;flex:1 1 auto;min-width:0;width:auto;z-index:0} #FLOW .input-group-addon,#FLOW .input-group-btn{display:flex;align-items:center;width:auto;white-space:nowrap} #FLOW .input-group-addon{height:40px;padding:0 12px;font-size:12px;font-weight:500;background:var(--sheet-2);border:1px solid var(--line-strong);color:var(--muted)} #FLOW .input-group>.input-group-addon:first-child{border-radius:var(--r-sm) 0 0 var(--r-sm);border-inline-end:0} #FLOW .input-group>.form-control:not(:first-child):not(:last-child){border-radius:0} #FLOW .input-group>.form-control:last-child:not(:first-child){border-radius:0 var(--r-sm) var(--r-sm) 0} #FLOW .input-group>.form-control:first-child:not(:last-child){border-radius:var(--r-sm) 0 0 var(--r-sm)} #FLOW .input-group>.input-group-addon:last-child{border-radius:0 var(--r-sm) var(--r-sm) 0;border-inline-start:0} #FLOW .input-group .input-group-btn .btn{border-radius:0 var(--r-sm) var(--r-sm) 0;height:40px} html[dir="rtl"] #FLOW .input-group>.input-group-addon:first-child{border-radius:0 var(--r-sm) var(--r-sm) 0;border-inline-end:0} html[dir="rtl"] #FLOW .input-group>.form-control:last-child:not(:first-child){border-radius:var(--r-sm) 0 0 var(--r-sm)} html[dir="rtl"] #FLOW .input-group>.form-control:first-child:not(:last-child){border-radius:0 var(--r-sm) var(--r-sm) 0} html[dir="rtl"] #FLOW .input-group>.input-group-addon:last-child{border-radius:var(--r-sm) 0 0 var(--r-sm)} #FLOW .input-group:focus-within .input-group-addon{border-color:var(--accent)} #FLOW .input-sm,#FLOW select.input-sm,#FLOW .form-control.input-sm{height:40px;padding:0 12px;font-size:13px;line-height:1.4;border-radius:var(--r-sm)} #FLOW select.form-control{-webkit-appearance:none;appearance:none;padding-inline-end:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%235A6F80' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px} html[dir="rtl"] #FLOW select.form-control{background-position:left 12px center} html[data-mode="dark"] #FLOW select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%238CA5B6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 1 5 5 5-5'/%3E%3C/svg%3E")} #FLOW select[multiple].form-control{height:auto;padding:6px;background-image:none} #FLOW select.form-control option{background:var(--sheet);color:var(--text)} #FLOW input[type=date].form-control,#FLOW input[type=time].form-control,#FLOW input[type=datetime-local].form-control,#FLOW input[type=month].form-control{min-width:150px} #FLOW input[type=number].form-control{font-variant-numeric:tabular-nums} #FLOW .has-error .form-control{border-color:var(--danger)} #FLOW .help-block{font-size:12px;color:var(--muted)} #FLOW .has-error .help-block{color:var(--danger-text)} #FLOW .has-success .form-control{border-color:var(--ok)} #FLOW .has-warning .form-control{border-color:var(--warn-text)} #FLOW .form-group{margin-bottom:14px} #FLOW hr{border-color:var(--line)} #FLOW .checkbox label,#FLOW .radio label{font-size:13px;color:var(--text);font-weight:400} .select2-container{font-family:var(--font)} .select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{min-height:40px;background:var(--sheet);border:1px solid var(--line-strong);border-radius:var(--r-sm)} .select2-container--default .select2-selection--single{height:40px;display:flex;align-items:center} .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:1.4;padding-inline:12px 34px;color:var(--text);width:100%} .select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;top:0;right:8px} html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow{right:auto;left:8px} .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var(--muted) transparent transparent} .select2-container--default .select2-selection--single .select2-selection__clear{margin-inline-end:26px;color:var(--muted)} .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default.select2-container--open .select2-selection--single,.select2-container--default.select2-container--focus .select2-selection--single{border-color:var(--accent)} .select2-container--default .select2-selection--multiple .select2-selection__choice{background:var(--accent-soft);border:0;border-radius:999px;color:var(--accent-text);padding:2px 10px;margin-top:6px} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:var(--accent-text);margin-inline-end:6px} .select2-container--default .select2-search--inline .select2-search__field{color:var(--text)} .select2-dropdown{border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow);overflow:hidden;background:var(--sheet);z-index:1100} .select2-container--default .select2-search--dropdown .select2-search__field{background:var(--sheet-2);border:1px solid var(--line-strong);border-radius:8px;height:36px;color:var(--text)} .select2-results__option{padding:8px 12px;font-size:13px;color:var(--text)} .select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--accent-fill);color:var(--on-accent)} .select2-container--default .select2-results__option[aria-selected=true]{background:var(--accent-soft);color:var(--accent-text)} .ui-datepicker{border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow);padding:10px;font-family:var(--font);font-size:13px;z-index:1200!important;width:auto} .ui-datepicker .ui-datepicker-header{background:var(--sheet-2);border:0;border-radius:var(--r-sm);padding:6px 0;color:var(--text)} .ui-datepicker .ui-datepicker-title select{background:var(--sheet);color:var(--text);border:1px solid var(--line-strong);border-radius:6px} .ui-datepicker td{padding:2px} .ui-datepicker td a,.ui-datepicker td span{border:0;background:none;border-radius:8px;text-align:center;padding:6px;color:var(--text)} .ui-datepicker td a:hover{background:var(--accent-soft)} .ui-datepicker td a.ui-state-active{background:var(--accent-fill);color:var(--on-accent)} .ui-datepicker td .ui-state-highlight{background:var(--sheet-2);color:var(--accent-text);font-weight:600} .ui-datepicker th{color:var(--muted);font-weight:500} .ui-datepicker-buttonpane button{border-radius:999px} .ui-autocomplete{border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow);background:var(--sheet);padding:4px;font-family:var(--font);font-size:13px;max-height:320px;overflow:auto;z-index:1200!important} .ui-menu-item,.ui-menu .ui-menu-item-wrapper{border-radius:8px;padding:7px 10px;color:var(--text);border:0} .ui-menu .ui-state-active,.ui-menu .ui-state-focus,.ui-menu-item .ui-state-active{background:var(--accent-fill)!important;color:var(--on-accent)!important;border:0!important;margin:0!important} .ui-dialog{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);background:var(--sheet);padding:0;font-family:var(--font);overflow:hidden} .ui-dialog .ui-dialog-titlebar{background:var(--sheet-2);border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--text);padding:12px 16px} .ui-dialog .ui-dialog-content{color:var(--text);padding:16px} .ui-dialog .ui-dialog-buttonpane{border-color:var(--line);background:var(--sheet);padding:10px 16px} .ui-widget-overlay{background:rgba(2,6,23,.5);opacity:1} .dropdown-menu{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow);padding:6px;font-size:13px} .dropdown-menu>li>a{border-radius:8px;padding:8px 12px;color:var(--text)} .dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background:var(--accent-soft);color:var(--accent-text)} .dropdown-menu>.active>a,.dropdown-menu>.active>a:hover{background:var(--accent-fill);color:var(--on-accent)} .dropdown-menu .divider{background:var(--line)} .popover{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow);color:var(--text);font-family:var(--font);font-size:13px} .popover-title{background:var(--sheet-2);border-color:var(--line);color:var(--text);border-radius:var(--r-md) var(--r-md) 0 0} .popover.top>.arrow::after{border-top-color:var(--sheet)} .popover.bottom>.arrow::after{border-bottom-color:var(--sheet)} .popover.left>.arrow::after{border-left-color:var(--sheet)} .popover.right>.arrow::after{border-right-color:var(--sheet)} .tooltip-inner{background:var(--text);color:var(--sheet);border-radius:8px;font-family:var(--font);font-size:12px;padding:6px 10px} .tooltip.top .tooltip-arrow{border-top-color:var(--text)} .tooltip.bottom .tooltip-arrow{border-bottom-color:var(--text)} #FLOW .panel{border:1px solid var(--line);border-radius:var(--r-md);box-shadow:none;margin-bottom:14px;overflow:hidden} #FLOW .panel>.panel-heading{background:var(--sheet-2);border-bottom:1px solid var(--line);padding:11px 16px;font-weight:600;font-size:13px;color:var(--text)} #FLOW .panel>.panel-body{padding:16px} #FLOW .panel>.panel-footer{background:var(--sheet-2);border-top:1px solid var(--line)} #FLOW .panel-primary>.panel-heading{background:var(--accent-soft);color:var(--accent-text);border-color:var(--line)} #FLOW .panel-success>.panel-heading{background:var(--ok-soft);color:var(--ok);border-color:var(--line)} #FLOW .panel-danger>.panel-heading{background:var(--danger-soft);color:var(--danger-text);border-color:var(--line)} #FLOW .panel-warning>.panel-heading{background:var(--warn-soft);color:var(--warn-text);border-color:var(--line)} #FLOW .panel-info>.panel-heading{background:var(--info-soft);color:var(--info);border-color:var(--line)} #FLOW .well{border-radius:var(--r-md);border:1px solid var(--line);background:var(--sheet-2)} #FLOW .alert{border:0;border-radius:var(--r-md);padding:12px 16px} #FLOW .alert-success{background:var(--ok-soft);color:var(--ok)} #FLOW .alert-danger{background:var(--danger-soft);color:var(--danger-text)} #FLOW .alert-info{background:var(--info-soft);color:var(--info)} #FLOW .alert-warning{background:var(--warn-soft);color:var(--warn-text)} #FLOW .label{font-weight:500;padding:.3em .7em} #FLOW .label-default{background:var(--sheet-2);color:var(--muted);border:1px solid var(--line)} #FLOW .label-primary{background:var(--accent-soft);color:var(--accent-text)} #FLOW .label-success{background:var(--ok-soft);color:var(--ok)} #FLOW .label-danger{background:var(--danger-soft);color:var(--danger-text)} #FLOW .label-warning{background:var(--warn-soft);color:var(--warn-text)} #FLOW .label-info{background:var(--info-soft);color:var(--info)} #FLOW .badge{background:var(--accent-soft);color:var(--accent-text);font-weight:600} #FLOW .progress{height:10px;border-radius:999px;background:var(--sheet-2);box-shadow:none;border:1px solid var(--line)} #FLOW .progress-bar{background:var(--accent-fill);box-shadow:none} #FLOW .progress-bar-success{background:var(--ok)} #FLOW .progress-bar-danger{background:var(--danger)} #FLOW .progress-bar-warning{background:var(--warn-text)} #FLOW .nav-pills>li>a{border-radius:999px;color:var(--muted);font-weight:500;padding:8px 16px} #FLOW .nav-pills>li>a:hover{background:var(--sheet-2);color:var(--text)} #FLOW .nav-pills>li.active>a,#FLOW .nav-pills>li.active>a:hover,#FLOW .nav-pills>li.active>a:focus{background:var(--accent-fill);color:var(--on-accent)} #FLOW .list-group-item{border-color:var(--line);background:var(--sheet);color:var(--text)} #FLOW .list-group-item.active,#FLOW .list-group-item.active:hover{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)} #FLOW .breadcrumb{background:var(--sheet-2);border-radius:var(--r-sm)} #FLOW .btn-group>.btn+.btn{margin-inline-start:-1px} #FLOW .btn-group>.btn{border-radius:0} #FLOW .btn-group>.btn:first-child{border-radius:999px 0 0 999px} #FLOW .btn-group>.btn:last-child{border-radius:0 999px 999px 0} html[dir="rtl"] #FLOW .btn-group>.btn:first-child{border-radius:0 999px 999px 0} html[dir="rtl"] #FLOW .btn-group>.btn:last-child{border-radius:999px 0 0 999px} #FLOW .btn-group>.btn:only-of-type{border-radius:999px} #FLOW .btn[disabled],#FLOW .btn.disabled{opacity:.5} #FLOW :has(>.btn-primary:nth-of-type(4))>.btn-primary,#FLOW :has(>.btn-success:nth-of-type(4))>.btn-success{background:var(--accent-soft);border-color:transparent;color:var(--accent-text)} #FLOW :has(>.btn-primary:nth-of-type(4))>.btn-primary:hover,#FLOW :has(>.btn-success:nth-of-type(4))>.btn-success:hover{background:var(--accent-fill);color:var(--on-accent)} #FLOW .navbar-fixed-bottom{box-shadow:0 -10px 30px -12px rgba(11,29,38,.25);padding:6px 0;min-height:0} #FLOW .navbar-fixed-bottom .panel{border:0;margin:6px 10px!important;overflow:visible;background:transparent} #FLOW .navbar-fixed-bottom .panel h5{font-size:13px;font-weight:600;color:var(--muted);margin:0 0 10px} #FLOW .navbar-fixed-bottom .close{opacity:.6;font-size:22px;line-height:1} #FLOW .navbar-fixed-bottom .row>[class*=col-]{margin-bottom:8px} #FLOW .navbar-fixed-bottom .navbar-toggle{border-color:var(--line-strong)} #FLOW .navbar-fixed-bottom .navbar-toggle .icon-bar{background:var(--text)} #FLOW table input.form-control,#FLOW table select.form-control,#FLOW table input[type=text],#FLOW table input[type=number],#FLOW table input[type=date],#FLOW table select{height:34px;padding:0 8px;font-size:13px;border-radius:8px;min-width:80px} #FLOW table input[type=checkbox]{width:16px;height:16px;min-width:0} #FLOW .table-responsive{border:1px solid var(--line);border-radius:var(--r-md)} #FLOW .table-responsive>.table{border:0} #FLOW .dataTables_info{font-size:13px;color:var(--muted)} #FLOW .dataTables_length label,#FLOW .dataTables_filter label{font-size:13px;color:var(--muted);font-weight:500} #FLOW *{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent} #FLOW ::-webkit-scrollbar{width:10px;height:10px} #FLOW ::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px;border:2px solid transparent;background-clip:padding-box} #FLOW ::-webkit-scrollbar-track{background:transparent} html[data-mode="dark"] #FLOW input[type=date]::-webkit-calendar-picker-indicator,html[data-mode="dark"] #FLOW input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.8)} html[data-mode="dark"] #FLOW [style*="background:#fff"], html[data-mode="dark"] #FLOW [style*="background: #fff"], html[data-mode="dark"] #FLOW [style*="background-color:#fff"], html[data-mode="dark"] #FLOW [style*="background-color: #fff"], html[data-mode="dark"] #FLOW [style*="background:#ffffff"], html[data-mode="dark"] #FLOW [style*="background: #ffffff"], html[data-mode="dark"] #FLOW [style*="background-color:#ffffff"], html[data-mode="dark"] #FLOW [style*="background-color: #ffffff"], html[data-mode="dark"] #FLOW [style*="background:#eee"], html[data-mode="dark"] #FLOW [style*="background: #eee"], html[data-mode="dark"] #FLOW [style*="background-color:#eee"], html[data-mode="dark"] #FLOW [style*="background-color: #eee"], html[data-mode="dark"] #FLOW [style*="background:#eeeeee"], html[data-mode="dark"] #FLOW [style*="background: #eeeeee"], html[data-mode="dark"] #FLOW [style*="background-color:#eeeeee"], html[data-mode="dark"] #FLOW [style*="background-color: #eeeeee"], html[data-mode="dark"] #FLOW [style*="background:#fbfbfb"], html[data-mode="dark"] #FLOW [style*="background: #fbfbfb"], html[data-mode="dark"] #FLOW [style*="background-color:#fbfbfb"], html[data-mode="dark"] #FLOW [style*="background-color: #fbfbfb"], html[data-mode="dark"] #FLOW [style*="background:#f9f9f9"], html[data-mode="dark"] #FLOW [style*="background: #f9f9f9"], html[data-mode="dark"] #FLOW [style*="background-color:#f9f9f9"], html[data-mode="dark"] #FLOW [style*="background-color: #f9f9f9"], html[data-mode="dark"] #FLOW [style*="background:#f1f1f1"], html[data-mode="dark"] #FLOW [style*="background: #f1f1f1"], html[data-mode="dark"] #FLOW [style*="background-color:#f1f1f1"], html[data-mode="dark"] #FLOW [style*="background-color: #f1f1f1"], html[data-mode="dark"] #FLOW [style*="background:#f5f5f5"], html[data-mode="dark"] #FLOW [style*="background: #f5f5f5"], html[data-mode="dark"] #FLOW [style*="background-color:#f5f5f5"], html[data-mode="dark"] #FLOW [style*="background-color: #f5f5f5"], html[data-mode="dark"] #FLOW [style*="background:#f4efe9"], html[data-mode="dark"] #FLOW [style*="background: #f4efe9"], html[data-mode="dark"] #FLOW [style*="background-color:#f4efe9"], html[data-mode="dark"] #FLOW [style*="background-color: #f4efe9"], html[data-mode="dark"] #FLOW [style*="background:#f1ecec"], html[data-mode="dark"] #FLOW [style*="background: #f1ecec"], html[data-mode="dark"] #FLOW [style*="background-color:#f1ecec"], html[data-mode="dark"] #FLOW [style*="background-color: #f1ecec"], html[data-mode="dark"] #FLOW [style*="background:#fafafa"], html[data-mode="dark"] #FLOW [style*="background: #fafafa"], html[data-mode="dark"] #FLOW [style*="background-color:#fafafa"], html[data-mode="dark"] #FLOW [style*="background-color: #fafafa"], html[data-mode="dark"] #FLOW [style*="background:white"], html[data-mode="dark"] #FLOW [style*="background: white"], html[data-mode="dark"] #FLOW [style*="background-color:white"], html[data-mode="dark"] #FLOW [style*="background-color: white"], html[data-mode="dark"] #FLOW [style*="background:#ccc"], html[data-mode="dark"] #FLOW [style*="background: #ccc"], html[data-mode="dark"] #FLOW [style*="background-color:#ccc"], html[data-mode="dark"] #FLOW [style*="background-color: #ccc"], html[data-mode="dark"] #FLOW [style*="background:#c8e4f8"], html[data-mode="dark"] #FLOW [style*="background: #c8e4f8"], html[data-mode="dark"] #FLOW [style*="background-color:#c8e4f8"], html[data-mode="dark"] #FLOW [style*="background-color: #c8e4f8"]{background:var(--sheet-2)!important;color:var(--text)} html[data-mode="dark"] #FLOW [style*="color:#000"], html[data-mode="dark"] #FLOW [style*="color: #000"], html[data-mode="dark"] #FLOW [style*="color:#000000"], html[data-mode="dark"] #FLOW [style*="color: #000000"], html[data-mode="dark"] #FLOW [style*="color:black"], html[data-mode="dark"] #FLOW [style*="color: black"], html[data-mode="dark"] #FLOW [style*="color:#333"], html[data-mode="dark"] #FLOW [style*="color: #333"], html[data-mode="dark"] #FLOW [style*="color:#374151"], html[data-mode="dark"] #FLOW [style*="color: #374151"], html[data-mode="dark"] #FLOW [style*="color:#34495e"], html[data-mode="dark"] #FLOW [style*="color: #34495e"], html[data-mode="dark"] #FLOW [style*="color:#5a534b"], html[data-mode="dark"] #FLOW [style*="color: #5a534b"], html[data-mode="dark"] #FLOW [style*="color:#4a443d"], html[data-mode="dark"] #FLOW [style*="color: #4a443d"], html[data-mode="dark"] #FLOW [style*="color:#777"], html[data-mode="dark"] #FLOW [style*="color: #777"], html[data-mode="dark"] #FLOW [style*="color:#666"], html[data-mode="dark"] #FLOW [style*="color: #666"]{color:var(--text)!important} html[data-mode="dark"] #FLOW [style*="color:blue"], html[data-mode="dark"] #FLOW [style*="color: blue"]{color:var(--accent-text)!important} html[data-mode="dark"] #FLOW [style*="color:red"], html[data-mode="dark"] #FLOW [style*="color: red"]{color:var(--danger-text)!important} html[data-mode="dark"] #FLOW [style*="color:green"], html[data-mode="dark"] #FLOW [style*="color: green"]{color:var(--ok)!important} html[data-mode="dark"] #FLOW .tree{background:var(--sheet-2)!important;border-color:var(--line-strong)!important;color:var(--text)} html[data-mode="dark"] #FLOW .tree li::before,html[data-mode="dark"] #FLOW .tree li::after{border-color:var(--line-strong)!important} html[data-mode="dark"] #FLOW .tree li span{border-color:var(--line-strong)!important;background:var(--sheet);color:var(--text)} html[data-mode="dark"] #FLOW .tree li.parent_li>span:hover,html[data-mode="dark"] #FLOW .tree li.parent_li>span:hover+ul li span{background:var(--accent-soft)!important} html[data-mode="dark"] #FLOW .tree li.parent[subgrp="N"].selected{color:var(--danger-text)!important} #FLOW table.dataTable>tbody>tr,#FLOW table.dataTable>tbody>tr.odd,#FLOW table.dataTable>tbody>tr.even,#FLOW table.dataTable.stripe>tbody>tr.odd,#FLOW table.dataTable.display>tbody>tr.odd,#FLOW table.dataTable.display>tbody>tr.even{background-color:transparent} #FLOW table.dataTable.display>tbody>tr>.sorting_1,#FLOW table.dataTable.order-column>tbody>tr>.sorting_1,#FLOW table.dataTable.display>tbody>tr>.sorting_2,#FLOW table.dataTable.display>tbody>tr>.sorting_3{background-color:transparent} #FLOW .table-light tbody tr,#FLOW .table-light.dataTable tbody tr.odd,#FLOW .table-light.dataTable tbody tr.even{background-color:transparent!important} #FLOW table.table-light,#FLOW table.table-light.dataTable{background-color:var(--sheet)!important} html[data-mode="dark"] #FLOW .dataTables_wrapper .dataTables_paginate .paginate_button,html[data-mode="dark"] #FLOW .pagination>li>a,html[data-mode="dark"] #FLOW .pagination>li>span{background:var(--sheet-2)!important;color:var(--text)!important;border:1px solid var(--line)!important} html[data-mode="dark"] #FLOW .dataTables_wrapper .dataTables_paginate .paginate_button.current,html[data-mode="dark"] #FLOW .pagination>.active>a{background:var(--accent-fill)!important;color:var(--on-accent)!important;border-color:var(--accent-fill)!important} html[data-mode="dark"] #FLOW .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{opacity:.45} html[data-mode="dark"] #FLOW .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current):not(.disabled){background:var(--accent-soft)!important;color:var(--accent-text)!important} #FLOW[data-page="pos"] .panel-info, #FLOW[data-page="pos2"] .panel-info, #FLOW[data-page="posanl"] .panel-info, #FLOW[data-page="posanl-new"] .panel-info, #FLOW[data-page="flow_pos"] .panel-info, #FLOW[data-page="posgrp"] .panel-info, #FLOW[data-page="poscrd"] .panel-info, #FLOW[data-page="pospst"] .panel-info, #FLOW[data-page="posglp"] .panel-info, #FLOW[data-page="cusinv"] .panel-info, #FLOW[data-page="posapv"] .panel-info, #FLOW[data-page="posdsh"] .panel-info, #FLOW[data-page="posls"] .panel-info{background:transparent;border:0;box-shadow:none} #FLOW[data-page="pos"] .panel-info>.panel-heading, #FLOW[data-page="pos2"] .panel-info>.panel-heading, #FLOW[data-page="posanl"] .panel-info>.panel-heading, #FLOW[data-page="posanl-new"] .panel-info>.panel-heading, #FLOW[data-page="flow_pos"] .panel-info>.panel-heading, #FLOW[data-page="posgrp"] .panel-info>.panel-heading, #FLOW[data-page="poscrd"] .panel-info>.panel-heading, #FLOW[data-page="pospst"] .panel-info>.panel-heading, #FLOW[data-page="posglp"] .panel-info>.panel-heading, #FLOW[data-page="cusinv"] .panel-info>.panel-heading, #FLOW[data-page="posapv"] .panel-info>.panel-heading, #FLOW[data-page="posdsh"] .panel-info>.panel-heading, #FLOW[data-page="posls"] .panel-info>.panel-heading{background:transparent;border:0;padding:4px 4px 12px} #FLOW[data-page="pos"] .panel-info>.panel-heading .panel-title, #FLOW[data-page="pos"] .panel-info>.panel-heading label, #FLOW[data-page="pos2"] .panel-info>.panel-heading .panel-title, #FLOW[data-page="pos2"] .panel-info>.panel-heading label, #FLOW[data-page="posanl"] .panel-info>.panel-heading .panel-title, #FLOW[data-page="posanl"] .panel-info>.panel-heading label, #FLOW[data-page="posanl-new"] .panel-info>.panel-heading .panel-title, #FLOW[data-page="posanl-new"] .panel-info>.panel-heading label, #FLOW[data-page="flow_pos"] .panel-info>.panel-heading .panel-title, #FLOW[data-page="flow_pos"] .panel-info>.panel-heading label, #FLOW[data-page="posgrp"] .panel-info>.panel-heading .panel-title, #FLOW[data-page="posgrp"] .panel-info>.panel-heading label, #FLOW[data-page="poscrd"] .panel-info>.panel-heading .panel-title, #FLOW[data-page="poscrd"] .panel-info>.panel-heading label, #FLOW[data-page="pospst"] .panel-info>.panel-heading .panel-title, #FLOW[data-page="pospst"] .panel-info>.panel-heading label, #FLOW[data-page="posglp"] .panel-info>.panel-heading .panel-title, #FLOW[data-page="posglp"] .panel-info>.panel-heading label, #FLOW[data-page="cusinv"] .panel-info>.panel-heading .panel-title, #FLOW[data-page="cusinv"] .panel-info>.panel-heading label, #FLOW[data-page="posapv"] .panel-info>.panel-heading .panel-title, #FLOW[data-page="posapv"] .panel-info>.panel-heading label, #FLOW[data-page="posdsh"] .panel-info>.panel-heading .panel-title, #FLOW[data-page="posdsh"] .panel-info>.panel-heading label, #FLOW[data-page="posls"] .panel-info>.panel-heading .panel-title, #FLOW[data-page="posls"] .panel-info>.panel-heading label{font-size:20px;font-weight:600;color:var(--text)} #FLOW[data-page="pos"] .panel-info>.panel-body, #FLOW[data-page="pos2"] .panel-info>.panel-body, #FLOW[data-page="posanl"] .panel-info>.panel-body, #FLOW[data-page="posanl-new"] .panel-info>.panel-body, #FLOW[data-page="flow_pos"] .panel-info>.panel-body, #FLOW[data-page="posgrp"] .panel-info>.panel-body, #FLOW[data-page="poscrd"] .panel-info>.panel-body, #FLOW[data-page="pospst"] .panel-info>.panel-body, #FLOW[data-page="posglp"] .panel-info>.panel-body, #FLOW[data-page="cusinv"] .panel-info>.panel-body, #FLOW[data-page="posapv"] .panel-info>.panel-body, #FLOW[data-page="posdsh"] .panel-info>.panel-body, #FLOW[data-page="posls"] .panel-info>.panel-body{padding:0} #FLOW[data-page="pos"] .panel-default, #FLOW[data-page="pos2"] .panel-default, #FLOW[data-page="posanl"] .panel-default, #FLOW[data-page="posanl-new"] .panel-default, #FLOW[data-page="flow_pos"] .panel-default, #FLOW[data-page="posgrp"] .panel-default, #FLOW[data-page="poscrd"] .panel-default, #FLOW[data-page="pospst"] .panel-default, #FLOW[data-page="posglp"] .panel-default, #FLOW[data-page="cusinv"] .panel-default, #FLOW[data-page="posapv"] .panel-default, #FLOW[data-page="posdsh"] .panel-default, #FLOW[data-page="posls"] .panel-default{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:none;margin-bottom:14px} #FLOW[data-page="pos"] .panel-default>.panel-body, #FLOW[data-page="pos2"] .panel-default>.panel-body, #FLOW[data-page="posanl"] .panel-default>.panel-body, #FLOW[data-page="posanl-new"] .panel-default>.panel-body, #FLOW[data-page="flow_pos"] .panel-default>.panel-body, #FLOW[data-page="posgrp"] .panel-default>.panel-body, #FLOW[data-page="poscrd"] .panel-default>.panel-body, #FLOW[data-page="pospst"] .panel-default>.panel-body, #FLOW[data-page="posglp"] .panel-default>.panel-body, #FLOW[data-page="cusinv"] .panel-default>.panel-body, #FLOW[data-page="posapv"] .panel-default>.panel-body, #FLOW[data-page="posdsh"] .panel-default>.panel-body, #FLOW[data-page="posls"] .panel-default>.panel-body{padding:16px} #FLOW[data-page="pos"] .form-group>label, #FLOW[data-page="pos"] .form-group label, #FLOW[data-page="pos2"] .form-group>label, #FLOW[data-page="pos2"] .form-group label, #FLOW[data-page="posanl"] .form-group>label, #FLOW[data-page="posanl"] .form-group label, #FLOW[data-page="posanl-new"] .form-group>label, #FLOW[data-page="posanl-new"] .form-group label, #FLOW[data-page="flow_pos"] .form-group>label, #FLOW[data-page="flow_pos"] .form-group label, #FLOW[data-page="posgrp"] .form-group>label, #FLOW[data-page="posgrp"] .form-group label, #FLOW[data-page="poscrd"] .form-group>label, #FLOW[data-page="poscrd"] .form-group label, #FLOW[data-page="pospst"] .form-group>label, #FLOW[data-page="pospst"] .form-group label, #FLOW[data-page="posglp"] .form-group>label, #FLOW[data-page="posglp"] .form-group label, #FLOW[data-page="cusinv"] .form-group>label, #FLOW[data-page="cusinv"] .form-group label, #FLOW[data-page="posapv"] .form-group>label, #FLOW[data-page="posapv"] .form-group label, #FLOW[data-page="posdsh"] .form-group>label, #FLOW[data-page="posdsh"] .form-group label, #FLOW[data-page="posls"] .form-group>label, #FLOW[data-page="posls"] .form-group label{display:block;margin:12px 0 5px;font-size:12px;font-weight:500;color:var(--muted)} #FLOW[data-page="pos"] .form-group>label:first-child, #FLOW[data-page="pos2"] .form-group>label:first-child, #FLOW[data-page="posanl"] .form-group>label:first-child, #FLOW[data-page="posanl-new"] .form-group>label:first-child, #FLOW[data-page="flow_pos"] .form-group>label:first-child, #FLOW[data-page="posgrp"] .form-group>label:first-child, #FLOW[data-page="poscrd"] .form-group>label:first-child, #FLOW[data-page="pospst"] .form-group>label:first-child, #FLOW[data-page="posglp"] .form-group>label:first-child, #FLOW[data-page="cusinv"] .form-group>label:first-child, #FLOW[data-page="posapv"] .form-group>label:first-child, #FLOW[data-page="posdsh"] .form-group>label:first-child, #FLOW[data-page="posls"] .form-group>label:first-child{margin-top:0} #FLOW[data-page="pos"] .form-control+select.form-control, #FLOW[data-page="pos"] input.form-control+select.form-control, #FLOW[data-page="pos2"] .form-control+select.form-control, #FLOW[data-page="pos2"] input.form-control+select.form-control, #FLOW[data-page="posanl"] .form-control+select.form-control, #FLOW[data-page="posanl"] input.form-control+select.form-control, #FLOW[data-page="posanl-new"] .form-control+select.form-control, #FLOW[data-page="posanl-new"] input.form-control+select.form-control, #FLOW[data-page="flow_pos"] .form-control+select.form-control, #FLOW[data-page="flow_pos"] input.form-control+select.form-control, #FLOW[data-page="posgrp"] .form-control+select.form-control, #FLOW[data-page="posgrp"] input.form-control+select.form-control, #FLOW[data-page="poscrd"] .form-control+select.form-control, #FLOW[data-page="poscrd"] input.form-control+select.form-control, #FLOW[data-page="pospst"] .form-control+select.form-control, #FLOW[data-page="pospst"] input.form-control+select.form-control, #FLOW[data-page="posglp"] .form-control+select.form-control, #FLOW[data-page="posglp"] input.form-control+select.form-control, #FLOW[data-page="cusinv"] .form-control+select.form-control, #FLOW[data-page="cusinv"] input.form-control+select.form-control, #FLOW[data-page="posapv"] .form-control+select.form-control, #FLOW[data-page="posapv"] input.form-control+select.form-control, #FLOW[data-page="posdsh"] .form-control+select.form-control, #FLOW[data-page="posdsh"] input.form-control+select.form-control, #FLOW[data-page="posls"] .form-control+select.form-control, #FLOW[data-page="posls"] input.form-control+select.form-control{margin-top:8px} #FLOW[data-page="pos"] .form-group>.btn, #FLOW[data-page="pos2"] .form-group>.btn, #FLOW[data-page="posanl"] .form-group>.btn, #FLOW[data-page="posanl-new"] .form-group>.btn, #FLOW[data-page="flow_pos"] .form-group>.btn, #FLOW[data-page="posgrp"] .form-group>.btn, #FLOW[data-page="poscrd"] .form-group>.btn, #FLOW[data-page="pospst"] .form-group>.btn, #FLOW[data-page="posglp"] .form-group>.btn, #FLOW[data-page="cusinv"] .form-group>.btn, #FLOW[data-page="posapv"] .form-group>.btn, #FLOW[data-page="posdsh"] .form-group>.btn, #FLOW[data-page="posls"] .form-group>.btn{margin-top:12px} #FLOW[data-page="pos"] .form-group>br, #FLOW[data-page="pos2"] .form-group>br, #FLOW[data-page="posanl"] .form-group>br, #FLOW[data-page="posanl-new"] .form-group>br, #FLOW[data-page="flow_pos"] .form-group>br, #FLOW[data-page="posgrp"] .form-group>br, #FLOW[data-page="poscrd"] .form-group>br, #FLOW[data-page="pospst"] .form-group>br, #FLOW[data-page="posglp"] .form-group>br, #FLOW[data-page="cusinv"] .form-group>br, #FLOW[data-page="posapv"] .form-group>br, #FLOW[data-page="posdsh"] .form-group>br, #FLOW[data-page="posls"] .form-group>br{display:none} #FLOW[data-page="pos"] .row>[class*="col-"]>.form-group, #FLOW[data-page="pos2"] .row>[class*="col-"]>.form-group, #FLOW[data-page="posanl"] .row>[class*="col-"]>.form-group, #FLOW[data-page="posanl-new"] .row>[class*="col-"]>.form-group, #FLOW[data-page="flow_pos"] .row>[class*="col-"]>.form-group, #FLOW[data-page="posgrp"] .row>[class*="col-"]>.form-group, #FLOW[data-page="poscrd"] .row>[class*="col-"]>.form-group, #FLOW[data-page="pospst"] .row>[class*="col-"]>.form-group, #FLOW[data-page="posglp"] .row>[class*="col-"]>.form-group, #FLOW[data-page="cusinv"] .row>[class*="col-"]>.form-group, #FLOW[data-page="posapv"] .row>[class*="col-"]>.form-group, #FLOW[data-page="posdsh"] .row>[class*="col-"]>.form-group, #FLOW[data-page="posls"] .row>[class*="col-"]>.form-group{margin-bottom:6px} #FLOW[data-page="pos"] .well1, #FLOW[data-page="pos"] .well2, #FLOW[data-page="pos2"] .well1, #FLOW[data-page="pos2"] .well2, #FLOW[data-page="posanl"] .well1, #FLOW[data-page="posanl"] .well2, #FLOW[data-page="posanl-new"] .well1, #FLOW[data-page="posanl-new"] .well2, #FLOW[data-page="flow_pos"] .well1, #FLOW[data-page="flow_pos"] .well2, #FLOW[data-page="posgrp"] .well1, #FLOW[data-page="posgrp"] .well2, #FLOW[data-page="poscrd"] .well1, #FLOW[data-page="poscrd"] .well2, #FLOW[data-page="pospst"] .well1, #FLOW[data-page="pospst"] .well2, #FLOW[data-page="posglp"] .well1, #FLOW[data-page="posglp"] .well2, #FLOW[data-page="cusinv"] .well1, #FLOW[data-page="cusinv"] .well2, #FLOW[data-page="posapv"] .well1, #FLOW[data-page="posapv"] .well2, #FLOW[data-page="posdsh"] .well1, #FLOW[data-page="posdsh"] .well2, #FLOW[data-page="posls"] .well1, #FLOW[data-page="posls"] .well2{background:var(--sheet-2);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:none;padding:12px;margin-bottom:12px} #FLOW[data-page="pos"] .well2, #FLOW[data-page="pos2"] .well2, #FLOW[data-page="posanl"] .well2, #FLOW[data-page="posanl-new"] .well2, #FLOW[data-page="flow_pos"] .well2, #FLOW[data-page="posgrp"] .well2, #FLOW[data-page="poscrd"] .well2, #FLOW[data-page="pospst"] .well2, #FLOW[data-page="posglp"] .well2, #FLOW[data-page="cusinv"] .well2, #FLOW[data-page="posapv"] .well2, #FLOW[data-page="posdsh"] .well2, #FLOW[data-page="posls"] .well2{background:var(--sheet)} #FLOW[data-page="pos"] .div-table-content, #FLOW[data-page="pos2"] .div-table-content, #FLOW[data-page="posanl"] .div-table-content, #FLOW[data-page="posanl-new"] .div-table-content, #FLOW[data-page="flow_pos"] .div-table-content, #FLOW[data-page="posgrp"] .div-table-content, #FLOW[data-page="poscrd"] .div-table-content, #FLOW[data-page="pospst"] .div-table-content, #FLOW[data-page="posglp"] .div-table-content, #FLOW[data-page="cusinv"] .div-table-content, #FLOW[data-page="posapv"] .div-table-content, #FLOW[data-page="posdsh"] .div-table-content, #FLOW[data-page="posls"] .div-table-content{height:auto;min-height:180px;max-height:52vh;overflow:auto;border:1px solid var(--line);border-radius:var(--r-md)} #FLOW[data-page="pos"] .div-table-content>table, #FLOW[data-page="pos2"] .div-table-content>table, #FLOW[data-page="posanl"] .div-table-content>table, #FLOW[data-page="posanl-new"] .div-table-content>table, #FLOW[data-page="flow_pos"] .div-table-content>table, #FLOW[data-page="posgrp"] .div-table-content>table, #FLOW[data-page="poscrd"] .div-table-content>table, #FLOW[data-page="pospst"] .div-table-content>table, #FLOW[data-page="posglp"] .div-table-content>table, #FLOW[data-page="cusinv"] .div-table-content>table, #FLOW[data-page="posapv"] .div-table-content>table, #FLOW[data-page="posdsh"] .div-table-content>table, #FLOW[data-page="posls"] .div-table-content>table{border:0} #FLOW[data-page="pos"] .scroll-modal, #FLOW[data-page="pos2"] .scroll-modal, #FLOW[data-page="posanl"] .scroll-modal, #FLOW[data-page="posanl-new"] .scroll-modal, #FLOW[data-page="flow_pos"] .scroll-modal, #FLOW[data-page="posgrp"] .scroll-modal, #FLOW[data-page="poscrd"] .scroll-modal, #FLOW[data-page="pospst"] .scroll-modal, #FLOW[data-page="posglp"] .scroll-modal, #FLOW[data-page="cusinv"] .scroll-modal, #FLOW[data-page="posapv"] .scroll-modal, #FLOW[data-page="posdsh"] .scroll-modal, #FLOW[data-page="posls"] .scroll-modal{height:auto;max-height:calc(100vh - 190px);overflow-y:auto;overflow-x:hidden} #FLOW[data-page="pos"] .close, #FLOW[data-page="pos2"] .close, #FLOW[data-page="posanl"] .close, #FLOW[data-page="posanl-new"] .close, #FLOW[data-page="flow_pos"] .close, #FLOW[data-page="posgrp"] .close, #FLOW[data-page="poscrd"] .close, #FLOW[data-page="pospst"] .close, #FLOW[data-page="posglp"] .close, #FLOW[data-page="cusinv"] .close, #FLOW[data-page="posapv"] .close, #FLOW[data-page="posdsh"] .close, #FLOW[data-page="posls"] .close{font-size:28px;line-height:1;opacity:.7} #FLOW[data-page="pos"] .btn1, #FLOW[data-page="pos"] .btn2, #FLOW[data-page="pos"] .btn3, #FLOW[data-page="pos"] .btn4, #FLOW[data-page="pos"] .btn5, #FLOW[data-page="pos"] .btn6, #FLOW[data-page="pos2"] .btn1, #FLOW[data-page="pos2"] .btn2, #FLOW[data-page="pos2"] .btn3, #FLOW[data-page="pos2"] .btn4, #FLOW[data-page="pos2"] .btn5, #FLOW[data-page="pos2"] .btn6, #FLOW[data-page="posanl"] .btn1, #FLOW[data-page="posanl"] .btn2, #FLOW[data-page="posanl"] .btn3, #FLOW[data-page="posanl"] .btn4, #FLOW[data-page="posanl"] .btn5, #FLOW[data-page="posanl"] .btn6, #FLOW[data-page="posanl-new"] .btn1, #FLOW[data-page="posanl-new"] .btn2, #FLOW[data-page="posanl-new"] .btn3, #FLOW[data-page="posanl-new"] .btn4, #FLOW[data-page="posanl-new"] .btn5, #FLOW[data-page="posanl-new"] .btn6, #FLOW[data-page="flow_pos"] .btn1, #FLOW[data-page="flow_pos"] .btn2, #FLOW[data-page="flow_pos"] .btn3, #FLOW[data-page="flow_pos"] .btn4, #FLOW[data-page="flow_pos"] .btn5, #FLOW[data-page="flow_pos"] .btn6, #FLOW[data-page="posgrp"] .btn1, #FLOW[data-page="posgrp"] .btn2, #FLOW[data-page="posgrp"] .btn3, #FLOW[data-page="posgrp"] .btn4, #FLOW[data-page="posgrp"] .btn5, #FLOW[data-page="posgrp"] .btn6, #FLOW[data-page="poscrd"] .btn1, #FLOW[data-page="poscrd"] .btn2, #FLOW[data-page="poscrd"] .btn3, #FLOW[data-page="poscrd"] .btn4, #FLOW[data-page="poscrd"] .btn5, #FLOW[data-page="poscrd"] .btn6, #FLOW[data-page="pospst"] .btn1, #FLOW[data-page="pospst"] .btn2, #FLOW[data-page="pospst"] .btn3, #FLOW[data-page="pospst"] .btn4, #FLOW[data-page="pospst"] .btn5, #FLOW[data-page="pospst"] .btn6, #FLOW[data-page="posglp"] .btn1, #FLOW[data-page="posglp"] .btn2, #FLOW[data-page="posglp"] .btn3, #FLOW[data-page="posglp"] .btn4, #FLOW[data-page="posglp"] .btn5, #FLOW[data-page="posglp"] .btn6, #FLOW[data-page="cusinv"] .btn1, #FLOW[data-page="cusinv"] .btn2, #FLOW[data-page="cusinv"] .btn3, #FLOW[data-page="cusinv"] .btn4, #FLOW[data-page="cusinv"] .btn5, #FLOW[data-page="cusinv"] .btn6, #FLOW[data-page="posapv"] .btn1, #FLOW[data-page="posapv"] .btn2, #FLOW[data-page="posapv"] .btn3, #FLOW[data-page="posapv"] .btn4, #FLOW[data-page="posapv"] .btn5, #FLOW[data-page="posapv"] .btn6, #FLOW[data-page="posdsh"] .btn1, #FLOW[data-page="posdsh"] .btn2, #FLOW[data-page="posdsh"] .btn3, #FLOW[data-page="posdsh"] .btn4, #FLOW[data-page="posdsh"] .btn5, #FLOW[data-page="posdsh"] .btn6, #FLOW[data-page="posls"] .btn1, #FLOW[data-page="posls"] .btn2, #FLOW[data-page="posls"] .btn3, #FLOW[data-page="posls"] .btn4, #FLOW[data-page="posls"] .btn5, #FLOW[data-page="posls"] .btn6{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--sheet);color:var(--text);box-shadow:none;white-space:normal;font-weight:500;transition:background .15s,border-color .15s} #FLOW[data-page="pos"] .btn1:hover, #FLOW[data-page="pos"] .btn2:hover, #FLOW[data-page="pos"] .btn3:hover, #FLOW[data-page="pos"] .btn4:hover, #FLOW[data-page="pos"] .btn5:hover, #FLOW[data-page="pos"] .btn6:hover, #FLOW[data-page="pos2"] .btn1:hover, #FLOW[data-page="pos2"] .btn2:hover, #FLOW[data-page="pos2"] .btn3:hover, #FLOW[data-page="pos2"] .btn4:hover, #FLOW[data-page="pos2"] .btn5:hover, #FLOW[data-page="pos2"] .btn6:hover, #FLOW[data-page="posanl"] .btn1:hover, #FLOW[data-page="posanl"] .btn2:hover, #FLOW[data-page="posanl"] .btn3:hover, #FLOW[data-page="posanl"] .btn4:hover, #FLOW[data-page="posanl"] .btn5:hover, #FLOW[data-page="posanl"] .btn6:hover, #FLOW[data-page="posanl-new"] .btn1:hover, #FLOW[data-page="posanl-new"] .btn2:hover, #FLOW[data-page="posanl-new"] .btn3:hover, #FLOW[data-page="posanl-new"] .btn4:hover, #FLOW[data-page="posanl-new"] .btn5:hover, #FLOW[data-page="posanl-new"] .btn6:hover, #FLOW[data-page="flow_pos"] .btn1:hover, #FLOW[data-page="flow_pos"] .btn2:hover, #FLOW[data-page="flow_pos"] .btn3:hover, #FLOW[data-page="flow_pos"] .btn4:hover, #FLOW[data-page="flow_pos"] .btn5:hover, #FLOW[data-page="flow_pos"] .btn6:hover, #FLOW[data-page="posgrp"] .btn1:hover, #FLOW[data-page="posgrp"] .btn2:hover, #FLOW[data-page="posgrp"] .btn3:hover, #FLOW[data-page="posgrp"] .btn4:hover, #FLOW[data-page="posgrp"] .btn5:hover, #FLOW[data-page="posgrp"] .btn6:hover, #FLOW[data-page="poscrd"] .btn1:hover, #FLOW[data-page="poscrd"] .btn2:hover, #FLOW[data-page="poscrd"] .btn3:hover, #FLOW[data-page="poscrd"] .btn4:hover, #FLOW[data-page="poscrd"] .btn5:hover, #FLOW[data-page="poscrd"] .btn6:hover, #FLOW[data-page="pospst"] .btn1:hover, #FLOW[data-page="pospst"] .btn2:hover, #FLOW[data-page="pospst"] .btn3:hover, #FLOW[data-page="pospst"] .btn4:hover, #FLOW[data-page="pospst"] .btn5:hover, #FLOW[data-page="pospst"] .btn6:hover, #FLOW[data-page="posglp"] .btn1:hover, #FLOW[data-page="posglp"] .btn2:hover, #FLOW[data-page="posglp"] .btn3:hover, #FLOW[data-page="posglp"] .btn4:hover, #FLOW[data-page="posglp"] .btn5:hover, #FLOW[data-page="posglp"] .btn6:hover, #FLOW[data-page="cusinv"] .btn1:hover, #FLOW[data-page="cusinv"] .btn2:hover, #FLOW[data-page="cusinv"] .btn3:hover, #FLOW[data-page="cusinv"] .btn4:hover, #FLOW[data-page="cusinv"] .btn5:hover, #FLOW[data-page="cusinv"] .btn6:hover, #FLOW[data-page="posapv"] .btn1:hover, #FLOW[data-page="posapv"] .btn2:hover, #FLOW[data-page="posapv"] .btn3:hover, #FLOW[data-page="posapv"] .btn4:hover, #FLOW[data-page="posapv"] .btn5:hover, #FLOW[data-page="posapv"] .btn6:hover, #FLOW[data-page="posdsh"] .btn1:hover, #FLOW[data-page="posdsh"] .btn2:hover, #FLOW[data-page="posdsh"] .btn3:hover, #FLOW[data-page="posdsh"] .btn4:hover, #FLOW[data-page="posdsh"] .btn5:hover, #FLOW[data-page="posdsh"] .btn6:hover, #FLOW[data-page="posls"] .btn1:hover, #FLOW[data-page="posls"] .btn2:hover, #FLOW[data-page="posls"] .btn3:hover, #FLOW[data-page="posls"] .btn4:hover, #FLOW[data-page="posls"] .btn5:hover, #FLOW[data-page="posls"] .btn6:hover{background:var(--sheet-2);border-color:var(--accent)} #FLOW[data-page="pos"] .btn1:focus, #FLOW[data-page="pos"] .btn2:focus, #FLOW[data-page="pos2"] .btn1:focus, #FLOW[data-page="pos2"] .btn2:focus, #FLOW[data-page="posanl"] .btn1:focus, #FLOW[data-page="posanl"] .btn2:focus, #FLOW[data-page="posanl-new"] .btn1:focus, #FLOW[data-page="posanl-new"] .btn2:focus, #FLOW[data-page="flow_pos"] .btn1:focus, #FLOW[data-page="flow_pos"] .btn2:focus, #FLOW[data-page="posgrp"] .btn1:focus, #FLOW[data-page="posgrp"] .btn2:focus, #FLOW[data-page="poscrd"] .btn1:focus, #FLOW[data-page="poscrd"] .btn2:focus, #FLOW[data-page="pospst"] .btn1:focus, #FLOW[data-page="pospst"] .btn2:focus, #FLOW[data-page="posglp"] .btn1:focus, #FLOW[data-page="posglp"] .btn2:focus, #FLOW[data-page="cusinv"] .btn1:focus, #FLOW[data-page="cusinv"] .btn2:focus, #FLOW[data-page="posapv"] .btn1:focus, #FLOW[data-page="posapv"] .btn2:focus, #FLOW[data-page="posdsh"] .btn1:focus, #FLOW[data-page="posdsh"] .btn2:focus, #FLOW[data-page="posls"] .btn1:focus, #FLOW[data-page="posls"] .btn2:focus{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)} #FLOW[data-page="pos"] .btn1, #FLOW[data-page="pos2"] .btn1, #FLOW[data-page="posanl"] .btn1, #FLOW[data-page="posanl-new"] .btn1, #FLOW[data-page="flow_pos"] .btn1, #FLOW[data-page="posgrp"] .btn1, #FLOW[data-page="poscrd"] .btn1, #FLOW[data-page="pospst"] .btn1, #FLOW[data-page="posglp"] .btn1, #FLOW[data-page="cusinv"] .btn1, #FLOW[data-page="posapv"] .btn1, #FLOW[data-page="posdsh"] .btn1, #FLOW[data-page="posls"] .btn1{min-height:64px;height:auto} #FLOW[data-page="pos"] .btn3, #FLOW[data-page="pos2"] .btn3, #FLOW[data-page="posanl"] .btn3, #FLOW[data-page="posanl-new"] .btn3, #FLOW[data-page="flow_pos"] .btn3, #FLOW[data-page="posgrp"] .btn3, #FLOW[data-page="poscrd"] .btn3, #FLOW[data-page="pospst"] .btn3, #FLOW[data-page="posglp"] .btn3, #FLOW[data-page="cusinv"] .btn3, #FLOW[data-page="posapv"] .btn3, #FLOW[data-page="posdsh"] .btn3, #FLOW[data-page="posls"] .btn3{min-height:84px;height:auto;width:auto;min-width:84px} #FLOW[data-page="pos"] .btn5, #FLOW[data-page="pos2"] .btn5, #FLOW[data-page="posanl"] .btn5, #FLOW[data-page="posanl-new"] .btn5, #FLOW[data-page="flow_pos"] .btn5, #FLOW[data-page="posgrp"] .btn5, #FLOW[data-page="poscrd"] .btn5, #FLOW[data-page="pospst"] .btn5, #FLOW[data-page="posglp"] .btn5, #FLOW[data-page="cusinv"] .btn5, #FLOW[data-page="posapv"] .btn5, #FLOW[data-page="posdsh"] .btn5, #FLOW[data-page="posls"] .btn5{min-height:56px;height:auto;width:auto;min-width:56px;font-size:18px} #FLOW[data-page="pos"] .btn6, #FLOW[data-page="pos2"] .btn6, #FLOW[data-page="posanl"] .btn6, #FLOW[data-page="posanl-new"] .btn6, #FLOW[data-page="flow_pos"] .btn6, #FLOW[data-page="posgrp"] .btn6, #FLOW[data-page="poscrd"] .btn6, #FLOW[data-page="pospst"] .btn6, #FLOW[data-page="posglp"] .btn6, #FLOW[data-page="cusinv"] .btn6, #FLOW[data-page="posapv"] .btn6, #FLOW[data-page="posdsh"] .btn6, #FLOW[data-page="posls"] .btn6{min-height:52px;height:auto;width:auto;min-width:52px;font-size:16px} #FLOW[data-page="pos"] .btn-warning, #FLOW[data-page="pos2"] .btn-warning, #FLOW[data-page="posanl"] .btn-warning, #FLOW[data-page="posanl-new"] .btn-warning, #FLOW[data-page="flow_pos"] .btn-warning, #FLOW[data-page="posgrp"] .btn-warning, #FLOW[data-page="poscrd"] .btn-warning, #FLOW[data-page="pospst"] .btn-warning, #FLOW[data-page="posglp"] .btn-warning, #FLOW[data-page="cusinv"] .btn-warning, #FLOW[data-page="posapv"] .btn-warning, #FLOW[data-page="posdsh"] .btn-warning, #FLOW[data-page="posls"] .btn-warning{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);background-image:none} #FLOW[data-page="pos"] .btn-warning:hover, #FLOW[data-page="pos"] .btn-warning:focus, #FLOW[data-page="pos2"] .btn-warning:hover, #FLOW[data-page="pos2"] .btn-warning:focus, #FLOW[data-page="posanl"] .btn-warning:hover, #FLOW[data-page="posanl"] .btn-warning:focus, #FLOW[data-page="posanl-new"] .btn-warning:hover, #FLOW[data-page="posanl-new"] .btn-warning:focus, #FLOW[data-page="flow_pos"] .btn-warning:hover, #FLOW[data-page="flow_pos"] .btn-warning:focus, #FLOW[data-page="posgrp"] .btn-warning:hover, #FLOW[data-page="posgrp"] .btn-warning:focus, #FLOW[data-page="poscrd"] .btn-warning:hover, #FLOW[data-page="poscrd"] .btn-warning:focus, #FLOW[data-page="pospst"] .btn-warning:hover, #FLOW[data-page="pospst"] .btn-warning:focus, #FLOW[data-page="posglp"] .btn-warning:hover, #FLOW[data-page="posglp"] .btn-warning:focus, #FLOW[data-page="cusinv"] .btn-warning:hover, #FLOW[data-page="cusinv"] .btn-warning:focus, #FLOW[data-page="posapv"] .btn-warning:hover, #FLOW[data-page="posapv"] .btn-warning:focus, #FLOW[data-page="posdsh"] .btn-warning:hover, #FLOW[data-page="posdsh"] .btn-warning:focus, #FLOW[data-page="posls"] .btn-warning:hover, #FLOW[data-page="posls"] .btn-warning:focus{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)} #FLOW[data-page="pos"] .btn-success.btn4, #FLOW[data-page="pos"] .btn-info.btn4, #FLOW[data-page="pos2"] .btn-success.btn4, #FLOW[data-page="pos2"] .btn-info.btn4, #FLOW[data-page="posanl"] .btn-success.btn4, #FLOW[data-page="posanl"] .btn-info.btn4, #FLOW[data-page="posanl-new"] .btn-success.btn4, #FLOW[data-page="posanl-new"] .btn-info.btn4, #FLOW[data-page="flow_pos"] .btn-success.btn4, #FLOW[data-page="flow_pos"] .btn-info.btn4, #FLOW[data-page="posgrp"] .btn-success.btn4, #FLOW[data-page="posgrp"] .btn-info.btn4, #FLOW[data-page="poscrd"] .btn-success.btn4, #FLOW[data-page="poscrd"] .btn-info.btn4, #FLOW[data-page="pospst"] .btn-success.btn4, #FLOW[data-page="pospst"] .btn-info.btn4, #FLOW[data-page="posglp"] .btn-success.btn4, #FLOW[data-page="posglp"] .btn-info.btn4, #FLOW[data-page="cusinv"] .btn-success.btn4, #FLOW[data-page="cusinv"] .btn-info.btn4, #FLOW[data-page="posapv"] .btn-success.btn4, #FLOW[data-page="posapv"] .btn-info.btn4, #FLOW[data-page="posdsh"] .btn-success.btn4, #FLOW[data-page="posdsh"] .btn-info.btn4, #FLOW[data-page="posls"] .btn-success.btn4, #FLOW[data-page="posls"] .btn-info.btn4{background:var(--accent-soft);border-color:transparent;color:var(--accent-text)} #FLOW[data-page="pos"] .btn-warning.btn4, #FLOW[data-page="pos2"] .btn-warning.btn4, #FLOW[data-page="posanl"] .btn-warning.btn4, #FLOW[data-page="posanl-new"] .btn-warning.btn4, #FLOW[data-page="flow_pos"] .btn-warning.btn4, #FLOW[data-page="posgrp"] .btn-warning.btn4, #FLOW[data-page="poscrd"] .btn-warning.btn4, #FLOW[data-page="pospst"] .btn-warning.btn4, #FLOW[data-page="posglp"] .btn-warning.btn4, #FLOW[data-page="cusinv"] .btn-warning.btn4, #FLOW[data-page="posapv"] .btn-warning.btn4, #FLOW[data-page="posdsh"] .btn-warning.btn4, #FLOW[data-page="posls"] .btn-warning.btn4{background:var(--accent-fill);color:var(--on-accent)} #FLOW[data-page="pos"] .btn-danger, #FLOW[data-page="pos2"] .btn-danger, #FLOW[data-page="posanl"] .btn-danger, #FLOW[data-page="posanl-new"] .btn-danger, #FLOW[data-page="flow_pos"] .btn-danger, #FLOW[data-page="posgrp"] .btn-danger, #FLOW[data-page="poscrd"] .btn-danger, #FLOW[data-page="pospst"] .btn-danger, #FLOW[data-page="posglp"] .btn-danger, #FLOW[data-page="cusinv"] .btn-danger, #FLOW[data-page="posapv"] .btn-danger, #FLOW[data-page="posdsh"] .btn-danger, #FLOW[data-page="posls"] .btn-danger{background:var(--sheet);border:1px solid var(--danger);color:var(--danger-text)} #FLOW[data-page="pos"] .btn-danger:hover, #FLOW[data-page="pos2"] .btn-danger:hover, #FLOW[data-page="posanl"] .btn-danger:hover, #FLOW[data-page="posanl-new"] .btn-danger:hover, #FLOW[data-page="flow_pos"] .btn-danger:hover, #FLOW[data-page="posgrp"] .btn-danger:hover, #FLOW[data-page="poscrd"] .btn-danger:hover, #FLOW[data-page="pospst"] .btn-danger:hover, #FLOW[data-page="posglp"] .btn-danger:hover, #FLOW[data-page="cusinv"] .btn-danger:hover, #FLOW[data-page="posapv"] .btn-danger:hover, #FLOW[data-page="posdsh"] .btn-danger:hover, #FLOW[data-page="posls"] .btn-danger:hover{background:var(--danger);color:#fff} #FLOW[data-page="pos"] .navbar-fixed-bottom .btn4, #FLOW[data-page="pos2"] .navbar-fixed-bottom .btn4, #FLOW[data-page="posanl"] .navbar-fixed-bottom .btn4, #FLOW[data-page="posanl-new"] .navbar-fixed-bottom .btn4, #FLOW[data-page="flow_pos"] .navbar-fixed-bottom .btn4, #FLOW[data-page="posgrp"] .navbar-fixed-bottom .btn4, #FLOW[data-page="poscrd"] .navbar-fixed-bottom .btn4, #FLOW[data-page="pospst"] .navbar-fixed-bottom .btn4, #FLOW[data-page="posglp"] .navbar-fixed-bottom .btn4, #FLOW[data-page="cusinv"] .navbar-fixed-bottom .btn4, #FLOW[data-page="posapv"] .navbar-fixed-bottom .btn4, #FLOW[data-page="posdsh"] .navbar-fixed-bottom .btn4, #FLOW[data-page="posls"] .navbar-fixed-bottom .btn4{height:auto;width:auto;min-height:54px;min-width:76px;padding:8px 12px;font-size:12px;line-height:1.25} #FLOW[data-page="pos"] .navbar-fixed-bottom .btn-group, #FLOW[data-page="pos2"] .navbar-fixed-bottom .btn-group, #FLOW[data-page="posanl"] .navbar-fixed-bottom .btn-group, #FLOW[data-page="posanl-new"] .navbar-fixed-bottom .btn-group, #FLOW[data-page="flow_pos"] .navbar-fixed-bottom .btn-group, #FLOW[data-page="posgrp"] .navbar-fixed-bottom .btn-group, #FLOW[data-page="poscrd"] .navbar-fixed-bottom .btn-group, #FLOW[data-page="pospst"] .navbar-fixed-bottom .btn-group, #FLOW[data-page="posglp"] .navbar-fixed-bottom .btn-group, #FLOW[data-page="cusinv"] .navbar-fixed-bottom .btn-group, #FLOW[data-page="posapv"] .navbar-fixed-bottom .btn-group, #FLOW[data-page="posdsh"] .navbar-fixed-bottom .btn-group, #FLOW[data-page="posls"] .navbar-fixed-bottom .btn-group{margin:2px 6px 2px 0} #FLOW[data-page="pos"] .navbar-fixed-bottom .btn-group>.btn4, #FLOW[data-page="pos2"] .navbar-fixed-bottom .btn-group>.btn4, #FLOW[data-page="posanl"] .navbar-fixed-bottom .btn-group>.btn4, #FLOW[data-page="posanl-new"] .navbar-fixed-bottom .btn-group>.btn4, #FLOW[data-page="flow_pos"] .navbar-fixed-bottom .btn-group>.btn4, #FLOW[data-page="posgrp"] .navbar-fixed-bottom .btn-group>.btn4, #FLOW[data-page="poscrd"] .navbar-fixed-bottom .btn-group>.btn4, #FLOW[data-page="pospst"] .navbar-fixed-bottom .btn-group>.btn4, #FLOW[data-page="posglp"] .navbar-fixed-bottom .btn-group>.btn4, #FLOW[data-page="cusinv"] .navbar-fixed-bottom .btn-group>.btn4, #FLOW[data-page="posapv"] .navbar-fixed-bottom .btn-group>.btn4, #FLOW[data-page="posdsh"] .navbar-fixed-bottom .btn-group>.btn4, #FLOW[data-page="posls"] .navbar-fixed-bottom .btn-group>.btn4{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:0} #FLOW[data-page="pos"] .navbar-fixed-bottom .btn-group>.btn4:first-child, #FLOW[data-page="pos2"] .navbar-fixed-bottom .btn-group>.btn4:first-child, #FLOW[data-page="posanl"] .navbar-fixed-bottom .btn-group>.btn4:first-child, #FLOW[data-page="posanl-new"] .navbar-fixed-bottom .btn-group>.btn4:first-child, #FLOW[data-page="flow_pos"] .navbar-fixed-bottom .btn-group>.btn4:first-child, #FLOW[data-page="posgrp"] .navbar-fixed-bottom .btn-group>.btn4:first-child, #FLOW[data-page="poscrd"] .navbar-fixed-bottom .btn-group>.btn4:first-child, #FLOW[data-page="pospst"] .navbar-fixed-bottom .btn-group>.btn4:first-child, #FLOW[data-page="posglp"] .navbar-fixed-bottom .btn-group>.btn4:first-child, #FLOW[data-page="cusinv"] .navbar-fixed-bottom .btn-group>.btn4:first-child, #FLOW[data-page="posapv"] .navbar-fixed-bottom .btn-group>.btn4:first-child, #FLOW[data-page="posdsh"] .navbar-fixed-bottom .btn-group>.btn4:first-child, #FLOW[data-page="posls"] .navbar-fixed-bottom .btn-group>.btn4:first-child{border-radius:var(--r-md) 0 0 var(--r-md)} #FLOW[data-page="pos"] .navbar-fixed-bottom .btn-group>.btn4:last-child, #FLOW[data-page="pos2"] .navbar-fixed-bottom .btn-group>.btn4:last-child, #FLOW[data-page="posanl"] .navbar-fixed-bottom .btn-group>.btn4:last-child, #FLOW[data-page="posanl-new"] .navbar-fixed-bottom .btn-group>.btn4:last-child, #FLOW[data-page="flow_pos"] .navbar-fixed-bottom .btn-group>.btn4:last-child, #FLOW[data-page="posgrp"] .navbar-fixed-bottom .btn-group>.btn4:last-child, #FLOW[data-page="poscrd"] .navbar-fixed-bottom .btn-group>.btn4:last-child, #FLOW[data-page="pospst"] .navbar-fixed-bottom .btn-group>.btn4:last-child, #FLOW[data-page="posglp"] .navbar-fixed-bottom .btn-group>.btn4:last-child, #FLOW[data-page="cusinv"] .navbar-fixed-bottom .btn-group>.btn4:last-child, #FLOW[data-page="posapv"] .navbar-fixed-bottom .btn-group>.btn4:last-child, #FLOW[data-page="posdsh"] .navbar-fixed-bottom .btn-group>.btn4:last-child, #FLOW[data-page="posls"] .navbar-fixed-bottom .btn-group>.btn4:last-child{border-radius:0 var(--r-md) var(--r-md) 0} #FLOW[data-page="pos"] .navbar-fixed-bottom .btn-group>.btn4:only-child, #FLOW[data-page="pos2"] .navbar-fixed-bottom .btn-group>.btn4:only-child, #FLOW[data-page="posanl"] .navbar-fixed-bottom .btn-group>.btn4:only-child, #FLOW[data-page="posanl-new"] .navbar-fixed-bottom .btn-group>.btn4:only-child, #FLOW[data-page="flow_pos"] .navbar-fixed-bottom .btn-group>.btn4:only-child, #FLOW[data-page="posgrp"] .navbar-fixed-bottom .btn-group>.btn4:only-child, #FLOW[data-page="poscrd"] .navbar-fixed-bottom .btn-group>.btn4:only-child, #FLOW[data-page="pospst"] .navbar-fixed-bottom .btn-group>.btn4:only-child, #FLOW[data-page="posglp"] .navbar-fixed-bottom .btn-group>.btn4:only-child, #FLOW[data-page="cusinv"] .navbar-fixed-bottom .btn-group>.btn4:only-child, #FLOW[data-page="posapv"] .navbar-fixed-bottom .btn-group>.btn4:only-child, #FLOW[data-page="posdsh"] .navbar-fixed-bottom .btn-group>.btn4:only-child, #FLOW[data-page="posls"] .navbar-fixed-bottom .btn-group>.btn4:only-child{border-radius:var(--r-md)} #FLOW[data-page="pos"] .navbar-fixed-bottom .input-group[style], #FLOW[data-page="pos2"] .navbar-fixed-bottom .input-group[style], #FLOW[data-page="posanl"] .navbar-fixed-bottom .input-group[style], #FLOW[data-page="posanl-new"] .navbar-fixed-bottom .input-group[style], #FLOW[data-page="flow_pos"] .navbar-fixed-bottom .input-group[style], #FLOW[data-page="posgrp"] .navbar-fixed-bottom .input-group[style], #FLOW[data-page="poscrd"] .navbar-fixed-bottom .input-group[style], #FLOW[data-page="pospst"] .navbar-fixed-bottom .input-group[style], #FLOW[data-page="posglp"] .navbar-fixed-bottom .input-group[style], #FLOW[data-page="cusinv"] .navbar-fixed-bottom .input-group[style], #FLOW[data-page="posapv"] .navbar-fixed-bottom .input-group[style], #FLOW[data-page="posdsh"] .navbar-fixed-bottom .input-group[style], #FLOW[data-page="posls"] .navbar-fixed-bottom .input-group[style]{width:260px!important;margin-left:16px!important} #FLOW[data-page="pos"] .panel-primary, #FLOW[data-page="pos2"] .panel-primary, #FLOW[data-page="posanl"] .panel-primary, #FLOW[data-page="posanl-new"] .panel-primary, #FLOW[data-page="flow_pos"] .panel-primary, #FLOW[data-page="posgrp"] .panel-primary, #FLOW[data-page="poscrd"] .panel-primary, #FLOW[data-page="pospst"] .panel-primary, #FLOW[data-page="posglp"] .panel-primary, #FLOW[data-page="cusinv"] .panel-primary, #FLOW[data-page="posapv"] .panel-primary, #FLOW[data-page="posdsh"] .panel-primary, #FLOW[data-page="posls"] .panel-primary{border:1px solid var(--accent);background:var(--accent-soft);border-radius:var(--r-md);overflow:hidden} #FLOW[data-page="pos"] .panel-primary>.panel-heading, #FLOW[data-page="pos2"] .panel-primary>.panel-heading, #FLOW[data-page="posanl"] .panel-primary>.panel-heading, #FLOW[data-page="posanl-new"] .panel-primary>.panel-heading, #FLOW[data-page="flow_pos"] .panel-primary>.panel-heading, #FLOW[data-page="posgrp"] .panel-primary>.panel-heading, #FLOW[data-page="poscrd"] .panel-primary>.panel-heading, #FLOW[data-page="pospst"] .panel-primary>.panel-heading, #FLOW[data-page="posglp"] .panel-primary>.panel-heading, #FLOW[data-page="cusinv"] .panel-primary>.panel-heading, #FLOW[data-page="posapv"] .panel-primary>.panel-heading, #FLOW[data-page="posdsh"] .panel-primary>.panel-heading, #FLOW[data-page="posls"] .panel-primary>.panel-heading{background:var(--accent-fill);color:var(--on-accent);border:0} #FLOW[data-page="pos"] .panel-primary>.panel-body, #FLOW[data-page="pos2"] .panel-primary>.panel-body, #FLOW[data-page="posanl"] .panel-primary>.panel-body, #FLOW[data-page="posanl-new"] .panel-primary>.panel-body, #FLOW[data-page="flow_pos"] .panel-primary>.panel-body, #FLOW[data-page="posgrp"] .panel-primary>.panel-body, #FLOW[data-page="poscrd"] .panel-primary>.panel-body, #FLOW[data-page="pospst"] .panel-primary>.panel-body, #FLOW[data-page="posglp"] .panel-primary>.panel-body, #FLOW[data-page="cusinv"] .panel-primary>.panel-body, #FLOW[data-page="posapv"] .panel-primary>.panel-body, #FLOW[data-page="posdsh"] .panel-primary>.panel-body, #FLOW[data-page="posls"] .panel-primary>.panel-body{background:transparent} #FLOW[data-page="pos"] #TOTNET1, #FLOW[data-page="pos"] #TOTNET, #FLOW[data-page="pos2"] #TOTNET1, #FLOW[data-page="pos2"] #TOTNET, #FLOW[data-page="posanl"] #TOTNET1, #FLOW[data-page="posanl"] #TOTNET, #FLOW[data-page="posanl-new"] #TOTNET1, #FLOW[data-page="posanl-new"] #TOTNET, #FLOW[data-page="flow_pos"] #TOTNET1, #FLOW[data-page="flow_pos"] #TOTNET, #FLOW[data-page="posgrp"] #TOTNET1, #FLOW[data-page="posgrp"] #TOTNET, #FLOW[data-page="poscrd"] #TOTNET1, #FLOW[data-page="poscrd"] #TOTNET, #FLOW[data-page="pospst"] #TOTNET1, #FLOW[data-page="pospst"] #TOTNET, #FLOW[data-page="posglp"] #TOTNET1, #FLOW[data-page="posglp"] #TOTNET, #FLOW[data-page="cusinv"] #TOTNET1, #FLOW[data-page="cusinv"] #TOTNET, #FLOW[data-page="posapv"] #TOTNET1, #FLOW[data-page="posapv"] #TOTNET, #FLOW[data-page="posdsh"] #TOTNET1, #FLOW[data-page="posdsh"] #TOTNET, #FLOW[data-page="posls"] #TOTNET1, #FLOW[data-page="posls"] #TOTNET{font-size:24px!important;font-weight:700;color:var(--accent-text)} #FLOW[data-page="pos"] #DTL>tbody>tr>td:last-child .btn, #FLOW[data-page="pos"] #DTL .btn, #FLOW[data-page="pos2"] #DTL>tbody>tr>td:last-child .btn, #FLOW[data-page="pos2"] #DTL .btn, #FLOW[data-page="posanl"] #DTL>tbody>tr>td:last-child .btn, #FLOW[data-page="posanl"] #DTL .btn, #FLOW[data-page="posanl-new"] #DTL>tbody>tr>td:last-child .btn, #FLOW[data-page="posanl-new"] #DTL .btn, #FLOW[data-page="flow_pos"] #DTL>tbody>tr>td:last-child .btn, #FLOW[data-page="flow_pos"] #DTL .btn, #FLOW[data-page="posgrp"] #DTL>tbody>tr>td:last-child .btn, #FLOW[data-page="posgrp"] #DTL .btn, #FLOW[data-page="poscrd"] #DTL>tbody>tr>td:last-child .btn, #FLOW[data-page="poscrd"] #DTL .btn, #FLOW[data-page="pospst"] #DTL>tbody>tr>td:last-child .btn, #FLOW[data-page="pospst"] #DTL .btn, #FLOW[data-page="posglp"] #DTL>tbody>tr>td:last-child .btn, #FLOW[data-page="posglp"] #DTL .btn, #FLOW[data-page="cusinv"] #DTL>tbody>tr>td:last-child .btn, #FLOW[data-page="cusinv"] #DTL .btn, #FLOW[data-page="posapv"] #DTL>tbody>tr>td:last-child .btn, #FLOW[data-page="posapv"] #DTL .btn, #FLOW[data-page="posdsh"] #DTL>tbody>tr>td:last-child .btn, #FLOW[data-page="posdsh"] #DTL .btn, #FLOW[data-page="posls"] #DTL>tbody>tr>td:last-child .btn, #FLOW[data-page="posls"] #DTL .btn{min-height:32px;height:32px;padding:0 10px} #FLOW[data-page="pos"] #CPCONBAL .form-control[readonly], #FLOW[data-page="pos2"] #CPCONBAL .form-control[readonly], #FLOW[data-page="posanl"] #CPCONBAL .form-control[readonly], #FLOW[data-page="posanl-new"] #CPCONBAL .form-control[readonly], #FLOW[data-page="flow_pos"] #CPCONBAL .form-control[readonly], #FLOW[data-page="posgrp"] #CPCONBAL .form-control[readonly], #FLOW[data-page="poscrd"] #CPCONBAL .form-control[readonly], #FLOW[data-page="pospst"] #CPCONBAL .form-control[readonly], #FLOW[data-page="posglp"] #CPCONBAL .form-control[readonly], #FLOW[data-page="cusinv"] #CPCONBAL .form-control[readonly], #FLOW[data-page="posapv"] #CPCONBAL .form-control[readonly], #FLOW[data-page="posdsh"] #CPCONBAL .form-control[readonly], #FLOW[data-page="posls"] #CPCONBAL .form-control[readonly]{font-variant-numeric:tabular-nums;text-align:end;font-weight:600} #FLOW[data-page="pos"] #BALCUS, #FLOW[data-page="pos"] #CONBAL, #FLOW[data-page="pos"] #ACTCHK, #FLOW[data-page="pos"] #RTNCHK, #FLOW[data-page="pos"] #CRDLMT, #FLOW[data-page="pos"] #RSTCRD, #FLOW[data-page="pos"] #SAL, #FLOW[data-page="pos2"] #BALCUS, #FLOW[data-page="pos2"] #CONBAL, #FLOW[data-page="pos2"] #ACTCHK, #FLOW[data-page="pos2"] #RTNCHK, #FLOW[data-page="pos2"] #CRDLMT, #FLOW[data-page="pos2"] #RSTCRD, #FLOW[data-page="pos2"] #SAL, #FLOW[data-page="posanl"] #BALCUS, #FLOW[data-page="posanl"] #CONBAL, #FLOW[data-page="posanl"] #ACTCHK, #FLOW[data-page="posanl"] #RTNCHK, #FLOW[data-page="posanl"] #CRDLMT, #FLOW[data-page="posanl"] #RSTCRD, #FLOW[data-page="posanl"] #SAL, #FLOW[data-page="posanl-new"] #BALCUS, #FLOW[data-page="posanl-new"] #CONBAL, #FLOW[data-page="posanl-new"] #ACTCHK, #FLOW[data-page="posanl-new"] #RTNCHK, #FLOW[data-page="posanl-new"] #CRDLMT, #FLOW[data-page="posanl-new"] #RSTCRD, #FLOW[data-page="posanl-new"] #SAL, #FLOW[data-page="flow_pos"] #BALCUS, #FLOW[data-page="flow_pos"] #CONBAL, #FLOW[data-page="flow_pos"] #ACTCHK, #FLOW[data-page="flow_pos"] #RTNCHK, #FLOW[data-page="flow_pos"] #CRDLMT, #FLOW[data-page="flow_pos"] #RSTCRD, #FLOW[data-page="flow_pos"] #SAL, #FLOW[data-page="posgrp"] #BALCUS, #FLOW[data-page="posgrp"] #CONBAL, #FLOW[data-page="posgrp"] #ACTCHK, #FLOW[data-page="posgrp"] #RTNCHK, #FLOW[data-page="posgrp"] #CRDLMT, #FLOW[data-page="posgrp"] #RSTCRD, #FLOW[data-page="posgrp"] #SAL, #FLOW[data-page="poscrd"] #BALCUS, #FLOW[data-page="poscrd"] #CONBAL, #FLOW[data-page="poscrd"] #ACTCHK, #FLOW[data-page="poscrd"] #RTNCHK, #FLOW[data-page="poscrd"] #CRDLMT, #FLOW[data-page="poscrd"] #RSTCRD, #FLOW[data-page="poscrd"] #SAL, #FLOW[data-page="pospst"] #BALCUS, #FLOW[data-page="pospst"] #CONBAL, #FLOW[data-page="pospst"] #ACTCHK, #FLOW[data-page="pospst"] #RTNCHK, #FLOW[data-page="pospst"] #CRDLMT, #FLOW[data-page="pospst"] #RSTCRD, #FLOW[data-page="pospst"] #SAL, #FLOW[data-page="posglp"] #BALCUS, #FLOW[data-page="posglp"] #CONBAL, #FLOW[data-page="posglp"] #ACTCHK, #FLOW[data-page="posglp"] #RTNCHK, #FLOW[data-page="posglp"] #CRDLMT, #FLOW[data-page="posglp"] #RSTCRD, #FLOW[data-page="posglp"] #SAL, #FLOW[data-page="cusinv"] #BALCUS, #FLOW[data-page="cusinv"] #CONBAL, #FLOW[data-page="cusinv"] #ACTCHK, #FLOW[data-page="cusinv"] #RTNCHK, #FLOW[data-page="cusinv"] #CRDLMT, #FLOW[data-page="cusinv"] #RSTCRD, #FLOW[data-page="cusinv"] #SAL, #FLOW[data-page="posapv"] #BALCUS, #FLOW[data-page="posapv"] #CONBAL, #FLOW[data-page="posapv"] #ACTCHK, #FLOW[data-page="posapv"] #RTNCHK, #FLOW[data-page="posapv"] #CRDLMT, #FLOW[data-page="posapv"] #RSTCRD, #FLOW[data-page="posapv"] #SAL, #FLOW[data-page="posdsh"] #BALCUS, #FLOW[data-page="posdsh"] #CONBAL, #FLOW[data-page="posdsh"] #ACTCHK, #FLOW[data-page="posdsh"] #RTNCHK, #FLOW[data-page="posdsh"] #CRDLMT, #FLOW[data-page="posdsh"] #RSTCRD, #FLOW[data-page="posdsh"] #SAL, #FLOW[data-page="posls"] #BALCUS, #FLOW[data-page="posls"] #CONBAL, #FLOW[data-page="posls"] #ACTCHK, #FLOW[data-page="posls"] #RTNCHK, #FLOW[data-page="posls"] #CRDLMT, #FLOW[data-page="posls"] #RSTCRD, #FLOW[data-page="posls"] #SAL{text-align:end;font-variant-numeric:tabular-nums} #FLOW[data-page="pos"] #QTY, #FLOW[data-page="pos"] #PRICE, #FLOW[data-page="pos"] #DISC1, #FLOW[data-page="pos"] #DISC2, #FLOW[data-page="pos"] #BONUS, #FLOW[data-page="pos2"] #QTY, #FLOW[data-page="pos2"] #PRICE, #FLOW[data-page="pos2"] #DISC1, #FLOW[data-page="pos2"] #DISC2, #FLOW[data-page="pos2"] #BONUS, #FLOW[data-page="posanl"] #QTY, #FLOW[data-page="posanl"] #PRICE, #FLOW[data-page="posanl"] #DISC1, #FLOW[data-page="posanl"] #DISC2, #FLOW[data-page="posanl"] #BONUS, #FLOW[data-page="posanl-new"] #QTY, #FLOW[data-page="posanl-new"] #PRICE, #FLOW[data-page="posanl-new"] #DISC1, #FLOW[data-page="posanl-new"] #DISC2, #FLOW[data-page="posanl-new"] #BONUS, #FLOW[data-page="flow_pos"] #QTY, #FLOW[data-page="flow_pos"] #PRICE, #FLOW[data-page="flow_pos"] #DISC1, #FLOW[data-page="flow_pos"] #DISC2, #FLOW[data-page="flow_pos"] #BONUS, #FLOW[data-page="posgrp"] #QTY, #FLOW[data-page="posgrp"] #PRICE, #FLOW[data-page="posgrp"] #DISC1, #FLOW[data-page="posgrp"] #DISC2, #FLOW[data-page="posgrp"] #BONUS, #FLOW[data-page="poscrd"] #QTY, #FLOW[data-page="poscrd"] #PRICE, #FLOW[data-page="poscrd"] #DISC1, #FLOW[data-page="poscrd"] #DISC2, #FLOW[data-page="poscrd"] #BONUS, #FLOW[data-page="pospst"] #QTY, #FLOW[data-page="pospst"] #PRICE, #FLOW[data-page="pospst"] #DISC1, #FLOW[data-page="pospst"] #DISC2, #FLOW[data-page="pospst"] #BONUS, #FLOW[data-page="posglp"] #QTY, #FLOW[data-page="posglp"] #PRICE, #FLOW[data-page="posglp"] #DISC1, #FLOW[data-page="posglp"] #DISC2, #FLOW[data-page="posglp"] #BONUS, #FLOW[data-page="cusinv"] #QTY, #FLOW[data-page="cusinv"] #PRICE, #FLOW[data-page="cusinv"] #DISC1, #FLOW[data-page="cusinv"] #DISC2, #FLOW[data-page="cusinv"] #BONUS, #FLOW[data-page="posapv"] #QTY, #FLOW[data-page="posapv"] #PRICE, #FLOW[data-page="posapv"] #DISC1, #FLOW[data-page="posapv"] #DISC2, #FLOW[data-page="posapv"] #BONUS, #FLOW[data-page="posdsh"] #QTY, #FLOW[data-page="posdsh"] #PRICE, #FLOW[data-page="posdsh"] #DISC1, #FLOW[data-page="posdsh"] #DISC2, #FLOW[data-page="posdsh"] #BONUS, #FLOW[data-page="posls"] #QTY, #FLOW[data-page="posls"] #PRICE, #FLOW[data-page="posls"] #DISC1, #FLOW[data-page="posls"] #DISC2, #FLOW[data-page="posls"] #BONUS{text-align:end;font-variant-numeric:tabular-nums} #FLOW[data-page="pos"] table[style*="background"], #FLOW[data-page="pos"] div[style*="background-color:#f9"], #FLOW[data-page="pos2"] table[style*="background"], #FLOW[data-page="pos2"] div[style*="background-color:#f9"], #FLOW[data-page="posanl"] table[style*="background"], #FLOW[data-page="posanl"] div[style*="background-color:#f9"], #FLOW[data-page="posanl-new"] table[style*="background"], #FLOW[data-page="posanl-new"] div[style*="background-color:#f9"], #FLOW[data-page="flow_pos"] table[style*="background"], #FLOW[data-page="flow_pos"] div[style*="background-color:#f9"], #FLOW[data-page="posgrp"] table[style*="background"], #FLOW[data-page="posgrp"] div[style*="background-color:#f9"], #FLOW[data-page="poscrd"] table[style*="background"], #FLOW[data-page="poscrd"] div[style*="background-color:#f9"], #FLOW[data-page="pospst"] table[style*="background"], #FLOW[data-page="pospst"] div[style*="background-color:#f9"], #FLOW[data-page="posglp"] table[style*="background"], #FLOW[data-page="posglp"] div[style*="background-color:#f9"], #FLOW[data-page="cusinv"] table[style*="background"], #FLOW[data-page="cusinv"] div[style*="background-color:#f9"], #FLOW[data-page="posapv"] table[style*="background"], #FLOW[data-page="posapv"] div[style*="background-color:#f9"], #FLOW[data-page="posdsh"] table[style*="background"], #FLOW[data-page="posdsh"] div[style*="background-color:#f9"], #FLOW[data-page="posls"] table[style*="background"], #FLOW[data-page="posls"] div[style*="background-color:#f9"]{background-color:var(--sheet-2)!important;color:var(--text)} #FLOW[data-page="pos"]{padding-bottom:120px} #FLOW[data-page="pos2"]{padding-bottom:120px} #FLOW[data-page="posanl"]{padding-bottom:120px} #FLOW[data-page="posanl-new"]{padding-bottom:120px} #FLOW[data-page="flow_pos"]{padding-bottom:120px} #FLOW[data-page="posgrp"]{padding-bottom:120px} #FLOW[data-page="poscrd"]{padding-bottom:120px} #FLOW[data-page="pospst"]{padding-bottom:120px} #FLOW[data-page="posglp"]{padding-bottom:120px} #FLOW[data-page="cusinv"]{padding-bottom:120px} #FLOW[data-page="posapv"]{padding-bottom:120px} #FLOW[data-page="posdsh"]{padding-bottom:120px} #FLOW[data-page="posls"]{padding-bottom:120px} @media (min-width:768px) and (max-width:1199px){ #FLOW[data-page="pos"] .row>.col-lg-2{float:left;width:33.3333%} #FLOW[data-page="pos"] .row>.col-lg-3{float:left;width:50%} #FLOW[data-page="pos"] .row>.col-lg-4{float:left;width:50%} #FLOW[data-page="pos"] .row>.col-lg-5{float:left;width:50%} #FLOW[data-page="pos"] .row>.col-lg-6, #FLOW[data-page="pos"] .row>.col-lg-7, #FLOW[data-page="pos"] .row>.col-lg-8, #FLOW[data-page="pos"] .row>.col-lg-9, #FLOW[data-page="pos"] .row>.col-lg-10, #FLOW[data-page="pos"] .row>.col-lg-11, #FLOW[data-page="pos"] .row>.col-lg-12{float:left;width:100%} #FLOW[data-page="pos"] .form-control, #FLOW[data-page="pos"] .btn{min-height:44px} #FLOW[data-page="pos"] .input-group-addon{min-height:44px;height:auto} #FLOW[data-page="pos"] .div-table-content{max-height:46vh} #FLOW[data-page="pos"] .navbar-fixed-bottom .btn4{min-width:68px} #FLOW[data-page="pos2"] .row>.col-lg-2{float:left;width:33.3333%} #FLOW[data-page="pos2"] .row>.col-lg-3{float:left;width:50%} #FLOW[data-page="pos2"] .row>.col-lg-4{float:left;width:50%} #FLOW[data-page="pos2"] .row>.col-lg-5{float:left;width:50%} #FLOW[data-page="pos2"] .row>.col-lg-6, #FLOW[data-page="pos2"] .row>.col-lg-7, #FLOW[data-page="pos2"] .row>.col-lg-8, #FLOW[data-page="pos2"] .row>.col-lg-9, #FLOW[data-page="pos2"] .row>.col-lg-10, #FLOW[data-page="pos2"] .row>.col-lg-11, #FLOW[data-page="pos2"] .row>.col-lg-12{float:left;width:100%} #FLOW[data-page="pos2"] .form-control, #FLOW[data-page="pos2"] .btn{min-height:44px} #FLOW[data-page="pos2"] .input-group-addon{min-height:44px;height:auto} #FLOW[data-page="pos2"] .div-table-content{max-height:46vh} #FLOW[data-page="pos2"] .navbar-fixed-bottom .btn4{min-width:68px} #FLOW[data-page="posanl"] .row>.col-lg-2{float:left;width:33.3333%} #FLOW[data-page="posanl"] .row>.col-lg-3{float:left;width:50%} #FLOW[data-page="posanl"] .row>.col-lg-4{float:left;width:50%} #FLOW[data-page="posanl"] .row>.col-lg-5{float:left;width:50%} #FLOW[data-page="posanl"] .row>.col-lg-6, #FLOW[data-page="posanl"] .row>.col-lg-7, #FLOW[data-page="posanl"] .row>.col-lg-8, #FLOW[data-page="posanl"] .row>.col-lg-9, #FLOW[data-page="posanl"] .row>.col-lg-10, #FLOW[data-page="posanl"] .row>.col-lg-11, #FLOW[data-page="posanl"] .row>.col-lg-12{float:left;width:100%} #FLOW[data-page="posanl"] .form-control, #FLOW[data-page="posanl"] .btn{min-height:44px} #FLOW[data-page="posanl"] .input-group-addon{min-height:44px;height:auto} #FLOW[data-page="posanl"] .div-table-content{max-height:46vh} #FLOW[data-page="posanl"] .navbar-fixed-bottom .btn4{min-width:68px} #FLOW[data-page="posanl-new"] .row>.col-lg-2{float:left;width:33.3333%} #FLOW[data-page="posanl-new"] .row>.col-lg-3{float:left;width:50%} #FLOW[data-page="posanl-new"] .row>.col-lg-4{float:left;width:50%} #FLOW[data-page="posanl-new"] .row>.col-lg-5{float:left;width:50%} #FLOW[data-page="posanl-new"] .row>.col-lg-6, #FLOW[data-page="posanl-new"] .row>.col-lg-7, #FLOW[data-page="posanl-new"] .row>.col-lg-8, #FLOW[data-page="posanl-new"] .row>.col-lg-9, #FLOW[data-page="posanl-new"] .row>.col-lg-10, #FLOW[data-page="posanl-new"] .row>.col-lg-11, #FLOW[data-page="posanl-new"] .row>.col-lg-12{float:left;width:100%} #FLOW[data-page="posanl-new"] .form-control, #FLOW[data-page="posanl-new"] .btn{min-height:44px} #FLOW[data-page="posanl-new"] .input-group-addon{min-height:44px;height:auto} #FLOW[data-page="posanl-new"] .div-table-content{max-height:46vh} #FLOW[data-page="posanl-new"] .navbar-fixed-bottom .btn4{min-width:68px} #FLOW[data-page="flow_pos"] .row>.col-lg-2{float:left;width:33.3333%} #FLOW[data-page="flow_pos"] .row>.col-lg-3{float:left;width:50%} #FLOW[data-page="flow_pos"] .row>.col-lg-4{float:left;width:50%} #FLOW[data-page="flow_pos"] .row>.col-lg-5{float:left;width:50%} #FLOW[data-page="flow_pos"] .row>.col-lg-6, #FLOW[data-page="flow_pos"] .row>.col-lg-7, #FLOW[data-page="flow_pos"] .row>.col-lg-8, #FLOW[data-page="flow_pos"] .row>.col-lg-9, #FLOW[data-page="flow_pos"] .row>.col-lg-10, #FLOW[data-page="flow_pos"] .row>.col-lg-11, #FLOW[data-page="flow_pos"] .row>.col-lg-12{float:left;width:100%} #FLOW[data-page="flow_pos"] .form-control, #FLOW[data-page="flow_pos"] .btn{min-height:44px} #FLOW[data-page="flow_pos"] .input-group-addon{min-height:44px;height:auto} #FLOW[data-page="flow_pos"] .div-table-content{max-height:46vh} #FLOW[data-page="flow_pos"] .navbar-fixed-bottom .btn4{min-width:68px} #FLOW[data-page="posgrp"] .row>.col-lg-2{float:left;width:33.3333%} #FLOW[data-page="posgrp"] .row>.col-lg-3{float:left;width:50%} #FLOW[data-page="posgrp"] .row>.col-lg-4{float:left;width:50%} #FLOW[data-page="posgrp"] .row>.col-lg-5{float:left;width:50%} #FLOW[data-page="posgrp"] .row>.col-lg-6, #FLOW[data-page="posgrp"] .row>.col-lg-7, #FLOW[data-page="posgrp"] .row>.col-lg-8, #FLOW[data-page="posgrp"] .row>.col-lg-9, #FLOW[data-page="posgrp"] .row>.col-lg-10, #FLOW[data-page="posgrp"] .row>.col-lg-11, #FLOW[data-page="posgrp"] .row>.col-lg-12{float:left;width:100%} #FLOW[data-page="posgrp"] .form-control, #FLOW[data-page="posgrp"] .btn{min-height:44px} #FLOW[data-page="posgrp"] .input-group-addon{min-height:44px;height:auto} #FLOW[data-page="posgrp"] .div-table-content{max-height:46vh} #FLOW[data-page="posgrp"] .navbar-fixed-bottom .btn4{min-width:68px} #FLOW[data-page="poscrd"] .row>.col-lg-2{float:left;width:33.3333%} #FLOW[data-page="poscrd"] .row>.col-lg-3{float:left;width:50%} #FLOW[data-page="poscrd"] .row>.col-lg-4{float:left;width:50%} #FLOW[data-page="poscrd"] .row>.col-lg-5{float:left;width:50%} #FLOW[data-page="poscrd"] .row>.col-lg-6, #FLOW[data-page="poscrd"] .row>.col-lg-7, #FLOW[data-page="poscrd"] .row>.col-lg-8, #FLOW[data-page="poscrd"] .row>.col-lg-9, #FLOW[data-page="poscrd"] .row>.col-lg-10, #FLOW[data-page="poscrd"] .row>.col-lg-11, #FLOW[data-page="poscrd"] .row>.col-lg-12{float:left;width:100%} #FLOW[data-page="poscrd"] .form-control, #FLOW[data-page="poscrd"] .btn{min-height:44px} #FLOW[data-page="poscrd"] .input-group-addon{min-height:44px;height:auto} #FLOW[data-page="poscrd"] .div-table-content{max-height:46vh} #FLOW[data-page="poscrd"] .navbar-fixed-bottom .btn4{min-width:68px} #FLOW[data-page="pospst"] .row>.col-lg-2{float:left;width:33.3333%} #FLOW[data-page="pospst"] .row>.col-lg-3{float:left;width:50%} #FLOW[data-page="pospst"] .row>.col-lg-4{float:left;width:50%} #FLOW[data-page="pospst"] .row>.col-lg-5{float:left;width:50%} #FLOW[data-page="pospst"] .row>.col-lg-6, #FLOW[data-page="pospst"] .row>.col-lg-7, #FLOW[data-page="pospst"] .row>.col-lg-8, #FLOW[data-page="pospst"] .row>.col-lg-9, #FLOW[data-page="pospst"] .row>.col-lg-10, #FLOW[data-page="pospst"] .row>.col-lg-11, #FLOW[data-page="pospst"] .row>.col-lg-12{float:left;width:100%} #FLOW[data-page="pospst"] .form-control, #FLOW[data-page="pospst"] .btn{min-height:44px} #FLOW[data-page="pospst"] .input-group-addon{min-height:44px;height:auto} #FLOW[data-page="pospst"] .div-table-content{max-height:46vh} #FLOW[data-page="pospst"] .navbar-fixed-bottom .btn4{min-width:68px} #FLOW[data-page="posglp"] .row>.col-lg-2{float:left;width:33.3333%} #FLOW[data-page="posglp"] .row>.col-lg-3{float:left;width:50%} #FLOW[data-page="posglp"] .row>.col-lg-4{float:left;width:50%} #FLOW[data-page="posglp"] .row>.col-lg-5{float:left;width:50%} #FLOW[data-page="posglp"] .row>.col-lg-6, #FLOW[data-page="posglp"] .row>.col-lg-7, #FLOW[data-page="posglp"] .row>.col-lg-8, #FLOW[data-page="posglp"] .row>.col-lg-9, #FLOW[data-page="posglp"] .row>.col-lg-10, #FLOW[data-page="posglp"] .row>.col-lg-11, #FLOW[data-page="posglp"] .row>.col-lg-12{float:left;width:100%} #FLOW[data-page="posglp"] .form-control, #FLOW[data-page="posglp"] .btn{min-height:44px} #FLOW[data-page="posglp"] .input-group-addon{min-height:44px;height:auto} #FLOW[data-page="posglp"] .div-table-content{max-height:46vh} #FLOW[data-page="posglp"] .navbar-fixed-bottom .btn4{min-width:68px} #FLOW[data-page="cusinv"] .row>.col-lg-2{float:left;width:33.3333%} #FLOW[data-page="cusinv"] .row>.col-lg-3{float:left;width:50%} #FLOW[data-page="cusinv"] .row>.col-lg-4{float:left;width:50%} #FLOW[data-page="cusinv"] .row>.col-lg-5{float:left;width:50%} #FLOW[data-page="cusinv"] .row>.col-lg-6, #FLOW[data-page="cusinv"] .row>.col-lg-7, #FLOW[data-page="cusinv"] .row>.col-lg-8, #FLOW[data-page="cusinv"] .row>.col-lg-9, #FLOW[data-page="cusinv"] .row>.col-lg-10, #FLOW[data-page="cusinv"] .row>.col-lg-11, #FLOW[data-page="cusinv"] .row>.col-lg-12{float:left;width:100%} #FLOW[data-page="cusinv"] .form-control, #FLOW[data-page="cusinv"] .btn{min-height:44px} #FLOW[data-page="cusinv"] .input-group-addon{min-height:44px;height:auto} #FLOW[data-page="cusinv"] .div-table-content{max-height:46vh} #FLOW[data-page="cusinv"] .navbar-fixed-bottom .btn4{min-width:68px} #FLOW[data-page="posapv"] .row>.col-lg-2{float:left;width:33.3333%} #FLOW[data-page="posapv"] .row>.col-lg-3{float:left;width:50%} #FLOW[data-page="posapv"] .row>.col-lg-4{float:left;width:50%} #FLOW[data-page="posapv"] .row>.col-lg-5{float:left;width:50%} #FLOW[data-page="posapv"] .row>.col-lg-6, #FLOW[data-page="posapv"] .row>.col-lg-7, #FLOW[data-page="posapv"] .row>.col-lg-8, #FLOW[data-page="posapv"] .row>.col-lg-9, #FLOW[data-page="posapv"] .row>.col-lg-10, #FLOW[data-page="posapv"] .row>.col-lg-11, #FLOW[data-page="posapv"] .row>.col-lg-12{float:left;width:100%} #FLOW[data-page="posapv"] .form-control, #FLOW[data-page="posapv"] .btn{min-height:44px} #FLOW[data-page="posapv"] .input-group-addon{min-height:44px;height:auto} #FLOW[data-page="posapv"] .div-table-content{max-height:46vh} #FLOW[data-page="posapv"] .navbar-fixed-bottom .btn4{min-width:68px} #FLOW[data-page="posdsh"] .row>.col-lg-2{float:left;width:33.3333%} #FLOW[data-page="posdsh"] .row>.col-lg-3{float:left;width:50%} #FLOW[data-page="posdsh"] .row>.col-lg-4{float:left;width:50%} #FLOW[data-page="posdsh"] .row>.col-lg-5{float:left;width:50%} #FLOW[data-page="posdsh"] .row>.col-lg-6, #FLOW[data-page="posdsh"] .row>.col-lg-7, #FLOW[data-page="posdsh"] .row>.col-lg-8, #FLOW[data-page="posdsh"] .row>.col-lg-9, #FLOW[data-page="posdsh"] .row>.col-lg-10, #FLOW[data-page="posdsh"] .row>.col-lg-11, #FLOW[data-page="posdsh"] .row>.col-lg-12{float:left;width:100%} #FLOW[data-page="posdsh"] .form-control, #FLOW[data-page="posdsh"] .btn{min-height:44px} #FLOW[data-page="posdsh"] .input-group-addon{min-height:44px;height:auto} #FLOW[data-page="posdsh"] .div-table-content{max-height:46vh} #FLOW[data-page="posdsh"] .navbar-fixed-bottom .btn4{min-width:68px} #FLOW[data-page="posls"] .row>.col-lg-2{float:left;width:33.3333%} #FLOW[data-page="posls"] .row>.col-lg-3{float:left;width:50%} #FLOW[data-page="posls"] .row>.col-lg-4{float:left;width:50%} #FLOW[data-page="posls"] .row>.col-lg-5{float:left;width:50%} #FLOW[data-page="posls"] .row>.col-lg-6, #FLOW[data-page="posls"] .row>.col-lg-7, #FLOW[data-page="posls"] .row>.col-lg-8, #FLOW[data-page="posls"] .row>.col-lg-9, #FLOW[data-page="posls"] .row>.col-lg-10, #FLOW[data-page="posls"] .row>.col-lg-11, #FLOW[data-page="posls"] .row>.col-lg-12{float:left;width:100%} #FLOW[data-page="posls"] .form-control, #FLOW[data-page="posls"] .btn{min-height:44px} #FLOW[data-page="posls"] .input-group-addon{min-height:44px;height:auto} #FLOW[data-page="posls"] .div-table-content{max-height:46vh} #FLOW[data-page="posls"] .navbar-fixed-bottom .btn4{min-width:68px} } @media (min-width:768px){ #FLOW[data-page="pos"] .navbar-fixed-bottom .navbar-collapse{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px} #FLOW[data-page="pos2"] .navbar-fixed-bottom .navbar-collapse{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px} #FLOW[data-page="posanl"] .navbar-fixed-bottom .navbar-collapse{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px} #FLOW[data-page="posanl-new"] .navbar-fixed-bottom .navbar-collapse{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px} #FLOW[data-page="flow_pos"] .navbar-fixed-bottom .navbar-collapse{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px} #FLOW[data-page="posgrp"] .navbar-fixed-bottom .navbar-collapse{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px} #FLOW[data-page="poscrd"] .navbar-fixed-bottom .navbar-collapse{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px} #FLOW[data-page="pospst"] .navbar-fixed-bottom .navbar-collapse{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px} #FLOW[data-page="posglp"] .navbar-fixed-bottom .navbar-collapse{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px} #FLOW[data-page="cusinv"] .navbar-fixed-bottom .navbar-collapse{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px} #FLOW[data-page="posapv"] .navbar-fixed-bottom .navbar-collapse{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px} #FLOW[data-page="posdsh"] .navbar-fixed-bottom .navbar-collapse{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px} #FLOW[data-page="posls"] .navbar-fixed-bottom .navbar-collapse{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px} } @media (max-width:767px){ #FLOW[data-page="pos"] .row>[class*="col-lg-"]{float:none;width:100%} #FLOW[data-page="pos"] .panel-default>.panel-body{padding:12px} #FLOW[data-page="pos"] .navbar-fixed-bottom .input-group[style]{width:100%!important;margin-left:0!important} #FLOW[data-page="pos"] .navbar-fixed-bottom .navbar-collapse.in{display:flex;flex-wrap:wrap;gap:4px;max-height:46vh;overflow-y:auto} #FLOW[data-page="pos"] .modal-dialog{margin:10px} #FLOW[data-page="pos2"] .row>[class*="col-lg-"]{float:none;width:100%} #FLOW[data-page="pos2"] .panel-default>.panel-body{padding:12px} #FLOW[data-page="pos2"] .navbar-fixed-bottom .input-group[style]{width:100%!important;margin-left:0!important} #FLOW[data-page="pos2"] .navbar-fixed-bottom .navbar-collapse.in{display:flex;flex-wrap:wrap;gap:4px;max-height:46vh;overflow-y:auto} #FLOW[data-page="pos2"] .modal-dialog{margin:10px} #FLOW[data-page="posanl"] .row>[class*="col-lg-"]{float:none;width:100%} #FLOW[data-page="posanl"] .panel-default>.panel-body{padding:12px} #FLOW[data-page="posanl"] .navbar-fixed-bottom .input-group[style]{width:100%!important;margin-left:0!important} #FLOW[data-page="posanl"] .navbar-fixed-bottom .navbar-collapse.in{display:flex;flex-wrap:wrap;gap:4px;max-height:46vh;overflow-y:auto} #FLOW[data-page="posanl"] .modal-dialog{margin:10px} #FLOW[data-page="posanl-new"] .row>[class*="col-lg-"]{float:none;width:100%} #FLOW[data-page="posanl-new"] .panel-default>.panel-body{padding:12px} #FLOW[data-page="posanl-new"] .navbar-fixed-bottom .input-group[style]{width:100%!important;margin-left:0!important} #FLOW[data-page="posanl-new"] .navbar-fixed-bottom .navbar-collapse.in{display:flex;flex-wrap:wrap;gap:4px;max-height:46vh;overflow-y:auto} #FLOW[data-page="posanl-new"] .modal-dialog{margin:10px} #FLOW[data-page="flow_pos"] .row>[class*="col-lg-"]{float:none;width:100%} #FLOW[data-page="flow_pos"] .panel-default>.panel-body{padding:12px} #FLOW[data-page="flow_pos"] .navbar-fixed-bottom .input-group[style]{width:100%!important;margin-left:0!important} #FLOW[data-page="flow_pos"] .navbar-fixed-bottom .navbar-collapse.in{display:flex;flex-wrap:wrap;gap:4px;max-height:46vh;overflow-y:auto} #FLOW[data-page="flow_pos"] .modal-dialog{margin:10px} #FLOW[data-page="posgrp"] .row>[class*="col-lg-"]{float:none;width:100%} #FLOW[data-page="posgrp"] .panel-default>.panel-body{padding:12px} #FLOW[data-page="posgrp"] .navbar-fixed-bottom .input-group[style]{width:100%!important;margin-left:0!important} #FLOW[data-page="posgrp"] .navbar-fixed-bottom .navbar-collapse.in{display:flex;flex-wrap:wrap;gap:4px;max-height:46vh;overflow-y:auto} #FLOW[data-page="posgrp"] .modal-dialog{margin:10px} #FLOW[data-page="poscrd"] .row>[class*="col-lg-"]{float:none;width:100%} #FLOW[data-page="poscrd"] .panel-default>.panel-body{padding:12px} #FLOW[data-page="poscrd"] .navbar-fixed-bottom .input-group[style]{width:100%!important;margin-left:0!important} #FLOW[data-page="poscrd"] .navbar-fixed-bottom .navbar-collapse.in{display:flex;flex-wrap:wrap;gap:4px;max-height:46vh;overflow-y:auto} #FLOW[data-page="poscrd"] .modal-dialog{margin:10px} #FLOW[data-page="pospst"] .row>[class*="col-lg-"]{float:none;width:100%} #FLOW[data-page="pospst"] .panel-default>.panel-body{padding:12px} #FLOW[data-page="pospst"] .navbar-fixed-bottom .input-group[style]{width:100%!important;margin-left:0!important} #FLOW[data-page="pospst"] .navbar-fixed-bottom .navbar-collapse.in{display:flex;flex-wrap:wrap;gap:4px;max-height:46vh;overflow-y:auto} #FLOW[data-page="pospst"] .modal-dialog{margin:10px} #FLOW[data-page="posglp"] .row>[class*="col-lg-"]{float:none;width:100%} #FLOW[data-page="posglp"] .panel-default>.panel-body{padding:12px} #FLOW[data-page="posglp"] .navbar-fixed-bottom .input-group[style]{width:100%!important;margin-left:0!important} #FLOW[data-page="posglp"] .navbar-fixed-bottom .navbar-collapse.in{display:flex;flex-wrap:wrap;gap:4px;max-height:46vh;overflow-y:auto} #FLOW[data-page="posglp"] .modal-dialog{margin:10px} #FLOW[data-page="cusinv"] .row>[class*="col-lg-"]{float:none;width:100%} #FLOW[data-page="cusinv"] .panel-default>.panel-body{padding:12px} #FLOW[data-page="cusinv"] .navbar-fixed-bottom .input-group[style]{width:100%!important;margin-left:0!important} #FLOW[data-page="cusinv"] .navbar-fixed-bottom .navbar-collapse.in{display:flex;flex-wrap:wrap;gap:4px;max-height:46vh;overflow-y:auto} #FLOW[data-page="cusinv"] .modal-dialog{margin:10px} #FLOW[data-page="posapv"] .row>[class*="col-lg-"]{float:none;width:100%} #FLOW[data-page="posapv"] .panel-default>.panel-body{padding:12px} #FLOW[data-page="posapv"] .navbar-fixed-bottom .input-group[style]{width:100%!important;margin-left:0!important} #FLOW[data-page="posapv"] .navbar-fixed-bottom .navbar-collapse.in{display:flex;flex-wrap:wrap;gap:4px;max-height:46vh;overflow-y:auto} #FLOW[data-page="posapv"] .modal-dialog{margin:10px} #FLOW[data-page="posdsh"] .row>[class*="col-lg-"]{float:none;width:100%} #FLOW[data-page="posdsh"] .panel-default>.panel-body{padding:12px} #FLOW[data-page="posdsh"] .navbar-fixed-bottom .input-group[style]{width:100%!important;margin-left:0!important} #FLOW[data-page="posdsh"] .navbar-fixed-bottom .navbar-collapse.in{display:flex;flex-wrap:wrap;gap:4px;max-height:46vh;overflow-y:auto} #FLOW[data-page="posdsh"] .modal-dialog{margin:10px} #FLOW[data-page="posls"] .row>[class*="col-lg-"]{float:none;width:100%} #FLOW[data-page="posls"] .panel-default>.panel-body{padding:12px} #FLOW[data-page="posls"] .navbar-fixed-bottom .input-group[style]{width:100%!important;margin-left:0!important} #FLOW[data-page="posls"] .navbar-fixed-bottom .navbar-collapse.in{display:flex;flex-wrap:wrap;gap:4px;max-height:46vh;overflow-y:auto} #FLOW[data-page="posls"] .modal-dialog{margin:10px} } @media (pointer:coarse){ #FLOW[data-page="pos"] .form-control, #FLOW[data-page="pos"] .btn{min-height:44px} #FLOW[data-page="pos2"] .form-control, #FLOW[data-page="pos2"] .btn{min-height:44px} #FLOW[data-page="posanl"] .form-control, #FLOW[data-page="posanl"] .btn{min-height:44px} #FLOW[data-page="posanl-new"] .form-control, #FLOW[data-page="posanl-new"] .btn{min-height:44px} #FLOW[data-page="flow_pos"] .form-control, #FLOW[data-page="flow_pos"] .btn{min-height:44px} #FLOW[data-page="posgrp"] .form-control, #FLOW[data-page="posgrp"] .btn{min-height:44px} #FLOW[data-page="poscrd"] .form-control, #FLOW[data-page="poscrd"] .btn{min-height:44px} #FLOW[data-page="pospst"] .form-control, #FLOW[data-page="pospst"] .btn{min-height:44px} #FLOW[data-page="posglp"] .form-control, #FLOW[data-page="posglp"] .btn{min-height:44px} #FLOW[data-page="cusinv"] .form-control, #FLOW[data-page="cusinv"] .btn{min-height:44px} #FLOW[data-page="posapv"] .form-control, #FLOW[data-page="posapv"] .btn{min-height:44px} #FLOW[data-page="posdsh"] .form-control, #FLOW[data-page="posdsh"] .btn{min-height:44px} #FLOW[data-page="posls"] .form-control, #FLOW[data-page="posls"] .btn{min-height:44px} } #FLOW .example{background-color:var(--sheet-2)!important;border:1px solid var(--line);border-radius:var(--r-md);color:var(--text);min-height:0} #FLOW .example h4,#FLOW .example h4 .glyphicon,#FLOW .example legend{color:var(--text)} @media (max-width:767px){#FLOW .example{padding:14px}} html[data-mode="dark"] #FLOW .tree2,html[data-mode="dark"] #FLOW .tree3{background:var(--sheet-2)!important;border-color:var(--line-strong)!important;color:var(--text)} html[data-mode="dark"] #FLOW .tree2 li::before,html[data-mode="dark"] #FLOW .tree2 li::after,html[data-mode="dark"] #FLOW .tree3 li::before,html[data-mode="dark"] #FLOW .tree3 li::after{border-color:var(--line-strong)!important} html[data-mode="dark"] #FLOW .tree2 li span,html[data-mode="dark"] #FLOW .tree3 li span{border-color:var(--line-strong)!important;background:var(--sheet);color:var(--text)} html[data-mode="dark"] #FLOW .gray,html[data-mode="dark"] #FLOW tr.gray>th,html[data-mode="dark"] #FLOW tr.gray>td{background:var(--sheet-2)!important;color:var(--text);border-color:var(--line)} #MUICNF .modal-dialog{width:min(400px,calc(100vw - 32px));margin:18vh auto 0} #MUICNF .modal-content{padding:0;border:1px solid var(--line);overflow:hidden} #MUICNF .mui-dhd{display:flex;gap:12px;padding:18px 18px 4px;align-items:flex-start} #MUICNF .mui-dico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--warn-soft);color:var(--warn-text)} #MUICNF .mui-dico svg{width:20px;height:20px} #MUICNF.mui-k-d .mui-dico{background:var(--danger-soft);color:var(--danger-text)} #MUICNF .mui-dtt{margin:0;font-size:15px;font-weight:600;color:var(--text)} #MUICNF .mui-dmsg{margin:2px 0 0;color:var(--muted);font-size:13px;white-space:pre-line} #MUICNF .mui-dft{display:flex;gap:8px;justify-content:flex-end;padding:16px 18px 18px} #MUICNF .mui-dft .btn{min-height:40px;height:auto;border-radius:999px;padding:0 20px;min-width:84px} html[dir="rtl"] #MUICNF .mui-dft{justify-content:flex-start} #FLOW .form-control[readonly],#FLOW .form-control[disabled],#FLOW fieldset[disabled] .form-control,#FLOW input[readonly],#FLOW input[disabled],#FLOW textarea[readonly],#FLOW textarea[disabled],#FLOW select[disabled]{background-color:var(--sheet-2)!important;color:var(--text)!important;-webkit-text-fill-color:var(--text);opacity:1;cursor:default} #FLOW .form-control[disabled],#FLOW input[disabled],#FLOW select[disabled],#FLOW textarea[disabled]{border-style:dashed;cursor:not-allowed} #FLOW .input-group-addon[disabled]{opacity:1} #MUIPRM .modal-dialog{width:min(420px,calc(100vw - 32px));margin:18vh auto 0} #MUIPRM .modal-content{padding:0;border:1px solid var(--line);overflow:hidden} #MUIPRM .mui-dhd{display:flex;gap:12px;padding:18px 18px 4px;align-items:flex-start} #MUIPRM .mui-dico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--accent-soft);color:var(--accent-text)} #MUIPRM .mui-dico svg{width:20px;height:20px} #MUIPRM .mui-dtt{margin:0;font-size:15px;font-weight:600;color:var(--text)} #MUIPRM .mui-dmsg{margin:2px 0 0;color:var(--muted);font-size:13px;white-space:pre-line} #MUIPRM .mui-dinp{padding:10px 18px 0} #MUIPRM .mui-dinp .form-control{height:44px;border-radius:var(--r-sm)} #MUIPRM .mui-dft{display:flex;gap:8px;justify-content:flex-end;padding:16px 18px 18px} #MUIPRM .mui-dft .btn{min-height:40px;height:auto;border-radius:999px;padding:0 20px;min-width:84px} html[dir="rtl"] #MUIPRM .mui-dft{justify-content:flex-start} html[data-mode="dark"] .btn-danger,html[data-mode="dark"] #FLOW .btn-danger{color:#1a0706} html[data-mode="dark"] .btn-danger:hover,html[data-mode="dark"] #FLOW .btn-danger:hover{color:#1a0706;background:#ff9a95;border-color:#ff9a95} #MUICNF.modal,#MUIPRM.modal{background:rgba(2,6,23,.5)} html[data-mode="dark"] #MUICNF.modal,html[data-mode="dark"] #MUIPRM.modal{background:rgba(0,0,0,.6)} #FLOW table.dataTable,#FLOW table.dataTable.no-footer,#FLOW table.table.dataTable{background-color:var(--sheet)!important} #FLOW table.dataTable.table-striped>tbody>tr:nth-of-type(odd)>td{background-color:var(--sheet-2)} #FLOW .panel,#FLOW .panel-default,#FLOW .panel-info,#FLOW .panel-primary,#FLOW .panel-success,#FLOW .panel-warning,#FLOW .panel-danger{background-color:var(--sheet);color:var(--text);border-color:var(--line)} #FLOW .panel-body{color:var(--text)} #FLOW .panel-info{background-color:transparent} #FLOW .well,#FLOW .jumbotron{background-color:var(--sheet-2);border-color:var(--line);color:var(--text)} #FLOW .modal-content{background-color:var(--sheet);color:var(--text)} #FLOW .dropdown-menu{background-color:var(--sheet);color:var(--text)} #FLOW .list-group-item{background-color:var(--sheet);color:var(--text)} #FLOW .thumbnail,#FLOW .media{background-color:transparent;color:var(--text)} #FLOW .nav-tabs>li>a{color:var(--muted)} #FLOW .nav-tabs>li.active>a,#FLOW .nav-tabs>li.active>a:hover,#FLOW .nav-tabs>li.active>a:focus{background-color:transparent;color:var(--accent-text)} #FLOW .tab-content{color:var(--text)} #FLOW .text-muted{color:var(--muted)} #FLOW hr{border-top-color:var(--line)} #FLOW .table>thead>tr>th,#FLOW .table>tbody>tr>td,#FLOW .table>tbody>tr>th{border-color:var(--line)} html[data-mode="dark"] #FLOW .btn-warning{color:#1f1300} html[data-mode="dark"] #FLOW .btn-info:not(.btn-sm):not(.btn4){color:var(--text)} html[data-mode="dark"] #FLOW .ribbed-yellow,html[data-mode="dark"] #FLOW .ribbed-orange{color:#1f1300!important} #FLOW .form-control{border-color:var(--line-strong);color:var(--text);background-color:var(--sheet)} #FLOW .form-control::placeholder{color:var(--muted);opacity:.8} #FLOW .btn-default{background-color:var(--sheet);border-color:var(--line-strong);color:var(--text)} #FLOW label,#FLOW .control-label{color:var(--muted)} #FLOW .table{background-color:transparent;color:var(--text)} #FLOW table.table-bordered,#FLOW .table-bordered>thead>tr>th,#FLOW .table-bordered>tbody>tr>td{border-color:var(--line)} html[data-mode="dark"] #FLOW [style*="background:#e7e7e7"], html[data-mode="dark"] #FLOW [style*="background: #e7e7e7"], html[data-mode="dark"] #FLOW [style*="background-color:#e7e7e7"], html[data-mode="dark"] #FLOW [style*="background-color: #e7e7e7"], html[data-mode="dark"] #FLOW [style*="background:#fafdff"], html[data-mode="dark"] #FLOW [style*="background: #fafdff"], html[data-mode="dark"] #FLOW [style*="background-color:#fafdff"], html[data-mode="dark"] #FLOW [style*="background-color: #fafdff"], html[data-mode="dark"] #FLOW [style*="background:#f9f6f6"], html[data-mode="dark"] #FLOW [style*="background: #f9f6f6"], html[data-mode="dark"] #FLOW [style*="background-color:#f9f6f6"], html[data-mode="dark"] #FLOW [style*="background-color: #f9f6f6"], html[data-mode="dark"] #FLOW [style*="background:#f8f8f8"], html[data-mode="dark"] #FLOW [style*="background: #f8f8f8"], html[data-mode="dark"] #FLOW [style*="background-color:#f8f8f8"], html[data-mode="dark"] #FLOW [style*="background-color: #f8f8f8"], html[data-mode="dark"] #FLOW [style*="background:#f7f7f7"], html[data-mode="dark"] #FLOW [style*="background: #f7f7f7"], html[data-mode="dark"] #FLOW [style*="background-color:#f7f7f7"], html[data-mode="dark"] #FLOW [style*="background-color: #f7f7f7"], html[data-mode="dark"] #FLOW [style*="background:#fcfcfc"], html[data-mode="dark"] #FLOW [style*="background: #fcfcfc"], html[data-mode="dark"] #FLOW [style*="background-color:#fcfcfc"], html[data-mode="dark"] #FLOW [style*="background-color: #fcfcfc"], html[data-mode="dark"] #FLOW [style*="background:#ddd"], html[data-mode="dark"] #FLOW [style*="background: #ddd"], html[data-mode="dark"] #FLOW [style*="background-color:#ddd"], html[data-mode="dark"] #FLOW [style*="background-color: #ddd"], html[data-mode="dark"] #FLOW [style*="background:#dddddd"], html[data-mode="dark"] #FLOW [style*="background: #dddddd"], html[data-mode="dark"] #FLOW [style*="background-color:#dddddd"], html[data-mode="dark"] #FLOW [style*="background-color: #dddddd"], html[data-mode="dark"] #FLOW [style*="background:#e9ecef"], html[data-mode="dark"] #FLOW [style*="background: #e9ecef"], html[data-mode="dark"] #FLOW [style*="background-color:#e9ecef"], html[data-mode="dark"] #FLOW [style*="background-color: #e9ecef"], html[data-mode="dark"] #FLOW [style*="background:#f2f2f2"], html[data-mode="dark"] #FLOW [style*="background: #f2f2f2"], html[data-mode="dark"] #FLOW [style*="background-color:#f2f2f2"], html[data-mode="dark"] #FLOW [style*="background-color: #f2f2f2"], html[data-mode="dark"] #FLOW [style*="background:#fdfdfd"], html[data-mode="dark"] #FLOW [style*="background: #fdfdfd"], html[data-mode="dark"] #FLOW [style*="background-color:#fdfdfd"], html[data-mode="dark"] #FLOW [style*="background-color: #fdfdfd"], html[data-mode="dark"] #FLOW [style*="background:#f0f0f0"], html[data-mode="dark"] #FLOW [style*="background: #f0f0f0"], html[data-mode="dark"] #FLOW [style*="background-color:#f0f0f0"], html[data-mode="dark"] #FLOW [style*="background-color: #f0f0f0"], html[data-mode="dark"] #FLOW [style*="background:#e6e6e6"], html[data-mode="dark"] #FLOW [style*="background: #e6e6e6"], html[data-mode="dark"] #FLOW [style*="background-color:#e6e6e6"], html[data-mode="dark"] #FLOW [style*="background-color: #e6e6e6"], html[data-mode="dark"] #FLOW [style*="background:#eeeeee"], html[data-mode="dark"] #FLOW [style*="background: #eeeeee"], html[data-mode="dark"] #FLOW [style*="background-color:#eeeeee"], html[data-mode="dark"] #FLOW [style*="background-color: #eeeeee"], html[data-mode="dark"] #FLOW [style*="background:#efefef"], html[data-mode="dark"] #FLOW [style*="background: #efefef"], html[data-mode="dark"] #FLOW [style*="background-color:#efefef"], html[data-mode="dark"] #FLOW [style*="background-color: #efefef"], html[data-mode="dark"] #FLOW [style*="background:#f3f3f3"], html[data-mode="dark"] #FLOW [style*="background: #f3f3f3"], html[data-mode="dark"] #FLOW [style*="background-color:#f3f3f3"], html[data-mode="dark"] #FLOW [style*="background-color: #f3f3f3"], html[data-mode="dark"] #FLOW [style*="background:#f5f5f5"], html[data-mode="dark"] #FLOW [style*="background: #f5f5f5"], html[data-mode="dark"] #FLOW [style*="background-color:#f5f5f5"], html[data-mode="dark"] #FLOW [style*="background-color: #f5f5f5"], html[data-mode="dark"] #FLOW [style*="background:#ededed"], html[data-mode="dark"] #FLOW [style*="background: #ededed"], html[data-mode="dark"] #FLOW [style*="background-color:#ededed"], html[data-mode="dark"] #FLOW [style*="background-color: #ededed"], html[data-mode="dark"] #FLOW [style*="background:#ebebeb"], html[data-mode="dark"] #FLOW [style*="background: #ebebeb"], html[data-mode="dark"] #FLOW [style*="background-color:#ebebeb"], html[data-mode="dark"] #FLOW [style*="background-color: #ebebeb"], html[data-mode="dark"] #FLOW [style*="background:#e3e3e3"], html[data-mode="dark"] #FLOW [style*="background: #e3e3e3"], html[data-mode="dark"] #FLOW [style*="background-color:#e3e3e3"], html[data-mode="dark"] #FLOW [style*="background-color: #e3e3e3"], html[data-mode="dark"] #FLOW [style*="background:#fff9fb"], html[data-mode="dark"] #FLOW [style*="background: #fff9fb"], html[data-mode="dark"] #FLOW [style*="background-color:#fff9fb"], html[data-mode="dark"] #FLOW [style*="background-color: #fff9fb"], html[data-mode="dark"] #FLOW [style*="background:#fffdf5"], html[data-mode="dark"] #FLOW [style*="background: #fffdf5"], html[data-mode="dark"] #FLOW [style*="background-color:#fffdf5"], html[data-mode="dark"] #FLOW [style*="background-color: #fffdf5"], html[data-mode="dark"] #FLOW [style*="background:#fefefe"], html[data-mode="dark"] #FLOW [style*="background: #fefefe"], html[data-mode="dark"] #FLOW [style*="background-color:#fefefe"], html[data-mode="dark"] #FLOW [style*="background-color: #fefefe"], html[data-mode="dark"] #FLOW [style*="background:#fff7e6"], html[data-mode="dark"] #FLOW [style*="background: #fff7e6"], html[data-mode="dark"] #FLOW [style*="background-color:#fff7e6"], html[data-mode="dark"] #FLOW [style*="background-color: #fff7e6"], html[data-mode="dark"] #FLOW [style*="background:#f0f8ff"], html[data-mode="dark"] #FLOW [style*="background: #f0f8ff"], html[data-mode="dark"] #FLOW [style*="background-color:#f0f8ff"], html[data-mode="dark"] #FLOW [style*="background-color: #f0f8ff"], html[data-mode="dark"] #FLOW [style*="background:#eaf4ff"], html[data-mode="dark"] #FLOW [style*="background: #eaf4ff"], html[data-mode="dark"] #FLOW [style*="background-color:#eaf4ff"], html[data-mode="dark"] #FLOW [style*="background-color: #eaf4ff"], html[data-mode="dark"] #FLOW [style*="background:#e8f0fe"], html[data-mode="dark"] #FLOW [style*="background: #e8f0fe"], html[data-mode="dark"] #FLOW [style*="background-color:#e8f0fe"], html[data-mode="dark"] #FLOW [style*="background-color: #e8f0fe"], html[data-mode="dark"] #FLOW [style*="background:#d9edf7"], html[data-mode="dark"] #FLOW [style*="background: #d9edf7"], html[data-mode="dark"] #FLOW [style*="background-color:#d9edf7"], html[data-mode="dark"] #FLOW [style*="background-color: #d9edf7"], html[data-mode="dark"] #FLOW [style*="background:#dff0d8"], html[data-mode="dark"] #FLOW [style*="background: #dff0d8"], html[data-mode="dark"] #FLOW [style*="background-color:#dff0d8"], html[data-mode="dark"] #FLOW [style*="background-color: #dff0d8"], html[data-mode="dark"] #FLOW [style*="background:#fcf8e3"], html[data-mode="dark"] #FLOW [style*="background: #fcf8e3"], html[data-mode="dark"] #FLOW [style*="background-color:#fcf8e3"], html[data-mode="dark"] #FLOW [style*="background-color: #fcf8e3"], html[data-mode="dark"] #FLOW [style*="background:#f2dede"], html[data-mode="dark"] #FLOW [style*="background: #f2dede"], html[data-mode="dark"] #FLOW [style*="background-color:#f2dede"], html[data-mode="dark"] #FLOW [style*="background-color: #f2dede"], html[data-mode="dark"] #FLOW [style*="background:ivory"], html[data-mode="dark"] #FLOW [style*="background: ivory"], html[data-mode="dark"] #FLOW [style*="background-color:ivory"], html[data-mode="dark"] #FLOW [style*="background-color: ivory"], html[data-mode="dark"] #FLOW [style*="background:whitesmoke"], html[data-mode="dark"] #FLOW [style*="background: whitesmoke"], html[data-mode="dark"] #FLOW [style*="background-color:whitesmoke"], html[data-mode="dark"] #FLOW [style*="background-color: whitesmoke"], html[data-mode="dark"] #FLOW [style*="background:lightgray"], html[data-mode="dark"] #FLOW [style*="background: lightgray"], html[data-mode="dark"] #FLOW [style*="background-color:lightgray"], html[data-mode="dark"] #FLOW [style*="background-color: lightgray"], html[data-mode="dark"] #FLOW [style*="background:lightgrey"], html[data-mode="dark"] #FLOW [style*="background: lightgrey"], html[data-mode="dark"] #FLOW [style*="background-color:lightgrey"], html[data-mode="dark"] #FLOW [style*="background-color: lightgrey"], html[data-mode="dark"] #FLOW [style*="background:gainsboro"], html[data-mode="dark"] #FLOW [style*="background: gainsboro"], html[data-mode="dark"] #FLOW [style*="background-color:gainsboro"], html[data-mode="dark"] #FLOW [style*="background-color: gainsboro"], html[data-mode="dark"] #FLOW [style*="background:#c8e4f8"], html[data-mode="dark"] #FLOW [style*="background: #c8e4f8"], html[data-mode="dark"] #FLOW [style*="background-color:#c8e4f8"], html[data-mode="dark"] #FLOW [style*="background-color: #c8e4f8"], html[data-mode="dark"] #FLOW [style*="background:#cfe2ff"], html[data-mode="dark"] #FLOW [style*="background: #cfe2ff"], html[data-mode="dark"] #FLOW [style*="background-color:#cfe2ff"], html[data-mode="dark"] #FLOW [style*="background-color: #cfe2ff"], html[data-mode="dark"] #FLOW [style*="background:#e7f3ff"], html[data-mode="dark"] #FLOW [style*="background: #e7f3ff"], html[data-mode="dark"] #FLOW [style*="background-color:#e7f3ff"], html[data-mode="dark"] #FLOW [style*="background-color: #e7f3ff"]{background:var(--sheet-2)!important;color:var(--text)} html[data-mode="dark"] #FLOW .column, html[data-mode="dark"] #FLOW .chart-container, html[data-mode="dark"] #FLOW #chart-container, html[data-mode="dark"] #FLOW #chart-container2, html[data-mode="dark"] #FLOW .well1, html[data-mode="dark"] #FLOW .well2, html[data-mode="dark"] #FLOW .tree2, html[data-mode="dark"] #FLOW .example, html[data-mode="dark"] #FLOW .box, html[data-mode="dark"] #FLOW .card, html[data-mode="dark"] #FLOW .widget, html[data-mode="dark"] #FLOW .kpi, html[data-mode="dark"] #FLOW .kanban, html[data-mode="dark"] #FLOW .board, html[data-mode="dark"] #FLOW .lane{background-color:var(--sheet-2)!important;color:var(--text);border-color:var(--line)} html[data-mode="dark"] #FLOW [style*="color:#555"], html[data-mode="dark"] #FLOW [style*="color: #555"], html[data-mode="dark"] #FLOW [style*="color:#444"], html[data-mode="dark"] #FLOW [style*="color: #444"], html[data-mode="dark"] #FLOW [style*="color:#222"], html[data-mode="dark"] #FLOW [style*="color: #222"], html[data-mode="dark"] #FLOW [style*="color:#111"], html[data-mode="dark"] #FLOW [style*="color: #111"], html[data-mode="dark"] #FLOW [style*="color:#1a1a1a"], html[data-mode="dark"] #FLOW [style*="color: #1a1a1a"], html[data-mode="dark"] #FLOW [style*="color:#212529"], html[data-mode="dark"] #FLOW [style*="color: #212529"], html[data-mode="dark"] #FLOW [style*="color:#2c3e50"], html[data-mode="dark"] #FLOW [style*="color: #2c3e50"], html[data-mode="dark"] #FLOW [style*="color:#333333"], html[data-mode="dark"] #FLOW [style*="color: #333333"], html[data-mode="dark"] #FLOW [style*="color:#666666"], html[data-mode="dark"] #FLOW [style*="color: #666666"], html[data-mode="dark"] #FLOW [style*="color:#777777"], html[data-mode="dark"] #FLOW [style*="color: #777777"], html[data-mode="dark"] #FLOW [style*="color:#888"], html[data-mode="dark"] #FLOW [style*="color: #888"]{color:var(--text)!important} html[data-mode="dark"] #FLOW tr.info>th,html[data-mode="dark"] #FLOW tr.info>td,html[data-mode="dark"] #FLOW td.info,html[data-mode="dark"] #FLOW th.info,html[data-mode="dark"] #FLOW .table>tbody>tr.info>td,html[data-mode="dark"] #FLOW .table>tfoot>tr.info>th,html[data-mode="dark"] #FLOW .table>thead>tr.info>th{background-color:var(--info-soft)!important;color:var(--text)} html[data-mode="dark"] #FLOW tr.success>th,html[data-mode="dark"] #FLOW tr.success>td,html[data-mode="dark"] #FLOW td.success,html[data-mode="dark"] #FLOW th.success,html[data-mode="dark"] #FLOW .table>tbody>tr.success>td,html[data-mode="dark"] #FLOW .table>tfoot>tr.success>th,html[data-mode="dark"] #FLOW .table>thead>tr.success>th{background-color:var(--ok-soft)!important;color:var(--text)} html[data-mode="dark"] #FLOW tr.warning>th,html[data-mode="dark"] #FLOW tr.warning>td,html[data-mode="dark"] #FLOW td.warning,html[data-mode="dark"] #FLOW th.warning,html[data-mode="dark"] #FLOW .table>tbody>tr.warning>td,html[data-mode="dark"] #FLOW .table>tfoot>tr.warning>th,html[data-mode="dark"] #FLOW .table>thead>tr.warning>th{background-color:var(--warn-soft)!important;color:var(--text)} html[data-mode="dark"] #FLOW tr.danger>th,html[data-mode="dark"] #FLOW tr.danger>td,html[data-mode="dark"] #FLOW td.danger,html[data-mode="dark"] #FLOW th.danger,html[data-mode="dark"] #FLOW .table>tbody>tr.danger>td,html[data-mode="dark"] #FLOW .table>tfoot>tr.danger>th,html[data-mode="dark"] #FLOW .table>thead>tr.danger>th{background-color:var(--danger-soft)!important;color:var(--text)} html[data-mode="dark"] #FLOW tr.active>th,html[data-mode="dark"] #FLOW tr.active>td,html[data-mode="dark"] #FLOW td.active,html[data-mode="dark"] #FLOW th.active,html[data-mode="dark"] #FLOW .table>tbody>tr.active>td,html[data-mode="dark"] #FLOW .table>tfoot>tr.active>th,html[data-mode="dark"] #FLOW .table>thead>tr.active>th{background-color:var(--accent-soft)!important;color:var(--text)} #FLOW .btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate} #FLOW .btn-group-justified>.btn,#FLOW .btn-group-justified>.btn-group{display:table-cell;float:none;width:1%;text-align:center;vertical-align:middle} #FLOW .btn-group-justified>.btn-group>.btn{display:block;width:100%} #FLOW .btn-group-justified>.btn:only-of-type{border-radius:999px} #FLOW .btn label,#FLOW button label,#FLOW a.btn label{color:inherit;margin:0;font-size:inherit;font-weight:inherit;cursor:pointer} #FLOW table:not([class]):not([id^=ui-]),#FLOW table[class=""]{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--r-md);font-size:13px;color:var(--text)} #FLOW table:not([class]) th,#FLOW table[class=""] th{background:var(--sheet-2);color:var(--muted);font-weight:600;font-size:12px;text-align:start;padding:10px 12px;border-bottom:1px solid var(--line-strong)} #FLOW table:not([class]) td,#FLOW table[class=""] td{padding:9px 12px;border-bottom:1px solid var(--line);color:var(--text)} #FLOW table:not([class]) tr:hover>td{background:var(--accent-soft)} #FLOW .panel-body>.row:only-child table,#FLOW .panel-body table{color:var(--text)} html[data-mode="dark"] #FLOW .panel-body{background-color:var(--sheet)!important;color:var(--text)} html[data-mode="dark"] #FLOW .tfoot,html[data-mode="dark"] #FLOW tfoot>tr>th,html[data-mode="dark"] #FLOW tfoot>tr>td{background-color:var(--sheet-2)!important;color:var(--text)} html[data-mode="dark"] #FLOW th.text-right,html[data-mode="dark"] #FLOW th.text-center,html[data-mode="dark"] #FLOW th[id],html[data-mode="dark"] #FLOW tfoot th,html[data-mode="dark"] #FLOW tfoot td{background-color:var(--sheet-2)!important;color:var(--text)!important} html[data-mode="dark"] #FLOW .column{background-color:var(--sheet-2)!important;border-color:var(--line-strong)!important;color:var(--text)} html[data-mode="dark"] #FLOW .column.won{background-color:var(--ok-soft)!important;color:var(--ok)} html[data-mode="dark"] #FLOW .input-group-addon{background-color:var(--sheet-2)!important;color:var(--muted)!important} html[data-mode="dark"] #FLOW .chart-container,html[data-mode="dark"] #FLOW #chart-container,html[data-mode="dark"] #FLOW #chart-container2,html[data-mode="dark"] #FLOW .orgchart{background-color:var(--sheet-2)!important;color:var(--text)} html[data-mode="dark"] #FLOW .well1,html[data-mode="dark"] #FLOW .well2,html[data-mode="dark"] #FLOW .row.well1{background-color:var(--sheet-2)!important;color:var(--text)!important;border-color:var(--line)!important} html[data-mode="dark"] #FLOW .panel-body label{color:var(--muted)} html[data-mode="dark"] #FLOW .btn[class*="ribbed-"]{color:#0b1218!important} html[data-mode="dark"] #FLOW #CMDSND{color:#fff!important} #FLOW #CMDSND{background-image:none!important;background-color:var(--danger)!important;border-color:var(--danger)!important;color:#fff} html[data-mode="dark"] #FLOW #CMDSND{color:#1a0706!important} @media (max-width:767px){#FLOW[data-page="itmprc"] .row>[class*="col-"],#FLOW[data-page="itmcod"] .row>[class*="col-"]{float:none;width:100%}#FLOW[data-page="itmprc"] table,#FLOW[data-page="itmcod"] table{max-width:100%}#FLOW[data-page="itmprc"],#FLOW[data-page="itmcod"]{overflow-x:auto}} #FLOW .dataTables_scrollBody>table.dataTable,#FLOW .dataTables_scrollBody>table,#FLOW .dataTables_scrollHeadInner>table,#FLOW .dataTables_scrollFootInner>table{margin-left:0!important;margin-right:0!important} #FLOW .dataTables_scrollHeadInner{max-width:100%} @media print{ #LFT-MNU,#header,#RECENT,#MUIBAR{display:none!important} body>.container-fluid{margin-top:0!important;padding:0} #FLW-COL{margin:0!important} #FLOW{box-shadow:none;border-radius:0;padding:0;background:#fff;color:#000} } @media (prefers-reduced-motion:reduce){*{transition:none!important}#FLOW.mui-loading::after,#FRGLOAD i,#FLOW th.mui-loadcell::before{animation:none!important}} #FRGLOAD{display:none;position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:5000;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#1c2b33;font-size:15px;font-weight:600} #FRGLOAD.on{display:flex} #FRGLOAD i{position:relative;top:auto;left:auto;margin-left:0;display:block} #FRGMODAL .modal-dialog.mui-login,#FRGPASS .modal-dialog.mui-login{width:min(380px,calc(100vw - 32px));margin:12vh auto 0} #FRGMODAL .modal-content,#FRGPASS .modal-content{padding:0;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 16px -8px rgba(11,29,38,.3)} #FRGMODAL .modal-body,#FRGPASS .modal-body{padding:22px 22px 20px} #FRGMODAL .modal-body form,#FRGPASS .modal-body form{padding:0;border:0;box-shadow:none;background-image:none} #FRGMODAL .form-group,#FRGPASS .form-group{margin-bottom:12px} #FRGMODAL .form-group>label{display:block;font-weight:600;font-size:13px;margin-bottom:8px;color:var(--text)} #FRGPASS .form-control{height:44px;border:1px solid var(--line-strong);border-radius:8px;background:var(--sheet);box-shadow:none} #FRGPASS .form-control:focus{border-color:var(--accent-fill);box-shadow:0 0 0 3px var(--accent-soft);background:var(--sheet)} #STSFRG,#STSFRGP{display:block;margin:0 0 10px;font-size:13px;font-weight:500;color:var(--muted)} #STSFRG:empty,#STSFRGP:empty{display:none} .mui-otp{display:flex;gap:8px;justify-content:space-between} .mui-otp input{width:100%;min-width:0;height:50px;text-align:center;font-size:22px;font-weight:600;color:var(--text);border:1px solid var(--line-strong);border-radius:8px;background:var(--sheet);box-shadow:none;padding:0;transition:border-color .15s,box-shadow .15s} .mui-otp input:focus{outline:0;border-color:var(--accent-fill);box-shadow:0 0 0 3px var(--accent-soft)} .mui-otp.bad input{border-color:#b3261e} #STS.mui-err,#STSFRG.mui-err,#STSFRGP.mui-err{color:#b3261e;background:rgba(179,38,30,.08);border:1px solid rgba(179,38,30,.22);border-radius:8px;padding:8px 10px} html[data-mode="dark"] #STS.mui-err,html[data-mode="dark"] #STSFRG.mui-err,html[data-mode="dark"] #STSFRGP.mui-err{color:#ff9d94;background:rgba(255,138,128,.12);border-color:rgba(255,138,128,.3)} .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{box-shadow:inset 0 3px 0 var(--orange)} .mui-lang button[aria-pressed="true"]{box-shadow:none} #MUIBELL,#MUISRCHBTN,#MUIMORE{list-style:none} .mui-hbtn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--sheet);color:var(--text);display:grid;place-items:center;cursor:pointer;padding:0;transition:border-color .15s,background .15s} .mui-hbtn:hover{border-color:var(--accent);background:var(--accent-soft)} .mui-hbtn:focus-visible{outline:2px solid var(--ring);outline-offset:2px} .mui-hbtn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .mui-morebtn{border-radius:12px;border-color:transparent;background:none} .mui-morebtn svg{fill:currentColor;stroke:none} #MUISRCHBTN{display:none} #MUIMORE{display:none;position:relative} #myNavbar>ul.navbar-nav{overflow:visible} #header.mui-t1 #myNavbar>ul.navbar-nav>li:nth-child(n+6):not(#MUIMORE)>a span[id^="HEADER"]{display:none} #header.mui-t1 #myNavbar>ul.navbar-nav>li:nth-child(n+6):not(#MUIMORE)>a{width:44px;padding:0;justify-content:center} #header.mui-t2 #myNavbar>ul.navbar-nav>li:nth-child(1)>a span[id^="HEADER"], #header.mui-t2 #myNavbar>ul.navbar-nav>li:nth-child(2)>a span[id^="HEADER"], #header.mui-t2 #myNavbar>ul.navbar-nav>li:nth-child(4)>a span[id^="HEADER"], #header.mui-t2 #myNavbar>ul.navbar-nav>li:nth-child(5)>a span[id^="HEADER"]{display:none} #header.mui-t2 #myNavbar>ul.navbar-nav>li:nth-child(1)>a, #header.mui-t2 #myNavbar>ul.navbar-nav>li:nth-child(2)>a, #header.mui-t2 #myNavbar>ul.navbar-nav>li:nth-child(4)>a, #header.mui-t2 #myNavbar>ul.navbar-nav>li:nth-child(5)>a{width:44px;padding:0;justify-content:center} #header.mui-t2 #myNavbar>ul.navbar-nav>li:nth-child(3)>a{padding:0 16px} #header.mui-t2 .navbar-right .dropdown-toggle #HEADERUser{display:none} #header.mui-t2 .navbar-right .dropdown-toggle{padding:0 6px!important} #header.mui-t3 .navbar-collapse .input-group{display:none!important} #header.mui-t3 #MUISRCHBTN{display:block} #header.mui-t4 #MUIMORE{display:block} #header.mui-t4 #myNavbar>ul.navbar-nav>li:nth-child(n+6):not(#MUIMORE){display:none} #header.mui-t5 #myNavbar>ul.navbar-nav>li:nth-child(1), #header.mui-t5 #myNavbar>ul.navbar-nav>li:nth-child(4), #header.mui-t5 #myNavbar>ul.navbar-nav>li:nth-child(5){display:none} #header.mui-t5 #myNavbar>ul.navbar-nav>li:nth-child(3)>a span[id^="HEADER"]{display:none} #header.mui-t5 #myNavbar>ul.navbar-nav>li:nth-child(3)>a{width:44px;padding:0;justify-content:center} #header.mui-t5 #myNavbar>ul.navbar-nav>li:nth-child(2){margin-inline-end:0} .mui-more-menu{position:absolute;top:calc(100% + 10px);inset-inline-end:0;min-width:210px;padding:6px;background:var(--sheet);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 48px -12px rgba(11,29,46,.28);z-index:1050;display:flex;flex-direction:column;gap:2px} .mui-more-menu[hidden]{display:none} .mui-more-item{display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 12px;border:0;border-radius:10px;background:none;color:var(--text);font:inherit;font-size:14px;font-weight:500;text-align:start;cursor:pointer} .mui-more-item:hover,.mui-more-item:focus-visible{background:var(--accent-soft);outline:0} .mui-more-item .glyphicon{color:var(--muted);top:0} body.mui-search-open #header .navbar-collapse .input-group{display:flex!important;position:fixed;top:calc(var(--bar-h) + var(--gap) * 2 + 2px);left:var(--gap);right:var(--gap);width:auto!important;flex:none!important;min-width:0!important;z-index:1041;padding:8px;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow)} #SEARCHBAR::placeholder{color:var(--muted)} #SEARCHBAR:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)} .mui-sd{position:fixed;z-index:1060;background:var(--sheet);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 48px -12px rgba(11,29,46,.28);padding:6px;max-height:min(70vh,460px);overflow:auto;font-family:var(--font);color:var(--text)} .mui-sd[hidden]{display:none} .mui-sd-head{padding:8px 10px 4px;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)} .mui-sd-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border:0;border-radius:12px;background:none;color:var(--text);text-align:start;cursor:pointer;font:inherit} .mui-sd-item.on{background:var(--accent-soft)} .mui-sd-ico{width:34px;height:34px;border-radius:10px;background:var(--sheet-2);color:var(--accent-text);display:grid;place-items:center;flex:none} .mui-sd-item.on .mui-sd-ico{background:var(--sheet)} .mui-sd-ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .mui-sd-body{display:flex;flex-direction:column;min-width:0;flex:1} .mui-sd-t{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mui-sd-t mark{background:var(--orange-soft);color:inherit;border-radius:4px;padding:0 1px} .mui-sd-p{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mui-sd-none{padding:16px 10px;color:var(--muted);font-size:13px} .mui-sd-foot{padding:7px 10px 3px;margin-top:4px;border-top:1px solid var(--line);font-size:11.5px;color:var(--muted)} #FLOW.mui-loading::before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)} #header.mui-measure .navbar-collapse>div{flex:none!important} #header.mui-measure .navbar-collapse .input-group{flex:0 0 250px!important;width:250px!important} #header.mui-measure .navbar-collapse{overflow:visible} #header .navbar-collapse .navbar-right{width:auto!important;flex:none!important;display:flex;align-items:center} #header.mui-t6 #MUIBELL{display:none} #header.mui-t7 #MUITHEME{display:none} .mui-sd-t mark{padding:0!important;display:inline;line-height:inherit;border-radius:3px} body.mui-search-open #header .navbar-collapse .input-group{left:calc(var(--rail-cur) + var(--gap) * 2)} body.mui-rtl.mui-search-open #header .navbar-collapse .input-group{left:var(--gap);right:calc(var(--rail-cur) + var(--gap) * 2)} @media (max-width:767px){body.mui-search-open #header .navbar-collapse .input-group,body.mui-rtl.mui-search-open #header .navbar-collapse .input-group{left:8px;right:8px}} /* Add to My Dashboard toolbar button */ #FLOW .dt-buttons .dt-button.mui-dshadd,#FLOW .dt-buttons .btn.mui-dshadd{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);font-weight:600;gap:6px} #FLOW .dt-buttons .dt-button.mui-dshadd:hover,#FLOW .dt-buttons .btn.mui-dshadd:hover{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)} #FLOW .dt-buttons .mui-dshadd .glyphicon{top:0;font-size:13px} #Calendar{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start} #Calendar>.mui-cal-bar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} #Calendar>.mui-cal-main{grid-column:1;grid-row:2;margin:0;width:auto} #Calendar>.mui-cal-main #cc{padding:0;float:none;width:100%} #Calendar>.mui-cal-side{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:14px;min-width:0} #Calendar>.mui-cal-more{grid-column:1/-1;grid-row:3;margin:0} #Calendar>.mui-cal-more .btn-group{display:flex;gap:10px;width:auto} #Calendar>.mui-cal-more .btn-group>.btn{flex:0 0 auto;width:auto;display:inline-flex;align-items:center;gap:8px;border-radius:10px} @media (max-width:1180px){#Calendar{grid-template-columns:minmax(0,1fr)}#Calendar>.mui-cal-side{grid-column:1;grid-row:auto}} .mui-cal-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .mui-chipf{height:34px;padding:0 14px;border:1px solid var(--line-strong);border-radius:999px;background:var(--sheet);color:var(--text);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s} .mui-chipf:hover{border-color:var(--accent)} .mui-chipf.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);font-weight:600} .mui-chipf:focus-visible,.mui-cal-new:focus-visible,.mui-cal-item:focus-visible,.mui-np-item:focus-visible{outline:2px solid var(--ring);outline-offset:2px} .mui-cal-sep{width:1px;height:22px;background:var(--line)} .mui-cal-new{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border:0;border-radius:12px;background:var(--accent-fill);color:var(--on-accent);font:inherit;font-size:14px;font-weight:600;cursor:pointer} .mui-cal-new:hover{background:var(--accent-hover)} .mui-cal-new svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round} .mui-cal-sec{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;display:flex;flex-direction:column;gap:6px} .mui-cal-sec h4{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px} .mui-cal-count{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-size:12px;font-weight:600;display:inline-grid;place-items:center} .mui-cal-empty{margin:0;color:var(--muted);font-size:13px} .mui-cal-day{margin:8px 0 2px;font-size:12px;font-weight:600;color:var(--muted)} .mui-cal-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border:1px solid var(--line);border-inline-start:4px solid var(--sun);border-radius:10px;background:var(--sheet-2);color:var(--text);font:inherit;text-align:start;cursor:pointer} .mui-cal-item:hover{border-color:var(--accent)} .mui-cal-item.mui-ev-st-p{border-inline-start-color:var(--accent)} .mui-cal-item.mui-ev-st-f{border-inline-start-color:var(--ok);opacity:.7} .mui-cal-time{flex:none;min-width:44px;font-weight:600;font-size:13px;color:var(--accent-text)} .mui-cal-body{display:flex;flex-direction:column;min-width:0;flex:1} .mui-cal-body b{font-weight:500;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mui-cal-body small{color:var(--danger-text);font-size:12px} .mui-cal-remico{display:inline-block;flex:none;width:13px;height:13px;margin-inline-start:4px;vertical-align:-2px;background:currentColor;opacity:.75;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a6 6 0 00-6 6c0 5-2 6.5-2 6.5h16S18 13 18 8a6 6 0 00-6-6zm-2 18a2 2 0 004 0z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a6 6 0 00-6 6c0 5-2 6.5-2 6.5h16S18 13 18 8a6 6 0 00-6-6zm-2 18a2 2 0 004 0z'/%3E%3C/svg%3E") center/contain no-repeat} #CALModal{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;color:var(--text)} #CALModal .fc-toolbar{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap} #CALModal .fc-toolbar .fc-left,#CALModal .fc-toolbar .fc-right,#CALModal .fc-toolbar .fc-center{float:none;display:flex;align-items:center;gap:8px} #CALModal .fc-toolbar h2{margin:0;font-size:20px;font-weight:600;color:var(--text);font-family:var(--font)} #CALModal .fc-button{height:36px;padding:0 14px;border:1px solid var(--line-strong);background:var(--sheet);background-image:none;color:var(--text);border-radius:10px;box-shadow:none;text-shadow:none;font:inherit;font-size:13.5px;font-weight:500;text-transform:capitalize;margin:0} #CALModal .fc-button:hover{background:var(--accent-soft);border-color:var(--accent)} #CALModal .fc-button-group{display:inline-flex} #CALModal .fc-button-group>.fc-button{border-radius:0;margin-inline-start:-1px} #CALModal .fc-button-group>.fc-button:first-child{border-radius:10px 0 0 10px;margin-inline-start:0} #CALModal .fc-button-group>.fc-button:last-child{border-radius:0 10px 10px 0} body.mui-rtl #CALModal .fc-button-group>.fc-button:first-child{border-radius:0 10px 10px 0} body.mui-rtl #CALModal .fc-button-group>.fc-button:last-child{border-radius:10px 0 0 10px} #CALModal .fc-button.fc-state-active,#CALModal .fc-button.fc-state-down{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);box-shadow:none} #CALModal .fc-button.fc-state-disabled{opacity:.45;cursor:default} #CALModal .fc-unthemed th,#CALModal .fc-unthemed td,#CALModal .fc-unthemed thead,#CALModal .fc-unthemed tbody,#CALModal .fc-unthemed .fc-divider,#CALModal .fc-unthemed .fc-row,#CALModal .fc-unthemed .fc-popover{border-color:var(--line)} #CALModal .fc-widget-header{background:var(--sheet-2);color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em} #CALModal .fc-widget-content{background:var(--sheet)} #CALModal .fc-view>table{border-radius:12px;overflow:hidden} #CALModal .fc-day-number{padding:6px 8px;font-weight:500;color:var(--text);font-size:13px} #CALModal .fc-other-month .fc-day-number{opacity:.4} #CALModal td.fc-today{background:var(--accent-soft)!important} #CALModal .fc-today .fc-day-number{color:var(--accent-text);font-weight:700} #CALModal .fc-event{border-radius:8px;padding:2px 7px;font-size:12px;line-height:1.35;margin:1px 3px;box-shadow:none} #CALModal .fc-event.mui-ev{background:var(--sheet-2)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-inline-start:4px solid var(--sun)!important;font-weight:500} #CALModal .fc-event.mui-ev.mui-ev-st-p{border-inline-start-color:var(--accent)!important} #CALModal .fc-event.mui-ev.mui-ev-st-f{border-inline-start-color:var(--ok)!important;opacity:.7} #CALModal .fc-event.mui-ev.mui-ev-st-f .fc-title{text-decoration:line-through} #CALModal .fc-event.mui-ev.mui-ev-g-personal{background:var(--accent-soft)!important} #CALModal .fc-event.mui-ev.mui-ev-g-group{background:var(--orange-soft)!important} #CALModal .fc-event.mui-ev.mui-ev-late{background:var(--coral-soft)!important;border-inline-start-color:var(--danger)!important} #CALModal .fc-event.mui-ev-hidden{display:none!important} #CALModal .fc-event .fc-time{font-weight:700;margin-inline-end:4px} #CALModal .fc-event .fc-content{display:flex;align-items:center;gap:2px;white-space:nowrap;overflow:hidden} #CALModal .fc-event .fc-title{overflow:hidden;text-overflow:ellipsis} #CALModal .fc-more{color:var(--accent-text);font-weight:600;font-size:12px} #CALModal .fc-popover{background:var(--sheet);border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--line)} #CALModal .fc-popover .fc-header{background:var(--sheet-2);color:var(--text);border-radius:12px 12px 0 0} #CALModal .fc-agenda-view .fc-axis{color:var(--muted);font-size:12px} #CALModal .fc-now-indicator{border-color:var(--danger)} #EVNINF .modal-body .row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0} #EVNINF .modal-body .row>[class*="col-"]{float:none;width:auto;padding:0} @media (max-width:640px){#EVNINF .modal-body .row{grid-template-columns:1fr}} #EVNINF .form-group{margin-bottom:0} #EVNINF .form-group>label{display:block;margin:12px 0 4px;font-weight:600;font-size:13px} #EVNINF .form-group>label:first-child{margin-top:0} #EVNINF .mui-rem-label{display:block;margin:12px 0 4px;font-weight:600;font-size:13px} #EVNINF #savbtn,#EVNINF #Div1{display:inline-flex;margin:14px 8px 0 0} body.mui-rtl #EVNINF #savbtn,body.mui-rtl #EVNINF #Div1{margin:14px 0 0 8px} #EVNINF #savbtn br,#EVNINF #Div1 br{display:none} #EVNINF #Button5{background:var(--accent-fill);color:var(--on-accent);border:0;border-radius:10px;min-height:38px;padding:0 20px;font-weight:600} #EVNINF #Button3{background:var(--coral-soft);color:var(--danger-text);border:0;border-radius:10px;min-height:38px;padding:0 20px;font-weight:600} .mui-badge{position:absolute;top:-4px;inset-inline-end:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--orange);color:#2B1600;font:700 11px/18px var(--font);text-align:center;border:2px solid var(--sheet);box-sizing:content-box} .mui-badge[hidden]{display:none} .mui-bell-on{color:var(--accent-text)} .mui-np{position:fixed;z-index:1060;background:var(--sheet);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 48px -12px rgba(11,29,46,.3);display:flex;flex-direction:column;overflow:hidden;font-family:var(--font);color:var(--text)} .mui-np[hidden]{display:none} .mui-np-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;font-size:15px} .mui-np-scroll{overflow-y:auto;padding:0 10px 6px;display:flex;flex-direction:column;gap:6px} .mui-np-sec h5{margin:10px 6px 6px;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)} .mui-np-empty{margin:0;padding:26px 12px;text-align:center;color:var(--muted);font-size:13.5px} .mui-np-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;border:0;border-radius:12px;background:none;color:var(--text);font:inherit;text-align:start;cursor:pointer} .mui-np-item:hover{background:var(--accent-soft)} .mui-np-time{flex:none;min-width:46px;font-weight:600;font-size:13px;color:var(--accent-text)} .mui-np-body{display:flex;flex-direction:column;min-width:0} .mui-np-body b{font-weight:500;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mui-np-body small{color:var(--muted);font-size:12px} .mui-np-item.late .mui-np-time,.mui-np-item.late .mui-np-body small{color:var(--danger-text)} .mui-np-item.st-f{opacity:.6} .mui-np-rem{border:1px solid var(--line);border-inline-start:4px solid var(--orange);border-radius:12px;background:var(--orange-soft);padding:2px 4px 8px} .mui-np-act{display:flex;gap:8px;padding:0 8px} .mui-np-btn{height:30px;padding:0 12px;border:1px solid var(--line-strong);border-radius:8px;background:var(--sheet);color:var(--text);font:inherit;font-size:12.5px;font-weight:500;cursor:pointer} .mui-np-btn:hover{border-color:var(--accent);background:var(--accent-soft)} .mui-np-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px 12px;border-top:1px solid var(--line)} .mui-np-link{border:0;background:none;color:var(--accent-text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:4px 0} .mui-np-link:hover{text-decoration:underline} .mui-toasts{position:fixed;z-index:3000;top:calc(var(--bar-h) + var(--gap) * 2 + 8px);right:var(--gap);display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 24px))} .mui-toasts[dir="rtl"]{right:auto;left:var(--gap)} .mui-toast{position:relative;display:flex;gap:12px;padding:14px 38px 14px 14px;background:var(--sheet);border:1px solid var(--line);border-inline-start:4px solid var(--orange);border-radius:14px;box-shadow:0 18px 48px -12px rgba(11,29,46,.35);animation:muiToastIn .25s ease} .mui-toast-ico{flex:none;width:34px;height:34px;border-radius:10px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center} .mui-toast-ico svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .mui-toast-body{display:flex;flex-direction:column;gap:2px;min-width:0} .mui-toast-body b{font-size:14px;font-weight:600;overflow-wrap:anywhere} .mui-toast-body small{color:var(--muted);font-size:12.5px} .mui-toast-act{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap} .mui-toast-btn{height:30px;padding:0 12px;border:1px solid var(--line-strong);border-radius:8px;background:var(--sheet);color:var(--text);font:inherit;font-size:12.5px;font-weight:500;cursor:pointer} .mui-toast-btn.main{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:600} .mui-toast-x{position:absolute;top:8px;inset-inline-end:8px;width:26px;height:26px;border:0;border-radius:8px;background:none;color:var(--muted);font-size:18px;line-height:1;cursor:pointer} .mui-toast-x:hover{background:var(--accent-soft)} body.mui-rtl .mui-toast{padding:14px 14px 14px 38px} @keyframes muiToastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}} @media (prefers-reduced-motion:reduce){.mui-toast{animation:none}} #CALModal .fc-day-grid-event .fc-time{display:none} #CALModal.fc-rtl,#CALModal .fc-rtl{text-align:right} #EVNINF .modal-body .row::before,#EVNINF .modal-body .row::after{display:none} .mui-toasts{left:50%;right:auto;transform:translateX(-50%);align-items:stretch} .mui-toasts[dir="rtl"]{left:50%;right:auto} #EVNINF .modal-body{font-size:13.5px} #EVNINF #STATS>label{display:block;margin:12px 0 4px;font-weight:600;font-size:13px} .mui-np-sec h5{display:flex;align-items:center;gap:8px} #FLOW .dsh-card table td .btn,#FLOW .dsh-card table td button,#FLOW .dsh-card table td a[class*="btn"]{background:var(--accent-soft)!important;color:var(--accent-text)!important;border:1px solid transparent!important;box-shadow:none!important;transition:background .15s,color .15s} #FLOW .dsh-card table td .btn:hover,#FLOW .dsh-card table td button:hover,#FLOW .dsh-card table td a[class*="btn"]:hover{background:var(--accent-fill)!important;color:var(--on-accent)!important} #FLOW .dsh-card table td .btn-danger,#FLOW .dsh-card table td .btn-red,#FLOW .dsh-card table td button[class*="danger"]{background:var(--coral-soft)!important;color:var(--danger-text)!important} #FLOW .dsh-card table td .btn-danger:hover,#FLOW .dsh-card table td .btn-red:hover,#FLOW .dsh-card table td button[class*="danger"]:hover{background:var(--danger)!important;color:#fff!important} #FLOW .dsh-card table td .btn-success{background:var(--ok-soft)!important;color:var(--ok)!important} #FLOW .dsh-card table td .btn-warning{background:var(--sun-soft)!important;color:var(--sun-text)!important} #FLOW .dsh-card table td .btn-default,#FLOW .dsh-card table td .btn-light{background:var(--sheet)!important;color:var(--text)!important;border-color:var(--line-strong)!important} #FLOW .dsh-card table td .btn .glyphicon,#FLOW .dsh-card table td .btn i,#FLOW .dsh-card table td .btn svg{color:inherit!important} #FLOW .dsh-card table.table>thead>tr>th{background:var(--sheet-2)!important;color:var(--muted)!important;font-weight:600;font-size:12px;border-color:var(--line)!important} #FLOW .dsh-card table.table>tbody>tr>td{border-color:var(--line)!important;color:var(--text)} #FLOW .dsh-card table.table-striped>tbody>tr:nth-of-type(odd)>td{background:var(--sheet-2)!important} #FLOW .dsh-card table.table-striped>tbody>tr:nth-of-type(even)>td{background:var(--sheet)!important} #FLOW .dsh-card table.table>tbody>tr:hover>td{background:var(--accent-soft)!important} #FLOW .dsh-card .dataTables_wrapper .dataTables_paginate .paginate_button{border-radius:10px!important} #FLOW .dsh-card canvas{max-width:100%} #CALModal .fc-slats td.fc-axis,#CALModal .fc-agenda-view td.fc-axis,#CALModal .fc-agenda-view th.fc-axis{display:table-cell!important;text-align:end;padding:0 8px;color:var(--muted);font-size:12px;vertical-align:top;white-space:nowrap} #CALModal .fc-time-grid-event .fc-bg{display:none} #CALModal .fc-time-grid-event{padding:3px 6px} #CALModal .fc-time-grid-event .fc-content{display:block;white-space:normal;overflow:hidden} #CALModal .fc-time-grid-event .fc-time{display:block;font-size:11px;font-weight:700;opacity:.8;padding:0} #CALModal .fc-time-grid-event .fc-title{display:block;white-space:normal;padding:0} #CALModal .fc-agenda-view .fc-slats tr:nth-child(odd) td{border-top-style:solid} @media print{.mui-toasts,.mui-np,.mui-sd,.mui-more-menu,.mui-lbg{display:none!important}} #mymselModal .modal-dialog{width:94%;max-width:1040px;margin:40px auto} #mymselModal .modal-content{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);color:var(--text);overflow:hidden} #mymselModal .modal-header{padding:16px 22px;background:transparent;border-bottom:1px solid var(--line)} #mymselModal .modal-title{margin:0;font-size:17px;font-weight:600;color:var(--text)} #mymselModal .modal-body{padding:0;max-height:calc(100vh - 230px);overflow-y:auto;overflow-x:hidden} #mymselModal #SearchInputs{margin:0;padding:18px 22px;background:transparent;border:0;border-radius:0;white-space:normal;overflow:visible} #mymselModal #SearchInputs>.col-md-12{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;float:none;width:auto;padding:0} #mymselModal #SearchInputs .form-group{float:none;width:auto;min-width:0;margin:0!important;padding:0} #mymselModal .select2-container{display:block;width:100%!important} #mymselModal .select2-container .select2-selection--multiple{width:100%!important;min-width:0;min-height:42px!important;padding:3px 8px;background:var(--sheet-2);border:1px solid var(--line-strong);border-radius:var(--r-sm);font-size:14px;color:var(--text);transition:border-color .15s,box-shadow .15s} #mymselModal .select2-container .select2-selection--multiple:hover{border-color:var(--accent)} #mymselModal .select2-container--focus .select2-selection--multiple,#mymselModal .select2-container--open .select2-selection--multiple{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)} #mymselModal .select2-selection__rendered{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:0} #mymselModal .select2-selection__choice{margin:2px 0!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:13px} #mymselModal .select2-search--inline{flex:1 1 60px;min-width:60px} #mymselModal .select2-search__field{margin:0!important;height:30px;font-family:inherit;font-size:14px;color:var(--text)} #mymselModal .select2-search__field::placeholder{color:var(--muted);opacity:1} #mymselModal .select2-selection__clear{color:var(--muted);margin:0 4px} #mymselModal .modal-footer{margin:0;padding:12px 22px;background:var(--sheet-2);border-top:1px solid var(--line)} #mymselModal .modal-body::-webkit-scrollbar{width:10px} #mymselModal .modal-body::-webkit-scrollbar-track{background:transparent} #mymselModal .modal-body::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px;border:2px solid var(--sheet)} @media (max-width:767px){#mymselModal .modal-dialog{margin:16px auto}#mymselModal #SearchInputs{padding:14px}#mymselModal #SearchInputs>.col-md-12{grid-template-columns:1fr}} /* header search: only an icon button, the input lives in a small popup */ .mui-srch{position:relative;display:flex;align-items:center;margin-top:7px;flex:0 0 auto} .mui-srch-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:999px;border:1px solid var(--line);background:var(--sheet-2);color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s} .mui-srch-btn:hover,.mui-srch-btn.open{color:var(--accent-text);border-color:var(--accent);background:var(--accent-soft)} .mui-srch-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px} .mui-srch-pop{position:fixed;z-index:1060;width:min(340px,calc(100vw - 24px));padding:10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--sheet);box-shadow:0 18px 40px -12px rgba(11,29,38,.3);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .15s,transform .15s,visibility .15s} .mui-srch-pop.on{opacity:1;visibility:visible;transform:none;pointer-events:auto} #header .navbar-collapse .mui-srch-pop .input-group{flex:1 1 auto!important;width:100%!important;min-width:0!important;display:flex!important} .mui-srch-pop #SEARCHBAR{min-width:0} .ui-autocomplete{z-index:2000!important} @media (prefers-reduced-motion:reduce){.mui-srch-pop,.mui-srch-btn{transition:none}} #header.mui-t3 .navbar-collapse .mui-srch-pop .input-group{display:flex!important} /* popup: no inner search button; picking a suggestion / pressing Enter still runs the search through it (kept in the DOM, hidden) */ .mui-srch-pop #SEARCHBARFlow_Button{display:none!important} .mui-srch-pop #SEARCHBAR,body.mui-rtl .mui-srch-pop #SEARCHBAR{border-radius:999px;border-inline-end:1px solid var(--line);padding-inline-end:18px} /* Home drill-down */ .mui-crumbs{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap} .mui-crumbs h2{margin:0} .mui-back{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px 0 10px;border:1px solid var(--line);border-radius:999px;background:var(--sheet);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s} body.mui-rtl .mui-back{padding:0 10px 0 14px} .mui-back:hover,.mui-back:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:0} /* Home + dashboard: dashboard first, module icons under it */ .tab-content.mui-homedash{display:flex;flex-direction:column} .tab-content.mui-homedash>#GLDSH{display:block!important;order:1} .tab-content.mui-homedash>#home{display:block!important;order:2;margin-top:18px} .tab-content.mui-homedash>#home>.row{display:none} body.mui-homedash #MUIHELLO,body.mui-homedash #RECENT{display:none!important} body.mui-homedash #MUIBAR{display:none!important} /* only the dashboard and the module icons are shown in the combined view; every other pane stays hidden */ .tab-content.mui-homedash>.tab-pane:not(#home):not(#GLDSH){display:none!important;order:3} .tab-content.mui-homedash>#GLDSH{order:1!important} .tab-content.mui-homedash>#home{order:2!important} .tab-content.mui-homedash>#home,.tab-content.mui-homedash>#home *{visibility:visible!important} .tab-content.mui-homedash>#home{opacity:1!important;height:auto!important} /* Flow notifications: red unread count on the header bell */ #MUIBELL .mui-hbtn{color:var(--accent-text);border-color:var(--line)} #MUIBELL .mui-hbtn:hover,#MUIBELL .mui-hbtn.mui-bell-on{border-color:var(--accent);background:var(--accent-soft)} #MUIBELL .mui-badge{top:-6px;inset-inline-end:-6px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#E5484D;color:#fff;font:700 11px/20px var(--font,inherit);text-align:center;box-shadow:0 0 0 2px var(--sheet,#fff)} .mui-np-item.nf-unread .mui-np-body b::before{content:"";display:inline-block;width:8px;height:8px;margin-inline-end:6px;border-radius:50%;background:#E5484D} .mui-np-item.nf-read{opacity:.7} .mui-np-item .mui-np-time.nf{min-width:62px;font-size:11px;font-weight:500;color:var(--muted)} :root{--veil:rgba(231,237,243,.56);--veil-strong:rgba(231,237,243,.9);--stripe:#E9F0F6;--grid:#AFC0CD} html[data-mode="dark"]{--veil:rgba(6,13,20,.52);--veil-strong:rgba(6,13,20,.9);--stripe:#132333;--grid:#2C4A63} html.ml-on #FLOW.mui-loading::before,html.ml-on #FLOW.mui-loading::after{content:none;display:none} #MUILOAD{position:fixed;z-index:1030;display:none;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:var(--veil);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--r-lg);color:var(--text);font-family:var(--font);overflow:hidden} #MUILOAD.on{display:flex;animation:mlIn .18s ease-out} #MUILOAD.ml-full{top:0;right:0;bottom:0;left:0;width:auto;height:auto;border-radius:0;z-index:2001} #MUILOAD.ml-solid{background:var(--canvas);-webkit-backdrop-filter:none;backdrop-filter:none} #MUILOAD.ml-workspace{background:var(--veil-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#MUILOAD{background:var(--veil-strong)}} #MUILOAD *{box-sizing:border-box} .ml-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;width:100%;max-width:400px} .ml-card.ml-box{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:30px 28px 26px} .ml-card h3{margin:7px 0 0;font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.01em;color:var(--text)} .ml-card p{margin:0;font-size:13px;line-height:1.6;color:var(--muted)} .ml-card p.ml-slow{margin-top:6px;padding:6px 12px;border-radius:999px;background:var(--sun-soft);color:var(--sun-text);font-size:12px} .ml-mark{width:22px;height:22px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(-8deg)} .ml-mark b{display:block;border-radius:3px;background:var(--accent)} .ml-mark b:nth-child(1){background:var(--accent-fill)} .ml-mark b:nth-child(2){background:var(--accent-2)} .ml-mark b:nth-child(4){background:var(--orange)} .ml-orbit{position:relative;width:66px;height:66px;border:3px solid var(--line);border-radius:50%;margin-bottom:9px;flex:none} .ml-orbit::after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:3px solid transparent;border-top-color:var(--accent);border-right-color:var(--accent);border-radius:50%;animation:mlSpin 1.4s linear infinite} .ml-orbit .ml-mark{position:absolute;top:19px;left:19px} .ml-dots{display:flex;gap:5px;margin-top:9px} .ml-dots b{display:block;width:5px;height:5px;border-radius:50%;background:var(--accent);animation:mlDot 1.4s ease-in-out infinite} .ml-dots b:nth-child(2){animation-delay:.18s} .ml-dots b:nth-child(3){animation-delay:.36s;background:var(--orange)} .ml-tiles{display:grid;grid-template-columns:repeat(3,22px);gap:6px;margin-bottom:14px;transform:rotate(-6deg)} .ml-tiles b{display:block;width:22px;height:22px;border-radius:5px;background:var(--accent);animation:mlTile 2.4s ease-in-out infinite} .ml-tiles b:nth-child(3n+2){background:var(--accent-2)} .ml-tiles b:nth-child(5){background:var(--orange)} .ml-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:14px;font-size:11px;color:var(--muted)} .ml-spin{display:inline-block;flex:none;width:13px;height:13px;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:mlSpin 1s linear infinite} .ml-logo{position:relative;width:78px;height:78px;display:grid;place-items:center;margin-bottom:17px} .ml-logo::before,.ml-logo::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-soft);border-radius:22px;animation:mlBreathe 2.6s ease-in-out infinite} .ml-logo::after{top:11px;right:11px;bottom:11px;left:11px;background:var(--accent);opacity:.16;border-radius:16px;animation-name:mlBreathe2;animation-delay:.2s} .ml-logo .ml-mark{width:33px;height:33px;gap:4px;z-index:1} .ml-logo .ml-mark b{border-radius:5px;animation:mlLogo 2.6s ease-in-out infinite} .ml-line{width:118px;height:3px;margin-top:21px;background:var(--line-strong);border-radius:5px;overflow:hidden} .ml-line b{display:block;width:40%;height:100%;background:var(--accent);animation:mlSweep 2.4s ease-in-out infinite} .ml-steps-card{align-items:stretch} .ml-steps-card>h3,.ml-steps-card>p{text-align:center} .ml-proc{width:100%;text-align:start} .ml-proc-head{display:flex;justify-content:space-between;gap:12px;margin:18px 0 10px;font-size:12px;color:var(--muted)} .ml-track{height:6px;background:var(--line);border-radius:10px;overflow:hidden} .ml-fill{height:100%;width:0;background:var(--accent);border-radius:10px;transition:width .35s ease} .ml-track.ml-ind .ml-fill{width:35%;animation:mlSweep 1.8s ease-in-out infinite} .ml-track.ml-bad .ml-fill{background:var(--danger)} .ml-steps{margin-top:19px;display:grid;gap:13px} .ml-step{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted)} .ml-step.current{color:var(--text)} .ml-step.bad{color:var(--danger-text)} .ml-step-ico{width:17px;height:17px;flex:none;display:grid;place-items:center;background:var(--sheet-2);border-radius:50%;font-size:11px} .ml-step.done .ml-step-ico{color:var(--accent-text);background:var(--accent-soft)} .ml-step.bad .ml-step-ico{color:var(--danger-text);background:var(--danger-soft)} .ml-step .ml-spin{margin:2px} .ml-card p.ml-note{margin-top:14px;font-size:12px} .ml-acts{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:18px} .ml-acts .btn{height:36px;border-radius:999px;padding:0 16px} #MUIREF{position:fixed;z-index:1031;display:none;height:3px;border-radius:3px;overflow:hidden;background:var(--line);pointer-events:none} #MUIREF.on{display:block} .ml-sweep{height:100%} .ml-sweep b{display:block;height:100%;width:35%;background:linear-gradient(90deg,var(--accent),var(--orange));animation:mlSweep 1.8s ease-in-out infinite} .ml-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .ml-strip{display:flex;align-items:center;gap:9px;padding:12px 15px;margin-bottom:15px;background:var(--sheet-2);border-radius:var(--r-sm);font-size:12px;color:var(--muted)} .ml-strip small{margin-inline-start:auto;font-size:11px} .ml-strip.ml-bad{background:var(--danger-soft);color:var(--danger-text)} .ml-strip.ml-bad .btn{margin-inline-start:auto} .ml-skel{padding:4px 0} .ml-skel-status{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;color:var(--muted)} .ml-sk-metrics{display:grid;gap:16px;margin-bottom:20px} .ml-sk-box{padding:18px;background:var(--sheet-2);border-radius:9px} .ml-sk{height:10px;width:70%;border-radius:4px;background:linear-gradient(100deg,var(--line) 25%,var(--sheet-2) 45%,var(--line) 65%);background-size:300% 100%;animation:mlShimmer 2.2s linear infinite} .ml-sk-box .ml-sk{background-image:linear-gradient(100deg,var(--line-strong) 25%,var(--line) 45%,var(--line-strong) 65%)} .ml-sk.big{height:23px;width:54%;margin-top:15px} .ml-sk-table{border:1px solid var(--line);border-radius:8px;padding:0 16px} .ml-sk-row{display:grid;gap:25px;padding:15px 0;border-bottom:1px solid var(--line)} .ml-sk-row:last-child{border-bottom:0} @media (max-width:480px){.ml-sk-metrics{gap:8px}.ml-sk-box{padding:12px}.ml-card.ml-box{padding:24px 18px 20px}#MUILOAD{padding:14px}} html.ml-on #FLOW th.mui-loadcell{position:relative;padding:14px 16px 16px!important;font-size:0;line-height:0;text-align:start;white-space:normal;background:var(--sheet)!important;border:0!important} html.ml-on #FLOW th.mui-loadcell img{display:inline-block;float:left;width:13px!important;height:13px!important;margin:2px 8px 0 0;border:2px solid var(--line-strong);border-top-color:var(--accent);animation:mui-spin 1s linear infinite} html[dir="rtl"].ml-on #FLOW th.mui-loadcell img{float:right;margin:2px 0 0 8px} html.ml-on #FLOW th.mui-loadcell::before{content:"Loading data";position:static;display:block;width:auto;height:auto;margin:0;top:auto;inset-inline-start:auto;background:none!important;animation:none;font-size:12px;line-height:17px;font-weight:500;color:var(--muted)} html[lang="ar"].ml-on #FLOW th.mui-loadcell::before{content:"جاري تحميل البيانات"} html.ml-on #FLOW th.mui-loadcell::after{content:"";display:block;clear:both;height:166px;margin-top:14px;border-radius:8px;background:linear-gradient(100deg,var(--line) 25%,var(--sheet-2) 45%,var(--line) 65%);background-size:300% 100%;animation:mlShimmer 2.2s linear infinite;-webkit-mask-image:repeating-linear-gradient(180deg,transparent 0,transparent 16px,#000 16px,#000 26px,transparent 26px,transparent 42px),linear-gradient(90deg,#000 0,#000 36%,transparent 36%,transparent 42%,#000 42%,#000 66%,transparent 66%,transparent 72%,#000 72%,#000 90%,transparent 90%);mask-image:repeating-linear-gradient(180deg,transparent 0,transparent 16px,#000 16px,#000 26px,transparent 26px,transparent 42px),linear-gradient(90deg,#000 0,#000 36%,transparent 36%,transparent 42%,#000 42%,#000 66%,transparent 66%,transparent 72%,#000 72%,#000 90%,transparent 90%);-webkit-mask-composite:source-in;mask-composite:intersect} html.ml-on #FRGLOAD{background:var(--canvas);color:var(--text)} html.ml-on #FRGLOAD i{width:54px;height:54px;border:3px solid var(--line-strong);border-top-color:var(--accent);border-right-color:var(--accent);border-radius:50%;background:none!important;animation:mlSpin 1.4s linear infinite} @keyframes mlIn{from{opacity:0}to{opacity:1}} @keyframes mlSpin{to{transform:rotate(360deg)}} @keyframes mlDot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}} @keyframes mlTile{0%,100%{opacity:.18;transform:scale(.86)}40%,60%{opacity:1;transform:scale(1)}} @keyframes mlShimmer{from{background-position:100% 0}to{background-position:-100% 0}} @keyframes mlSweep{0%{transform:translateX(-110%)}100%{transform:translateX(390%)}} @keyframes mlBreathe{0%,100%{transform:scale(.92);opacity:.6}50%{transform:scale(1.05);opacity:1}} @keyframes mlBreathe2{0%,100%{transform:scale(.92);opacity:.1}50%{transform:scale(1.05);opacity:.2}} @keyframes mlLogo{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}} @media (prefers-reduced-motion:reduce){#MUILOAD,#MUILOAD *,#MUILOAD *::before,#MUILOAD *::after,#MUIREF *,.ml-skel *,.ml-strip *,html.ml-on #FLOW th.mui-loadcell::after,html.ml-on #FLOW th.mui-loadcell img,html.ml-on #FRGLOAD i{animation:none!important}.ml-track.ml-ind .ml-fill,.ml-line b,.ml-sweep b{width:100%;opacity:.55}} @media print{#MUILOAD,#MUIREF{display:none!important}} #FLOW table.table,#FLOW table.dataTable{border:2px solid var(--grid)} #FLOW table.table>thead>tr>th,#FLOW table.dataTable>thead>tr>th{border-bottom:2px solid var(--grid);border-inline-end:1px solid var(--grid)} #FLOW table.table>tbody>tr>td,#FLOW table.dataTable>tbody>tr>td,#FLOW table.table>tfoot>tr>td{border-bottom:1px solid var(--grid);border-inline-end:1px solid var(--grid)} #FLOW table.dataTable tfoot th,#FLOW table.dataTable tfoot td{border-top:2px solid var(--grid)} #FLOW .dataTables_scrollHeadInner{max-width:none} #FLOW .dataTables_scrollHead table.dataTable{border-bottom:0!important;border-bottom-left-radius:0;border-bottom-right-radius:0} #FLOW .dataTables_scrollBody>table.dataTable{border-top:0!important;border-top-left-radius:0;border-top-right-radius:0} #FLOW .dataTables_scrollFoot table.dataTable{border-top:0!important;border-top-left-radius:0;border-top-right-radius:0} #FLOW table.table-striped>tbody>tr:nth-of-type(odd)>td,#FLOW table.dataTable.table-striped>tbody>tr:nth-of-type(odd)>td{background-color:var(--sheet)} #FLOW table.table-striped>tbody>tr:nth-of-type(even):not([class*="mui-r-"]):not(.selected):not(.success):not(.danger):not(.warning):not(.info):not(.active)>td, #FLOW table.dataTable>tbody>tr:nth-of-type(even):not([class*="mui-r-"]):not(.selected):not(.success):not(.danger):not(.warning):not(.info):not(.active)>td, #FLOW table.table>thead+tbody>tr:nth-of-type(even):not([class*="mui-r-"]):not(.selected):not(.success):not(.danger):not(.warning):not(.info):not(.active)>td{background-color:var(--stripe)} #FLOW table.table-striped>tbody>tr:not([class*="mui-r-"]):not(.selected):hover>td, #FLOW table.dataTable>tbody>tr:not([class*="mui-r-"]):not(.selected):hover>td, #FLOW table.table>thead+tbody>tr:not([class*="mui-r-"]):not(.selected):hover>td{background-color:var(--accent-soft)} #MYMSG.mui-k-i .modal-title .glyphicon{background:var(--warn-soft);color:var(--warn-text)} #MYMSG.mui-k-i .modal-title .glyphicon::before{content:"\e101"} #MYMSG.mui-k-e .modal-title .glyphicon::before{content:"\e014"} .mui-back,body.mui-rtl .mui-back{height:42px;padding:0 20px 0 14px;border:0;background:var(--accent-fill);color:var(--on-accent);font-size:14px;font-weight:600;box-shadow:0 6px 16px -8px var(--accent-fill);transition:background .15s,transform .15s,box-shadow .15s} body.mui-rtl .mui-back{padding:0 14px 0 20px} .mui-back svg{width:18px;height:18px;stroke-width:2.4} .mui-back:hover,.mui-back:focus-visible{background:var(--accent-hover);color:var(--on-accent);border:0;outline:0;transform:translateY(-1px)} .mui-back:focus-visible{box-shadow:0 0 0 3px var(--sheet),0 0 0 5px var(--orange)} .mui-crumbs{padding-bottom:12px;border-bottom:1px solid var(--line)} #LFT-MNU .btn-info.btn-block.mui-cur{background:var(--ink-2);color:var(--ink-hi);font-weight:600} #LFT-MNU .btn-info.btn-block.mui-cur::before{background:var(--orange)} #LFT-MNU .btn-info.btn-block.mui-cur::after,#LFT-MNU .btn-info.btn-block.mui-here::after{content:"";display:block!important;position:absolute;inset-inline-start:-12px;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--orange)} #LFT-MNU[dir="rtl"] .btn-info.btn-block.mui-cur::after,#LFT-MNU[dir="rtl"] .btn-info.btn-block.mui-here::after,body.mui-rtl #LFT-MNU .btn-info.btn-block.mui-cur::after,body.mui-rtl #LFT-MNU .btn-info.btn-block.mui-here::after{border-radius:4px 0 0 4px} #LFT-MNU a.mui-cur-link,#LFT-MNU .list-unstyled>li>a.mui-cur-link,#LFT-MNU .nav>li>a.mui-cur-link{color:var(--orange)!important;font-weight:600;background:rgba(238,141,87,.14)!important;box-shadow:inset 3px 0 0 var(--orange)} body.mui-rtl #LFT-MNU a.mui-cur-link{box-shadow:inset -3px 0 0 var(--orange)} #FLOW .form-group:has(>#SBUTTON){position:relative} #FLOW .form-group>#SBUTTON{position:absolute;inset-inline-end:5px;top:29px;bottom:auto;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;margin:0;gap:0;border:1px solid transparent;border-radius:50%;background:var(--accent-soft);box-shadow:none;color:var(--accent-text);transition:background .15s,color .15s,transform .15s} #FLOW .form-group>#SBUTTON:hover{background:var(--accent-fill);color:var(--on-accent);transform:scale(1.06)} #FLOW .form-group>#SBUTTON:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sheet),0 0 0 4px var(--accent)} #FLOW .form-group>#SBUTTON:active{transform:scale(.96)} #FLOW .form-group>#SBUTTON .glyphicon{top:0;font-size:14px!important;line-height:1} #FLOW .form-group:has(>#SBUTTON)>#ITNO{padding-inline-end:46px} /* notification list: delete actions */ .nf-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap} .nf-danger{color:var(--danger-text,#B3282D)} .nf-row{display:flex;align-items:center;gap:2px} .nf-row .mui-np-item{flex:1 1 auto;min-width:0} .nf-del{flex:0 0 auto;width:28px;height:28px;border:0;border-radius:50%;background:none;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;opacity:.55;transition:background .15s,color .15s,opacity .15s} .nf-row:hover .nf-del,.nf-del:focus-visible{opacity:1} .nf-del:hover{background:rgba(229,72,77,.14);color:#E5484D} /* side menu: the path to a pending document (module -> group -> document) */ @keyframes muiNfPulse{0%{box-shadow:0 0 0 0 rgba(229,72,77,.55)}70%{box-shadow:0 0 0 7px rgba(229,72,77,0)}100%{box-shadow:0 0 0 0 rgba(229,72,77,0)}} #LFT-MNU .mui-nf-dot{position:absolute;inset-inline-end:16px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#E5484D;border:2px solid var(--ink,#0B1D26);box-sizing:content-box;animation:muiNfPulse 2s ease-out infinite} body:not(.mui-pinned):not(.mui-rail-open) #LFT-MNU .mui-nf-dot{inset-inline-end:8px;top:9px;margin-top:0} #LFT-MNU .nav-header h5.mui-nf-path::after{content:"";float:inline-end;width:8px;height:8px;margin:5px 14px 0 0;border-radius:50%;background:#E5484D;animation:muiNfPulse 2s ease-out infinite} #LFT-MNU[dir="rtl"] .nav-header h5.mui-nf-path::after{margin:5px 0 0 14px} #LFT-MNU .nav>li>a.mui-nf,#LFT-MNU .list-unstyled>li>a.mui-nf{position:relative;color:var(--ink-hi,#fff);font-weight:600;padding-inline-end:34px;background:linear-gradient(90deg,rgba(229,72,77,.18),rgba(229,72,77,0))} #LFT-MNU[dir="rtl"] .nav>li>a.mui-nf,#LFT-MNU[dir="rtl"] .list-unstyled>li>a.mui-nf{background:linear-gradient(270deg,rgba(229,72,77,.18),rgba(229,72,77,0))} #LFT-MNU .nav>li>a.mui-nf::after,#LFT-MNU .list-unstyled>li>a.mui-nf::after{content:"";position:absolute;inset-inline-end:12px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#E5484D;animation:muiNfPulse 2s ease-out infinite} @media (prefers-reduced-motion:reduce){#LFT-MNU .mui-nf-dot,#LFT-MNU .nav-header h5.mui-nf-path::after,#LFT-MNU .nav>li>a.mui-nf::after,#LFT-MNU .list-unstyled>li>a.mui-nf::after{animation:none}} /* the source document selector: only its border is highlighted (amber) so it stands out from the other fields */ #FLOW select.form-control#SRCDOCNO,#FLOW input.form-control#SRCDOCNO{border:2px solid #E9A23B;font-weight:600} #FLOW select.form-control#SRCDOCNO:hover,#FLOW input.form-control#SRCDOCNO:hover{border-color:#D98A0F} #FLOW select.form-control#SRCDOCNO:focus,#FLOW input.form-control#SRCDOCNO:focus{outline:0;border-color:#D98A0F;box-shadow:0 0 0 3px rgba(233,162,59,.30)} html[data-mode="dark"] #FLOW select.form-control#SRCDOCNO,html[data-mode="dark"] #FLOW input.form-control#SRCDOCNO{border-color:#C98A25} /* bell panel footer: the bulk actions sit at the end, next to "Open calendar" */ .mui-np-foot{flex-wrap:wrap} .nf-foot-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto} .nf-act{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--line-strong);border-radius:999px;background:var(--sheet);color:var(--accent-text);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s} .nf-act svg{flex:0 0 auto} .nf-act-read:hover{background:var(--accent-soft);border-color:var(--accent)} .nf-act-del{color:#B3282D} .nf-act-del:hover{background:rgba(229,72,77,.12);border-color:#E5484D;color:#B3282D} html[data-mode="dark"] .nf-act-del{color:#FF8A8E} .nf-act:focus-visible{outline:2px solid var(--ring);outline-offset:2px} /* ---- audit fixes (RTL tree, checkboxes, picker tiles, filter bar, analysis buttons) ---- */ html body.mui-rtl .tree li::before,html body.mui-rtl .tree li::after{left:auto;right:-20px} html body.mui-rtl .tree li::before{border-left:0;border-right:1px solid #999} html body.mui-rtl .tree>ul>li::before,html body.mui-rtl .tree>ul>li::after{border:0} html body.mui-rtl .checkbox label,html body.mui-rtl .radio label{padding-left:0;padding-right:20px} html body.mui-rtl .checkbox-inline,html body.mui-rtl .radio-inline{padding-left:0;padding-right:20px} html body.mui-rtl .checkbox input[type=checkbox],html body.mui-rtl .checkbox-inline input[type=checkbox],html body.mui-rtl .radio input[type=radio],html body.mui-rtl .radio-inline input[type=radio]{margin-left:0;margin-right:-20px} html body.mui-rtl .checkbox-inline+.checkbox-inline,html body.mui-rtl .radio-inline+.radio-inline{margin-left:0;margin-right:10px} #SEARCH_DIV #ITM{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;align-content:start} #SEARCH_DIV #ITM>.btn1{float:none;width:auto;height:auto;min-height:64px;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;white-space:normal;line-height:1.3} #FLOW .navbar-fixed-bottom .input-group{display:flex;flex-wrap:nowrap;align-items:stretch;width:100%} #FLOW .navbar-fixed-bottom .input-group>.input-group-addon{flex:0 0 38%;max-width:45%;min-width:84px;height:auto;min-height:40px;white-space:normal;justify-content:flex-start;line-height:1.2} #FLOW .navbar-fixed-bottom .input-group>.form-control,#FLOW .navbar-fixed-bottom .input-group>select,#FLOW .navbar-fixed-bottom .input-group>input{flex:1 1 0;float:none;width:auto;min-width:0;height:40px} #FLOW .navbar-fixed-bottom .input-group .select2-container{flex:1 1 0;min-width:0;width:1%!important} #FLOW #FocusBtn .btn-block{display:flex;align-items:center;justify-content:center;min-height:44px;height:auto;margin:0 0 8px;white-space:normal;line-height:1.25;text-align:center} #FLOW #FocusBtn .btn-group.btn-block{padding:0} #FLOW #FocusBtn .btn-group.btn-block>.dropdown-toggle{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;height:auto;white-space:normal} #FLOW #FocusBtn .btn-group.btn-block>.dropdown-toggle label{margin:0;font-weight:inherit} #FLOW #FocusBtn .dropdown-menu{min-width:100%;left:0;right:auto;text-align:start;z-index:1060} html body.mui-rtl #FLOW #FocusBtn .dropdown-menu{left:auto;right:0} /* ---- login background: portal artwork ---- */ .mlb-portal{position:absolute;top:-2%;left:-2%;width:104%;max-width:none;height:104%;object-fit:cover;animation:mlbCamera 13s ease-in-out infinite alternate} .mlb-p-dark{display:none} .mui-lbg-dark .mlb-p-dark{display:block} .mui-lbg-dark .mlb-p-light{display:none} .mlb-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 75% 62%,#4ca0c530,transparent 48%);animation:mlbPulse 5s ease-in-out infinite alternate} .mlb-sheen{position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#b7e7ff22 48%,#effaff45 50%,#b7e7ff18 52%,transparent 58%);mix-blend-mode:screen;opacity:.34;animation:mlbSweep 8s linear infinite} .mui-lbg:not(.mui-lbg-dark) .mlb-sheen{opacity:.17} @keyframes mlbSweep{from{transform:translateX(-40%)}to{transform:translateX(40%)}} .mui-lbg:not(.mui-lbg-dark) .mlb-glow{opacity:.2;animation:none} .mlb-mist{position:absolute;width:85%;height:35%;bottom:-5%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse,#b7d9f52b,transparent 68%);filter:blur(24px)} .mui-lbg:not(.mui-lbg-dark) .mlb-mist{background:radial-gradient(ellipse,#edf8ff7a,transparent 68%)} .mlb-mist-a{left:-35%;animation:mlbMist 12s ease-in-out infinite alternate} .mlb-mist-b{right:-30%;bottom:9%;animation:mlbMist 16s ease-in-out infinite alternate-reverse} .mlb-orbit{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none} .mui-lbg:not(.mui-lbg-dark) .mlb-orbit{opacity:1} @keyframes mlbCamera{from{transform:scale(1.01) translate(-.8%,-.4%)}to{transform:scale(1.065) translate(.8%,.4%)}} @keyframes mlbPulse{from{opacity:.15}to{opacity:.9}} @keyframes mlbMist{from{transform:translate(-8%,-10%);opacity:.4}to{transform:translate(30%,9%);opacity:1}} @media (max-width:600px){.mlb-portal{object-position:65% center}} @media (prefers-reduced-motion:reduce){.mlb-portal,.mlb-glow,.mlb-sheen,.mlb-mist{animation:none!important}.mlb-orbit{display:none}} /* ---- login card and wordmark: portal design ---- */ .mlb-brand{--brand-opacity:1} .mlb-word{font-size:54px;font-weight:700;letter-spacing:6px;line-height:1.1;background:linear-gradient(150deg,#143a53 8%,#1b638c 35%,#358bb0 55%,#173f5a 82%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 5px #ffffff75)} .mui-lbg-dark .mlb-word{background:linear-gradient(155deg,#eef7fb 8%,#b9d1df 31%,#5daacb 52%,#1b648d 73%,#c1dfec 94%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 14px #06132190)} .mui-lbg .mlb-brand.mlb-show{opacity:1} #loginModal .modal-dialog.mui-login,#FRGMODAL .modal-dialog.mui-login,#FRGPASS .modal-dialog.mui-login{width:min(380px,calc(100vw - 40px));margin:16vh auto 0} #loginModal .modal-content,#FRGMODAL .modal-content,#FRGPASS .modal-content{border-radius:16px;background:#ffffffed;border:1px solid #b4cbdc;box-shadow:0 20px 60px #1b486c26} html[data-mode="dark"] #loginModal .modal-content,html[data-mode="dark"] #FRGMODAL .modal-content,html[data-mode="dark"] #FRGPASS .modal-content{background:#101d2af2;border-color:#54718770;box-shadow:0 24px 80px #0007} #loginModal .modal-body{padding:28px} #loginModal .mui-login-top{justify-content:flex-end;margin-bottom:17px} #loginModal .mui-login-top .mui-mark,#loginModal .mui-login-top .mui-name{display:none} #loginModal .mui-welcome{font-size:22px;font-weight:600;letter-spacing:-.5px;margin:0 0 7px;color:#17374c} #loginModal .mui-intro{font-size:13px;margin:0 0 24px;color:#506b80} html[data-mode="dark"] #loginModal .mui-welcome{color:#e7edf3} html[data-mode="dark"] #loginModal .mui-intro{color:#9fb2c2} #loginModal .form-group>label{font-size:12px;margin-bottom:8px} #loginModal .form-control{height:43px;border-radius:7px;border-color:#a8c0d2;background:#f8fbfd} html[data-mode="dark"] #loginModal .form-control{border-color:#304457;background:transparent} #loginModal .mui-signin{height:45px;border-radius:7px;background:#1a638c;border-color:#1a638c;color:#fff;font-size:13px;font-weight:650} #loginModal .mui-signin:hover,#loginModal .mui-signin:focus{background:#134f73;border-color:#134f73;color:#fff} #loginModal .mui-linkbtn{color:#17658d!important;font-size:12px;font-weight:600;margin-top:12px} html[data-mode="dark"] #loginModal .mui-linkbtn{color:#7bbbd8!important} #loginModal .modal-dialog.mui-login{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,calc(-50% + 42px))!important} @media (max-height:640px){#loginModal .modal-dialog.mui-login{position:relative;left:auto;top:auto;margin:96px auto 24px;transform:none!important}} /* ---- home module tiles: stronger colour for bright screens ---- */ .mui-tile{background:#E9F1F7;border:1px solid #C2D4E1;box-shadow:0 1px 2px rgba(11,29,38,.06),0 4px 10px -8px rgba(11,29,38,.20)} .mui-tile:hover,.mui-tile:focus-visible{background:#E0ECF4;border-color:var(--accent);box-shadow:0 2px 4px rgba(11,29,38,.10),0 8px 16px -8px rgba(11,29,38,.26)} .mui-tile .ico{background:#B7D5E8;color:#124A6B} .mui-tile:nth-child(3n+2) .ico{background:#F8D9A3;color:#6B3C03} .mui-tile:nth-child(3n) .ico{background:#F8C0BC;color:#A82E29} html[data-mode="dark"] .mui-tile{background:var(--sheet-2);border-color:var(--line-strong);box-shadow:none} html[data-mode="dark"] .mui-tile:hover,html[data-mode="dark"] .mui-tile:focus-visible{background:var(--sheet);border-color:var(--accent)} html[data-mode="dark"] .mui-tile .ico{background:var(--accent-soft);color:var(--accent-text)} html[data-mode="dark"] .mui-tile:nth-child(3n+2) .ico{background:var(--sun-soft);color:var(--sun-text)} html[data-mode="dark"] .mui-tile:nth-child(3n) .ico{background:var(--coral-soft);color:var(--coral)} /* bell panel footer: three equal action buttons in one tidy row */ .mui-np-foot{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;padding:10px 12px 12px;background:var(--sheet-2,transparent)} .mui-np-foot .nf-foot-actions{display:contents} .mui-np-foot .nf-act{justify-content:center;width:100%;min-width:0;height:34px;padding:0 8px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid var(--line-strong);background:var(--sheet);color:var(--accent-text)} .mui-np-foot .nf-act span{overflow:hidden;text-overflow:ellipsis} .mui-np-foot .nf-act-cal{background:var(--accent-soft);border-color:transparent} .mui-np-foot .nf-act-cal:hover{border-color:var(--accent)} .mui-np-foot .mui-np-link:not(.nf-act){grid-column:1/-1;text-align:center} html[dir="rtl"] #FLOW [class*="col-"][class*="-12"],#FLOW[dir="rtl"] [class*="col-"][class*="-12"]{clear:both} #FLOW table>tbody>tr.mui-f-red:not(.selected)>td,#FLOW table.dataTable>tbody>tr.mui-f-red:not(.selected)>td,#FLOW table.table-striped>tbody>tr.mui-f-red:not(.selected)>td{color:var(--danger-text)} #FLOW tbody>tr[style*="red" i]:not(.selected)>td,#FLOW tbody>tr[style*="#f00" i]:not(.selected)>td,#FLOW tbody>tr[style*="#ff0000" i]:not(.selected)>td,#FLOW tbody>tr[style*="255, 0, 0"]:not(.selected)>td,#FLOW tbody>tr:not(.selected):has(>td[style*="red" i])>td,#FLOW tbody>tr:not(.selected):has(>td[style*="#f00" i])>td,#FLOW tbody>tr:not(.selected):has(>td[style*="#ff0000" i])>td,#FLOW tbody>tr:not(.selected):has(>td[style*="255, 0, 0"])>td,#FLOW tbody>tr:not(.selected):has(>td>font[color="red" i])>td{background-color:var(--danger-soft)!important;color:var(--danger-text)!important} #FLOW tbody>tr.text-danger:not(.selected)>td,#FLOW tbody>tr:not(.selected):has(>td.text-danger)>td{background-color:var(--danger-soft)!important;color:var(--danger-text)!important} #FLOW table>tbody>tr.mui-r-red:not(.selected)>td{background-color:var(--danger-soft)!important} #FLOW table>tbody>tr.mui-r-green:not(.selected)>td{background-color:var(--ok-soft)!important} #FLOW table>tbody>tr.mui-r-blue:not(.selected)>td{background-color:var(--info-soft)!important} #FLOW table>tbody>tr.mui-r-amber:not(.selected)>td{background-color:var(--warn-soft)!important} #MUIBAR a.mui-crumb{color:var(--accent);text-decoration:none;cursor:pointer;border-radius:6px;padding:2px 4px} #MUIBAR a.mui-crumb:hover,#MUIBAR a.mui-crumb:focus-visible{background:var(--accent-soft);text-decoration:underline;outline:0} /* suggestion lists (autocomplete) follow the system look */ html body ul.ui-autocomplete.ui-menu,html body ul.ui-autocomplete.ui-widget-content{background:var(--sheet)!important;background-image:none!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:var(--r-sm,12px)!important;box-shadow:var(--shadow)!important;padding:6px!important;font-family:var(--font)!important;font-size:14px!important;line-height:1.4;max-height:320px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:var(--line) transparent} html body ul.ui-autocomplete::-webkit-scrollbar{width:8px} html body ul.ui-autocomplete::-webkit-scrollbar-track{background:transparent} html body ul.ui-autocomplete::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px} html body ul.ui-autocomplete::-webkit-scrollbar-thumb:hover{background:var(--muted)} html body ul.ui-autocomplete .ui-menu-item{margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--text)!important;list-style:none} html body ul.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper,html body ul.ui-autocomplete .ui-menu-item>a{display:block;padding:9px 12px!important;border:0!important;border-radius:8px;background:transparent!important;color:var(--text)!important;font-weight:500;cursor:pointer;margin:0!important;text-decoration:none} html body ul.ui-autocomplete .ui-menu-item .ui-state-hover,html body ul.ui-autocomplete .ui-menu-item .ui-state-focus,html body ul.ui-autocomplete .ui-menu-item .ui-state-active,html body ul.ui-autocomplete .ui-menu-item a.ui-state-hover,html body ul.ui-autocomplete .ui-menu-item a.ui-state-focus,html body ul.ui-autocomplete .ui-menu-item a.ui-state-active{background:var(--accent-soft)!important;color:var(--text)!important;border:0!important;margin:0!important;box-shadow:inset 3px 0 0 var(--accent-fill)} html[dir="rtl"] body ul.ui-autocomplete .ui-menu-item .ui-state-hover,html[dir="rtl"] body ul.ui-autocomplete .ui-menu-item .ui-state-focus,html[dir="rtl"] body ul.ui-autocomplete .ui-menu-item .ui-state-active,html[dir="rtl"] body ul.ui-autocomplete .ui-menu-item a.ui-state-hover,html[dir="rtl"] body ul.ui-autocomplete .ui-menu-item a.ui-state-focus,html[dir="rtl"] body ul.ui-autocomplete .ui-menu-item a.ui-state-active{box-shadow:inset -3px 0 0 var(--accent-fill)} html[dir="rtl"] body ul.ui-autocomplete{direction:rtl;text-align:right} html body .ui-helper-hidden-accessible{position:absolute!important} .mlb-logo{display:block;width:250px;max-width:70vw;height:auto;margin:0 auto;filter:drop-shadow(0 2px 6px #ffffffa0)} .mui-lbg-dark .mlb-logo{filter:drop-shadow(0 0 1px #ffffff) drop-shadow(0 0 3px #ffffffcc) drop-shadow(0 0 16px #8fd0f2aa)} html #loginModal .modal-dialog.mui-login{left:32%;transform:translate(-50%,calc(-50% + 40px))!important} @media (max-width:850px){html #loginModal .modal-dialog.mui-login{left:50%}html #loginModal .modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mlb-portal{object-position:65% center}} @media (max-height:640px){html #loginModal .modal-dialog.mui-login{left:auto;transform:none!important}} #loginModal .modal-content{background:#ffffffef;border-color:#abc1d2;box-shadow:0 20px 60px #173d5a26} html[data-mode="dark"] #loginModal .modal-content{background:#101d2af0;border-color:#4f6b80;box-shadow:0 24px 80px #0005} /* =================================================================================================================== NEWFLOW - phone layout + Arabic (RTL) fixes. Phones only (max-width:767px); desktop and tablet rules above are unchanged. 1. header: a floating two-line bar (line 1: menu, search, language, theme, user; line 2: document actions), never overlapping 2. user menu (logout ...): a real card under the header, with its own background (Bootstrap's phone rule made it transparent) 3. forms, button groups, tables and data tables: full width, wrapping, no clipped buttons 4. calendar: week-day names and toolbars fit a phone =================================================================================================================== */ @media (max-width:767px){ /* ---- 1. header ---- */ html body #header{position:sticky;top:0;z-index:1030;padding:8px 8px 0;background:transparent;--hdr-h:76px} html body #header:has(#myNavbar>ul.navbar-nav>li:not(#MUIMORE):not([style*="none"])){--hdr-h:132px} html body #header .navbar,html body.mui-rtl #header .navbar{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:auto;margin:0;min-height:0} html body>.container-fluid{margin-top:8px!important} html body #header .navbar>.container-fluid{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand grp" "act act";align-items:center;column-gap:8px;row-gap:0;min-height:0;padding:8px 10px} html body #header .navbar-header{grid-area:brand;display:flex;margin:0;float:none} html body #header .navbar-collapse{display:contents!important} html body #header #myNavbar>div{grid-area:grp;display:flex!important;flex-wrap:nowrap;align-items:center!important;justify-content:flex-end!important;gap:6px;min-width:0;width:auto} html body #header .navbar-right{flex:0 0 auto!important;display:flex;flex-wrap:nowrap;align-items:center;gap:6px} html body #header .navbar-right>li{flex:none} /* the old round search button is replaced by the header search button (two search buttons overlapped each other) */ html body #header #MUISRCHTOG{display:none!important} html body #header #MUISRCH{display:contents} html body #header #MUISRCHBTN{display:block!important} html body #header.mui-t6 #MUIBELL{display:none} html body #header.mui-t7 #MUITHEME{display:block} html body #header .navbar-right .dropdown-toggle{padding:0 4px!important;gap:6px} html body #header .navbar-right .dropdown-toggle #HEADERUser{display:none} html body #header .mui-lang button{min-width:40px;padding:0 8px} /* line 2: document actions - shown only when the page has some, scrolls sideways if there are many */ html body #header #myNavbar>ul.navbar-nav{display:none} html body #header #myNavbar>ul.navbar-nav:has(>li:not(#MUIMORE):not([style*="none"])){display:flex;grid-area:act;gap:4px;margin:6px 0 0;padding:6px 0 0;border-top:1px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none} html body #header #myNavbar>ul.navbar-nav::-webkit-scrollbar{display:none} html body #header #myNavbar>ul.navbar-nav>li{flex:none;margin:0;padding:0;border:0} html body #header #myNavbar>ul.navbar-nav>li>a{width:auto!important;padding:0 14px!important;justify-content:center;margin:0} html body #header #myNavbar>ul.navbar-nav>li>a span[id^="HEADER"]{display:inline!important} /* the sidebar button and the search bar follow the header height */ html body.mui-search-open #header .navbar-collapse .input-group,html body.mui-rtl.mui-search-open #header .navbar-collapse .input-group{top:calc(var(--hdr-h,76px) + 6px);left:8px;right:8px} /* the actions line scrolls sideways, which would clip a menu hanging from it: the "More actions" menu is a card under the header instead */ html body #header .mui-more-menu{position:fixed;top:calc(var(--hdr-h,76px) + 6px);left:8px;right:8px;inset-inline:8px;min-width:0;max-width:none;max-height:calc(100vh - var(--hdr-h,76px) - 24px);overflow-y:auto} html body #header .mui-srch-pop{left:8px!important;right:8px!important;width:auto} /* ---- 2. user menu (logout, password, help ...) ---- */ html body #header .navbar-nav .open>.dropdown-menu,html body #header .navbar-right .dropdown-menu{position:fixed;top:calc(var(--hdr-h,76px) + 6px);left:8px;right:8px;min-width:0;width:auto;max-height:calc(100vh - var(--hdr-h,76px) - 24px);overflow-y:auto;margin:0;padding:6px;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:0 18px 48px -12px rgba(11,29,46,.35);z-index:1100;float:none} html body.mui-rtl #header .navbar-right .dropdown-menu{left:8px;right:8px;text-align:right} html body #header .navbar-nav .open .dropdown-menu>li>a{padding:11px 14px;line-height:1.4;color:var(--text);border-radius:var(--r-sm);white-space:normal} html body #header .navbar-nav .open .dropdown-menu>li>a:hover,html body #header .navbar-nav .open .dropdown-menu>li>a:focus{background:var(--accent-soft);color:var(--text)} html body #header .dropdown-menu>li.mui-prof{padding:10px 14px 12px} /* ---- 3. forms, button groups, tables ---- */ #FLOW .form-group>.form-control,#FLOW .form-group>select,#FLOW .form-group>textarea,#FLOW .form-group>.input-group{width:100%;max-width:100%} #FLOW .form-group>label,#FLOW label{max-width:100%} #FLOW .input-group>input:not([type=hidden]):not([type=checkbox]):not([type=radio]),#FLOW .input-group>select{min-width:0;max-width:100%} #FLOW .form-inline{display:flex;flex-wrap:wrap;gap:8px} #FLOW .form-inline .form-control,#FLOW .form-inline select{width:100%;display:block} #FLOW .btn-group,#FLOW .btn-group-vertical{display:flex;flex-wrap:wrap;gap:8px;align-items:center;float:none;position:static;vertical-align:top;max-width:100%} #FLOW .btn-group>.btn,#FLOW .btn-group>a,#FLOW .btn-group>.btn-group{float:none!important;margin:0!important;position:static} #FLOW .div-table-content{height:auto;max-height:70vh;overflow:auto;-webkit-overflow-scrolling:touch} #FLOW .div-table-content>.btn{margin:0 0 8px;margin-inline-end:6px} #FLOW .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border:0} /* a plain table wider than the phone scrolls inside its own box instead of pushing the whole page sideways */ #FLOW table.table:not(.dataTable){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} /* "My Dashboard" date popup: a full-width card under the page header instead of a 350px box hanging off a small button */ #FLOW .dsh-head{position:relative} #FLOW .dsh-datewrap{position:static} #FLOW .dsh-pop{left:0;right:0;inset-inline:0;width:auto;max-width:none} #FLOW .dsh-pop::before{display:none} #FLOW .dataTables_wrapper{max-width:100%} #FLOW .dataTables_wrapper .dataTables_filter,#FLOW .dataTables_wrapper .dataTables_length{float:none;text-align:start;margin:0 0 10px} #FLOW .dataTables_wrapper .dataTables_filter label{display:flex;align-items:center;gap:8px;width:100%} #FLOW .dataTables_wrapper .dataTables_filter input{flex:1 1 auto;min-width:0;width:auto!important;margin:0!important} #FLOW .dataTables_wrapper .dataTables_info,#FLOW .dataTables_wrapper .dataTables_paginate{float:none;text-align:center;padding:0;margin:8px 0 0} #FLOW .dataTables_wrapper .dataTables_paginate{display:flex;flex-wrap:wrap;justify-content:center;gap:4px} #FLOW .dataTables_scrollBody,#FLOW .dataTables_scrollHead{max-width:100%} #FLOW .modal-dialog{margin:8px} /* more usable width on a phone: slimmer page padding and column gutters (every nested row/column used to cost 30px) */ html body #FLOW{padding:16px 10px} #FLOW .row{margin-left:-8px;margin-right:-8px} #FLOW [class*="col-"]{padding-left:8px;padding-right:8px} #FLOW .panel-body{padding:12px} /* very small phones: the first header line shrinks a little so it still fits */ @media (max-width:360px){ html body #header #myNavbar>div,html body #header .navbar-right{gap:3px} html body #header .mui-hbtn,html body #header #MODETGL{width:38px;height:38px} html body #header .mui-lang button{min-width:32px;padding:0 6px} html body #header .navbar>.container-fluid{padding:8px 6px;column-gap:4px} } /* ---- footer: a normal block at the end of the page (the fixed 34px bar overlapped the page and the text ran out of it) ---- */ html body #footer .footer,html body.mui-rtl #footer .footer{position:static;left:auto;right:auto;height:auto;margin:10px 8px 8px;padding:10px 12px;font-size:12px;border-radius:var(--r-md)} #footer .footer .row{flex-wrap:wrap;justify-content:center;gap:6px 14px;text-align:center} #footer .footer [class*="col-"]{width:auto;max-width:100%} #footer .footer p{display:flex;align-items:center;justify-content:center;gap:10px} /* ---- 4. calendar ---- */ #Calendar,#CALModal{max-width:100%} #FLOW .fc-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px} #FLOW .fc-toolbar .fc-left,#FLOW .fc-toolbar .fc-right,#FLOW .fc-toolbar .fc-center{float:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px} #FLOW .fc-toolbar h2{font-size:18px;margin:0} #FLOW .fc-button{height:36px;padding:0 12px;border-radius:10px} /* the calendar sits inside three padded boxes; on a phone they shrink so the 7 week-day columns have room for the day names */ #FLOW .panel-body:has(>.tab-content>#Calendar),#FLOW .panel-body:has(#CALModal){padding:8px} #FLOW #CALModal.fc{padding:6px} html body #FLOW #CALModal th.fc-day-header,html body #FLOW #CALModal .fc-widget-header th{padding:6px 0!important;font-size:10px;letter-spacing:0;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:clip;text-align:center} html body #FLOW #CALModal .fc-button-group{display:inline-flex;gap:6px} html body #FLOW #CALModal .fc-button-group>.fc-button{border-radius:10px;margin:0} #FLOW .fc-day-number{font-size:12px;padding:3px 4px} #FLOW .fc-event{font-size:11px;padding:1px 4px;margin:1px 1px} } /* =================================================================================================================== NEWFLOW - Arabic (RTL) columns. ROOT CAUSE of the broken Arabic screens: the rules above float EVERY column to the right at every screen width, but Bootstrap only gives columns a width (and floats them) from their own breakpoint up. Below it the floated column shrank to its content, so fields became different widths and sat on one side. Columns are floated only from their own breakpoint up again (col-xs always). =================================================================================================================== */ @media (max-width:1199px){ html[dir="rtl"] #FLOW [class*="col-lg-"]:not([class*="col-xs-"]):not([class*="col-sm-"]):not([class*="col-md-"]), #FLOW[dir="rtl"] [class*="col-lg-"]:not([class*="col-xs-"]):not([class*="col-sm-"]):not([class*="col-md-"]){float:none} } @media (max-width:991px){ html[dir="rtl"] #FLOW [class*="col-md-"]:not([class*="col-xs-"]):not([class*="col-sm-"]), #FLOW[dir="rtl"] [class*="col-md-"]:not([class*="col-xs-"]):not([class*="col-sm-"]){float:none} } @media (max-width:767px){ html[dir="rtl"] #FLOW [class*="col-sm-"]:not([class*="col-xs-"]), #FLOW[dir="rtl"] [class*="col-sm-"]:not([class*="col-xs-"]){float:none} } /* Header search (opened with the header search button on narrow screens): the field lives inside the old search popup, which stayed invisible (opacity 0 / visibility hidden), so the bar opened empty. While the bar is open that popup only passes visibility through. */ body.mui-search-open #header .mui-srch-pop{display:contents;visibility:visible;opacity:1;pointer-events:auto} /* =================================================================================================================== POS + POS2 - item search window (the magnifier next to Item No.) and the POS2 bottom bar. Display only. =================================================================================================================== */ html body #FLOW[data-page="pos"] #SEARCH_DIV .modal-dialog, html body #FLOW[data-page="pos2"] #SEARCH_DIV .modal-dialog{width:min(1120px,calc(100vw - 24px));max-width:none;margin:12px auto} html body #FLOW[data-page="pos"] #SEARCH_DIV .modal-content, html body #FLOW[data-page="pos2"] #SEARCH_DIV .modal-content{position:relative;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--sheet)} html body #FLOW[data-page="pos"] #SEARCH_DIV .modal-body.scroll-modal, html body #FLOW[data-page="pos2"] #SEARCH_DIV .modal-body.scroll-modal{height:auto;max-height:calc(100vh - 24px);overflow-x:hidden;overflow-y:auto;padding:0;-webkit-overflow-scrolling:touch} html body #FLOW[data-page="pos"] #SEARCH_DIV .panel.panel-info, html body #FLOW[data-page="pos2"] #SEARCH_DIV .panel.panel-info{margin:0;border:0;border-radius:0;background:transparent;box-shadow:none} html body #FLOW[data-page="pos"] #SEARCH_DIV .panel-body, html body #FLOW[data-page="pos2"] #SEARCH_DIV .panel-body{padding:20px 22px 24px} html body #FLOW[data-page="pos"] #SEARCH_DIV .si-x, html body #FLOW[data-page="pos2"] #SEARCH_DIV .si-x{position:absolute;top:14px;inset-inline-end:14px;z-index:6;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--sheet-2);color:var(--text);font-size:24px;line-height:1;cursor:pointer;transition:background .15s,color .15s} html body #FLOW[data-page="pos"] #SEARCH_DIV .si-x:hover, html body #FLOW[data-page="pos2"] #SEARCH_DIV .si-x:hover{background:var(--accent-fill);color:var(--on-accent)} html body #FLOW[data-page="pos"] #SEARCH_DIV .nav-tabs, html body #FLOW[data-page="pos2"] #SEARCH_DIV .nav-tabs{display:inline-flex;gap:2px;float:none;margin:0 0 18px;margin-inline-end:52px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--sheet-2)} html body #FLOW[data-page="pos"] #SEARCH_DIV .nav-tabs>li, html body #FLOW[data-page="pos2"] #SEARCH_DIV .nav-tabs>li{float:none;margin:0} html body #FLOW[data-page="pos"] #SEARCH_DIV .nav-tabs>li>a, html body #FLOW[data-page="pos2"] #SEARCH_DIV .nav-tabs>li>a{margin:0;padding:9px 24px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:600;font-size:14px;white-space:nowrap;transition:background .15s,color .15s} html body #FLOW[data-page="pos"] #SEARCH_DIV .nav-tabs>li>a:hover, html body #FLOW[data-page="pos2"] #SEARCH_DIV .nav-tabs>li>a:hover{background:rgba(127,147,168,.16);color:var(--text)} html body #FLOW[data-page="pos"] #SEARCH_DIV .nav-tabs>li.active>a, html body #FLOW[data-page="pos"] #SEARCH_DIV .nav-tabs>li.active>a:hover, html body #FLOW[data-page="pos"] #SEARCH_DIV .nav-tabs>li.active>a:focus, html body #FLOW[data-page="pos2"] #SEARCH_DIV .nav-tabs>li.active>a, html body #FLOW[data-page="pos2"] #SEARCH_DIV .nav-tabs>li.active>a:hover, html body #FLOW[data-page="pos2"] #SEARCH_DIV .nav-tabs>li.active>a:focus{border:0;background:var(--accent-fill);color:var(--on-accent);box-shadow:0 8px 16px -10px var(--accent-fill)} html body #FLOW[data-page="pos"] #SEARCH_DIV #profile>h4, html body #FLOW[data-page="pos2"] #SEARCH_DIV #profile>h4{display:none} html body #FLOW[data-page="pos"] #SEARCH_DIV #profile>.row, html body #FLOW[data-page="pos2"] #SEARCH_DIV #profile>.row{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 18px} html body #FLOW[data-page="pos"] #SEARCH_DIV #profile>.row::before, html body #FLOW[data-page="pos"] #SEARCH_DIV #profile>.row::after, html body #FLOW[data-page="pos2"] #SEARCH_DIV #profile>.row::before, html body #FLOW[data-page="pos2"] #SEARCH_DIV #profile>.row::after{display:none} html body #FLOW[data-page="pos"] #SEARCH_DIV #profile>.row>[class*="col-"], html body #FLOW[data-page="pos2"] #SEARCH_DIV #profile>.row>[class*="col-"]{float:none;width:auto;flex:1 1 220px;min-width:0;padding:0} html body #FLOW[data-page="pos"] #SEARCH_DIV #profile .form-group, html body #FLOW[data-page="pos2"] #SEARCH_DIV #profile .form-group{margin:0} html body #FLOW[data-page="pos"] #SEARCH_DIV #profile .form-group>label, html body #FLOW[data-page="pos2"] #SEARCH_DIV #profile .form-group>label{display:block;margin:12px 0 6px;color:var(--muted);font-size:12px;font-weight:600} html body #FLOW[data-page="pos"] #SEARCH_DIV #profile .form-group>label:first-child, html body #FLOW[data-page="pos2"] #SEARCH_DIV #profile .form-group>label:first-child{margin-top:0} html body #FLOW[data-page="pos"] #SEARCH_DIV #profile .form-control, html body #FLOW[data-page="pos2"] #SEARCH_DIV #profile .form-control{height:46px;border-radius:12px} html body #FLOW[data-page="pos"] #SEARCH_DIV #profile>.row>[class*="col-"]:last-child, html body #FLOW[data-page="pos2"] #SEARCH_DIV #profile>.row>[class*="col-"]:last-child{display:flex;flex-direction:column;justify-content:flex-end;gap:10px} html body #FLOW[data-page="pos"] #SEARCH_DIV #profile>.row>[class*="col-"]:last-child>label, html body #FLOW[data-page="pos2"] #SEARCH_DIV #profile>.row>[class*="col-"]:last-child>label{display:none} html body #FLOW[data-page="pos"] #SEARCH_DIV #profile>.row>[class*="col-"]:last-child>.btn, html body #FLOW[data-page="pos2"] #SEARCH_DIV #profile>.row>[class*="col-"]:last-child>.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%!important;height:46px;margin:0!important;border-radius:999px;font-weight:600} html body #FLOW[data-page="pos"] #SEARCH_DIV #profile>.row>[class*="col-"]:last-child>.btn:first-of-type, html body #FLOW[data-page="pos2"] #SEARCH_DIV #profile>.row>[class*="col-"]:last-child>.btn:first-of-type{border-color:transparent;background:var(--accent-fill);color:var(--on-accent)} html body #FLOW[data-page="pos"] #SEARCH_DIV #profile>.row>[class*="col-"]:last-child>.btn:first-of-type:hover, html body #FLOW[data-page="pos2"] #SEARCH_DIV #profile>.row>[class*="col-"]:last-child>.btn:first-of-type:hover{background:var(--accent-hover)} html body #FLOW[data-page="pos"] #SEARCH_DIV #S_DTL, html body #FLOW[data-page="pos2"] #SEARCH_DIV #S_DTL{width:100%;margin:0;border:1px solid var(--line);border-radius:14px} html body #FLOW[data-page="pos"] #SEARCH_DIV #Qualifications>.row:first-child, html body #FLOW[data-page="pos2"] #SEARCH_DIV #Qualifications>.row:first-child{height:auto!important;overflow:visible!important;margin:0 0 14px} html body #FLOW[data-page="pos"] #SEARCH_DIV #SITMCLS, html body #FLOW[data-page="pos2"] #SEARCH_DIV #SITMCLS{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;float:none;width:auto;max-height:136px;overflow-y:auto;padding:2px 4px 2px 2px;scrollbar-width:thin} html body #FLOW[data-page="pos"] #SEARCH_DIV #ITMCLS, html body #FLOW[data-page="pos2"] #SEARCH_DIV #ITMCLS{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;float:none;width:auto;max-height:136px;overflow-y:auto;padding:2px 4px 2px 2px;scrollbar-width:thin} html body #FLOW[data-page="pos"] #SEARCH_DIV #SITMCLS>.btn, html body #FLOW[data-page="pos2"] #SEARCH_DIV #SITMCLS>.btn{float:none;width:auto;height:40px;margin:0;padding:0 16px;border:1px solid color-mix(in srgb,var(--text) 20%,var(--sheet));border-radius:12px;background:color-mix(in srgb,var(--text) 13%,var(--sheet));color:var(--text);font-size:13.5px;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,transform .15s} html body #FLOW[data-page="pos"] #SEARCH_DIV #ITMCLS>.btn, html body #FLOW[data-page="pos2"] #SEARCH_DIV #ITMCLS>.btn{float:none;width:auto;height:40px;margin:0;padding:0 16px;border:1px solid color-mix(in srgb,var(--text) 20%,var(--sheet));border-radius:12px;background:color-mix(in srgb,var(--text) 13%,var(--sheet));color:var(--text);font-size:13.5px;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,transform .15s} html body #FLOW[data-page="pos"] #SEARCH_DIV #SITMCLS>.btn:hover, html body #FLOW[data-page="pos"] #SEARCH_DIV #SITMCLS>.btn:focus, html body #FLOW[data-page="pos2"] #SEARCH_DIV #SITMCLS>.btn:hover, html body #FLOW[data-page="pos2"] #SEARCH_DIV #SITMCLS>.btn:focus{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text);transform:translateY(-1px)} html body #FLOW[data-page="pos"] #SEARCH_DIV #ITMCLS>.btn:hover, html body #FLOW[data-page="pos"] #SEARCH_DIV #ITMCLS>.btn:focus, html body #FLOW[data-page="pos2"] #SEARCH_DIV #ITMCLS>.btn:hover, html body #FLOW[data-page="pos2"] #SEARCH_DIV #ITMCLS>.btn:focus{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text);transform:translateY(-1px)} html body #FLOW[data-page="pos"] #SEARCH_DIV #SITMCLS>.btn.btn-danger, html body #FLOW[data-page="pos2"] #SEARCH_DIV #SITMCLS>.btn.btn-danger{border-color:var(--accent);background:var(--sheet);color:var(--accent-text)} html body #FLOW[data-page="pos"] #SEARCH_DIV #ITMCLS>.btn.btn-danger, html body #FLOW[data-page="pos2"] #SEARCH_DIV #ITMCLS>.btn.btn-danger{border-color:var(--accent);background:var(--sheet);color:var(--accent-text)} html body #FLOW[data-page="pos"] #SEARCH_DIV #Qualifications>.row:last-child, html body #FLOW[data-page="pos2"] #SEARCH_DIV #Qualifications>.row:last-child{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;margin:0;align-items:start} html body #FLOW[data-page="pos"] #SEARCH_DIV #Qualifications>.row:last-child::before, html body #FLOW[data-page="pos"] #SEARCH_DIV #Qualifications>.row:last-child::after, html body #FLOW[data-page="pos2"] #SEARCH_DIV #Qualifications>.row:last-child::before, html body #FLOW[data-page="pos2"] #SEARCH_DIV #Qualifications>.row:last-child::after{display:none} html body #FLOW[data-page="pos"] #SEARCH_DIV #Qualifications>.row:last-child>[class*="col-"], html body #FLOW[data-page="pos2"] #SEARCH_DIV #Qualifications>.row:last-child>[class*="col-"]{float:none;width:auto;padding:0;min-width:0} html body #FLOW[data-page="pos"] #SEARCH_DIV #SITMGRP, html body #FLOW[data-page="pos2"] #SEARCH_DIV #SITMGRP{display:flex;flex-direction:column;gap:8px;max-height:min(60vh,560px);overflow-y:auto;padding:2px} html body #FLOW[data-page="pos"] #SEARCH_DIV #ITMGRP, html body #FLOW[data-page="pos2"] #SEARCH_DIV #ITMGRP{display:flex;flex-direction:column;gap:8px;max-height:min(60vh,560px);overflow-y:auto;padding:2px} html body #FLOW[data-page="pos"] #SEARCH_DIV #SITMGRP>.btn, html body #FLOW[data-page="pos2"] #SEARCH_DIV #SITMGRP>.btn{display:flex;align-items:center;justify-content:flex-start;width:100%;height:auto;min-height:44px;margin:0;padding:10px 14px;border:1px solid color-mix(in srgb,var(--text) 20%,var(--sheet));border-radius:12px;background:color-mix(in srgb,var(--text) 13%,var(--sheet));color:var(--text);font-size:13.5px;font-weight:600;text-align:start;white-space:normal;line-height:1.3;transition:background .15s,border-color .15s,color .15s} html body #FLOW[data-page="pos"] #SEARCH_DIV #ITMGRP>.btn, html body #FLOW[data-page="pos2"] #SEARCH_DIV #ITMGRP>.btn{display:flex;align-items:center;justify-content:flex-start;width:100%;height:auto;min-height:44px;margin:0;padding:10px 14px;border:1px solid color-mix(in srgb,var(--text) 20%,var(--sheet));border-radius:12px;background:color-mix(in srgb,var(--text) 13%,var(--sheet));color:var(--text);font-size:13.5px;font-weight:600;text-align:start;white-space:normal;line-height:1.3;transition:background .15s,border-color .15s,color .15s} html body #FLOW[data-page="pos"] #SEARCH_DIV #SITMGRP>.btn:hover, html body #FLOW[data-page="pos"] #SEARCH_DIV #SITMGRP>.btn:focus, html body #FLOW[data-page="pos2"] #SEARCH_DIV #SITMGRP>.btn:hover, html body #FLOW[data-page="pos2"] #SEARCH_DIV #SITMGRP>.btn:focus{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)} html body #FLOW[data-page="pos"] #SEARCH_DIV #ITMGRP>.btn:hover, html body #FLOW[data-page="pos"] #SEARCH_DIV #ITMGRP>.btn:focus, html body #FLOW[data-page="pos2"] #SEARCH_DIV #ITMGRP>.btn:hover, html body #FLOW[data-page="pos2"] #SEARCH_DIV #ITMGRP>.btn:focus{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)} html body #FLOW[data-page="pos"] #SEARCH_DIV #SITMGRP>.btn:first-child, html body #FLOW[data-page="pos2"] #SEARCH_DIV #SITMGRP>.btn:first-child{justify-content:center;min-height:40px;color:var(--muted)} html body #FLOW[data-page="pos"] #SEARCH_DIV #ITMGRP>.btn:first-child, html body #FLOW[data-page="pos2"] #SEARCH_DIV #ITMGRP>.btn:first-child{justify-content:center;min-height:40px;color:var(--muted)} html body #FLOW[data-page="pos"] #SEARCH_DIV #ITM, html body #FLOW[data-page="pos2"] #SEARCH_DIV #ITM{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;align-content:start;max-height:min(60vh,560px);overflow-y:auto;padding:2px} html body #FLOW[data-page="pos"] #SEARCH_DIV #ITM>.btn1, html body #FLOW[data-page="pos2"] #SEARCH_DIV #ITM>.btn1{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:8px;float:none;width:auto;height:auto;min-height:104px;margin:0;padding:12px 14px;border:1px solid var(--line);border-inline-start:4px solid var(--accent);border-radius:14px;background:var(--sheet);color:var(--text);text-align:start;white-space:normal;line-height:1.3;box-shadow:0 1px 2px rgba(11,29,38,.04);transition:transform .15s,border-color .15s,box-shadow .15s} html body #FLOW[data-page="pos"] #SEARCH_DIV #ITM>.btn1:hover, html body #FLOW[data-page="pos"] #SEARCH_DIV #ITM>.btn1:focus, html body #FLOW[data-page="pos2"] #SEARCH_DIV #ITM>.btn1:hover, html body #FLOW[data-page="pos2"] #SEARCH_DIV #ITM>.btn1:focus{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 12px 20px -14px var(--accent-fill)} html body #FLOW[data-page="pos"] #SEARCH_DIV #ITM>.btn1:active, html body #FLOW[data-page="pos2"] #SEARCH_DIV #ITM>.btn1:active{transform:scale(.985)} html body #FLOW[data-page="pos"] #SEARCH_DIV .si-n, html body #FLOW[data-page="pos2"] #SEARCH_DIV .si-n{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;width:100%;font-size:13.5px;font-weight:600;line-height:1.35;overflow-wrap:anywhere} html body #FLOW[data-page="pos"] #SEARCH_DIV .si-b, html body #FLOW[data-page="pos2"] #SEARCH_DIV .si-b{display:inline-flex;align-items:center;gap:5px;direction:ltr;padding:2px 9px;border-radius:999px;background:var(--ok-soft);color:var(--ok);font-size:11.5px;font-weight:600} html body #FLOW[data-page="pos"] #SEARCH_DIV .si-b b, html body #FLOW[data-page="pos2"] #SEARCH_DIV .si-b b{font-weight:700} html body #FLOW[data-page="pos"] #SEARCH_DIV .si-zero .si-b, html body #FLOW[data-page="pos2"] #SEARCH_DIV .si-zero .si-b{background:var(--danger-soft);color:var(--danger-text)} html body #FLOW[data-page="pos"] #SEARCH_DIV .si-p, html body #FLOW[data-page="pos2"] #SEARCH_DIV .si-p{unicode-bidi:plaintext;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-text)} html body #FLOW[data-page="pos"] #SEARCH_DIV .si-zero, html body #FLOW[data-page="pos2"] #SEARCH_DIV .si-zero{border-inline-start-color:var(--danger)} @media (max-width:767px){ html body #FLOW[data-page="pos"] #SEARCH_DIV .modal-dialog, html body #FLOW[data-page="pos2"] #SEARCH_DIV .modal-dialog{width:auto;margin:8px} html body #FLOW[data-page="pos"] #SEARCH_DIV .modal-body.scroll-modal, html body #FLOW[data-page="pos2"] #SEARCH_DIV .modal-body.scroll-modal{max-height:calc(100vh - 16px)} html body #FLOW[data-page="pos"] #SEARCH_DIV .panel-body, html body #FLOW[data-page="pos2"] #SEARCH_DIV .panel-body{padding:16px 12px 18px} html body #FLOW[data-page="pos"] #SEARCH_DIV .nav-tabs, html body #FLOW[data-page="pos2"] #SEARCH_DIV .nav-tabs{display:flex;margin:0 0 14px;margin-inline-end:48px} html body #FLOW[data-page="pos"] #SEARCH_DIV .nav-tabs>li, html body #FLOW[data-page="pos2"] #SEARCH_DIV .nav-tabs>li{flex:1 1 0} html body #FLOW[data-page="pos"] #SEARCH_DIV .nav-tabs>li>a, html body #FLOW[data-page="pos2"] #SEARCH_DIV .nav-tabs>li>a{padding:9px 10px;text-align:center} html body #FLOW[data-page="pos"] #SEARCH_DIV #profile>.row>[class*="col-"], html body #FLOW[data-page="pos2"] #SEARCH_DIV #profile>.row>[class*="col-"]{flex:1 1 100%} html body #FLOW[data-page="pos"] #SEARCH_DIV #Qualifications>.row:last-child, html body #FLOW[data-page="pos2"] #SEARCH_DIV #Qualifications>.row:last-child{display:block} html body #FLOW[data-page="pos"] #SEARCH_DIV #SITMCLS, html body #FLOW[data-page="pos2"] #SEARCH_DIV #SITMCLS{flex-wrap:nowrap;max-height:none;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:none} html body #FLOW[data-page="pos"] #SEARCH_DIV #ITMCLS, html body #FLOW[data-page="pos2"] #SEARCH_DIV #ITMCLS{flex-wrap:nowrap;max-height:none;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:none} html body #FLOW[data-page="pos"] #SEARCH_DIV #SITMCLS>.btn, html body #FLOW[data-page="pos2"] #SEARCH_DIV #SITMCLS>.btn{flex:none} html body #FLOW[data-page="pos"] #SEARCH_DIV #ITMCLS>.btn, html body #FLOW[data-page="pos2"] #SEARCH_DIV #ITMCLS>.btn{flex:none} html body #FLOW[data-page="pos"] #SEARCH_DIV #SITMGRP, html body #FLOW[data-page="pos2"] #SEARCH_DIV #SITMGRP{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;margin:0 0 12px;padding:2px 2px 6px;scrollbar-width:none} html body #FLOW[data-page="pos"] #SEARCH_DIV #ITMGRP, html body #FLOW[data-page="pos2"] #SEARCH_DIV #ITMGRP{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;margin:0 0 12px;padding:2px 2px 6px;scrollbar-width:none} html body #FLOW[data-page="pos"] #SEARCH_DIV #SITMGRP>.btn, html body #FLOW[data-page="pos2"] #SEARCH_DIV #SITMGRP>.btn{flex:none;width:auto;min-height:40px;padding:8px 16px;white-space:nowrap} html body #FLOW[data-page="pos"] #SEARCH_DIV #ITMGRP>.btn, html body #FLOW[data-page="pos2"] #SEARCH_DIV #ITMGRP>.btn{flex:none;width:auto;min-height:40px;padding:8px 16px;white-space:nowrap} html body #FLOW[data-page="pos"] #SEARCH_DIV #ITM, html body #FLOW[data-page="pos2"] #SEARCH_DIV #ITM{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:none;overflow:visible} html body #FLOW[data-page="pos"] #SEARCH_DIV #ITM>.btn1, html body #FLOW[data-page="pos2"] #SEARCH_DIV #ITM>.btn1{min-height:96px;padding:10px 12px} } /* the same window for the customer versions of the page: their classes / groups have the ids ITMCLS / ITMGRP and a different nesting */ html body #FLOW[data-page="pos"] #SEARCH_DIV #Qualifications>h4, html body #FLOW[data-page="pos2"] #SEARCH_DIV #Qualifications>h4{display:none} html body #FLOW[data-page="pos"] #SEARCH_DIV #Qualifications>.col-md-12, html body #FLOW[data-page="pos2"] #SEARCH_DIV #Qualifications>.col-md-12{float:none;width:auto;padding:0} html body #FLOW[data-page="pos"] #SEARCH_DIV #Qualifications .panel.panel-primary, html body #FLOW[data-page="pos2"] #SEARCH_DIV #Qualifications .panel.panel-primary{margin:0 0 10px;border:0;border-radius:0;background:transparent;box-shadow:none} html body #FLOW[data-page="pos"] #SEARCH_DIV #Qualifications .panel-primary>.panel-body, html body #FLOW[data-page="pos2"] #SEARCH_DIV #Qualifications .panel-primary>.panel-body{padding:0} html body #FLOW[data-page="pos"] #SEARCH_DIV #Qualifications .row:has(>#ITMCLS), html body #FLOW[data-page="pos2"] #SEARCH_DIV #Qualifications .row:has(>#ITMCLS){height:auto!important;overflow:visible!important;margin:0 0 14px} html body #FLOW[data-page="pos"] #SEARCH_DIV #Qualifications .row:has(>#ITMCLS)>[class*="col-"], html body #FLOW[data-page="pos2"] #SEARCH_DIV #Qualifications .row:has(>#ITMCLS)>[class*="col-"]{float:none;width:auto;padding:0} html body #FLOW[data-page="pos"] #SEARCH_DIV #Qualifications .row:has(>#ITMGRP), html body #FLOW[data-page="pos2"] #SEARCH_DIV #Qualifications .row:has(>#ITMGRP){display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;margin:0;align-items:start} html body #FLOW[data-page="pos"] #SEARCH_DIV #Qualifications .row:has(>#ITMGRP)::before, html body #FLOW[data-page="pos"] #SEARCH_DIV #Qualifications .row:has(>#ITMGRP)::after, html body #FLOW[data-page="pos2"] #SEARCH_DIV #Qualifications .row:has(>#ITMGRP)::before, html body #FLOW[data-page="pos2"] #SEARCH_DIV #Qualifications .row:has(>#ITMGRP)::after{display:none} html body #FLOW[data-page="pos"] #SEARCH_DIV #Qualifications .row:has(>#ITMGRP)>[class*="col-"], html body #FLOW[data-page="pos2"] #SEARCH_DIV #Qualifications .row:has(>#ITMGRP)>[class*="col-"]{float:none;width:auto;padding:0;min-width:0} html body #FLOW[data-page="pos"] #SEARCH_DIV .modal-footer, html body #FLOW[data-page="pos2"] #SEARCH_DIV .modal-footer{display:none} @media (max-width:767px){ html body #FLOW[data-page="pos"] #SEARCH_DIV #Qualifications .row:has(>#ITMGRP), html body #FLOW[data-page="pos2"] #SEARCH_DIV #Qualifications .row:has(>#ITMGRP){display:block} } /* POS2 bottom bar: one tidy row on desktop (actions, pay, total discount), a Pay row + a "more" panel on phones */ html body #FLOW form#form1:has(.navbar-fixed-bottom [data-target="#CARD"]){padding-bottom:96px} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]){padding:0;min-height:0} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .navbar-collapse#bottom{display:flex!important;visibility:visible!important;flex-wrap:wrap;align-items:center;gap:10px 10px;margin:0;padding:10px 16px;overflow:visible;border:0;box-shadow:none} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .navbar-header{float:none;margin:0} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .navbar-collapse#bottom>.btn-group{display:flex;flex-wrap:nowrap;align-items:stretch;gap:8px;float:none;margin:0;vertical-align:top} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .btn-group>.btn4{float:none;position:relative;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;height:48px;min-height:0;margin:0;padding:0 12px;border:1px solid var(--line-strong);border-radius:14px;background:var(--sheet);color:var(--text);font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;text-align:center;box-shadow:none;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .btn-group>.btn4 br{display:none} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .btn-group>.btn4 .glyphicon{top:0;font-size:15px} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .btn-group>.btn4:hover,html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .btn-group>.btn4:focus{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text);transform:translateY(-1px)} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .btn-group>.btn4:active{transform:scale(.98)} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .btn-group>.btn-success.btn4{border-color:transparent;background:var(--ok-soft);color:var(--ok)} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .btn-group>.btn-info.btn4{border-color:transparent;background:var(--info-soft);color:var(--info)} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .btn-group>.btn-success.btn4:hover,html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .btn-group>.btn-info.btn4:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .btn-group>.btn-warning.btn4{min-width:130px;border-color:transparent;background:var(--accent-fill);color:var(--on-accent);box-shadow:0 10px 18px -10px var(--accent-fill)} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .btn-group>.btn-warning.btn4:hover,html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .btn-group>.btn-warning.btn4:focus{background:var(--accent-hover);color:var(--on-accent)} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .btn-group>.btn4>i:not(.glyphicon){font-style:normal;padding:1px 7px;border-radius:7px;background:var(--sheet-2);color:var(--muted);font-size:11px;font-weight:700} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) [onclick*="toggleFullScreen"]:not(:has(.glyphicon))::before{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5'/%3E%3C/svg%3E") center/contain no-repeat} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) [data-target="#CUS"]:not(:has(.glyphicon))::before{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1-4 4-6 8-6s7 2 8 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1-4 4-6 8-6s7 2 8 6'/%3E%3C/svg%3E") center/contain no-repeat} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) [data-target="#expenses"]:not(:has(.glyphicon))::before{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h15a3 3 0 0 1 3 3v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M3 7l2-3h11M16 14h3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h15a3 3 0 0 1 3 3v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M3 7l2-3h11M16 14h3'/%3E%3C/svg%3E") center/contain no-repeat} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) [data-target="#CARD"]:not(:has(.glyphicon))::before{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18M7 15h4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18M7 15h4'/%3E%3C/svg%3E") center/contain no-repeat} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .navbar-collapse#bottom>.btn-group:has(.input-group){flex:1 1 200px;min-width:200px;max-width:300px;margin-inline-start:auto} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .input-group[style]{display:flex;width:100%!important;margin:0!important} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .input-group>.input-group-addon{flex:0 0 auto;max-width:none;min-width:0;height:48px;padding:0 14px;display:flex;align-items:center;border:1px solid var(--line-strong);border-inline-end:0;border-radius:14px 0 0 14px;background:var(--sheet-2);color:var(--muted);font-size:12.5px;font-weight:600;white-space:nowrap} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .input-group>.form-control{flex:1 1 0;min-width:90px;height:48px;border-radius:0 14px 14px 0} html body.mui-rtl #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .input-group>.input-group-addon{border-inline-end:1px solid var(--line-strong);border-inline-start:0;border-radius:0 14px 14px 0} html body.mui-rtl #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .input-group>.form-control{border-radius:14px 0 0 14px} @media (max-width:1500px){ html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .btn-group>.btn4::before{display:none} } @media (max-width:1100px){ html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .navbar-collapse#bottom>.btn-group:has(.input-group){flex:1 1 100%;margin-inline-start:0} } @media (max-width:767px){ html body #FLOW form#form1:has(.navbar-fixed-bottom [data-target="#CARD"]){padding-bottom:132px} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .navbar-header{display:flex;justify-content:center;padding:4px 0 0} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .navbar-toggle{display:block;float:none;position:relative;width:64px;height:22px;margin:0;padding:0;border:0;border-radius:999px;background:var(--sheet-2)} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .navbar-toggle .icon-bar{display:none} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .navbar-toggle::after{content:"";position:absolute;inset:0;margin:auto;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-2px) rotate(-135deg);transition:transform .2s} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .navbar-toggle.collapsed::after{transform:translateY(-4px) rotate(45deg)} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .navbar-collapse#bottom{gap:8px;padding:6px 10px 10px} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .navbar-collapse#bottom.in{max-height:46vh;overflow-y:auto} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .navbar-collapse#bottom:not(.in)>.btn-group:not(:nth-child(3)){display:none} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .navbar-collapse#bottom>.btn-group{flex:1 1 100%;flex-wrap:wrap} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .navbar-collapse#bottom>.btn-group:nth-child(3){order:-1} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .btn-group>.btn4{flex:1 1 30%;min-width:0;height:46px;padding:0 8px;font-size:12.5px;white-space:normal;line-height:1.15} html body #FLOW .navbar-fixed-bottom:has([data-target="#CARD"]) .navbar-collapse#bottom>.btn-group:nth-child(3)>.btn4{flex:1 1 0;height:52px;font-size:14px} } @media (max-width:767px){ #FLOW:not([data-page="posanl-new"]) #myAccordion,#FLOW:not([data-page="posanl-new"]) #myAccordion>.panel{margin:0!important;border:0;box-shadow:none;background:transparent;width:100%} #FLOW:not([data-page="posanl-new"]) #myAccordion>.panel>div{position:relative;padding:4px 2px 8px} #FLOW:not([data-page="posanl-new"]) #myAccordion .row{margin:0} #FLOW:not([data-page="posanl-new"]) #myAccordion [class*="col-"]{padding:0;float:none;width:100%} #FLOW:not([data-page="posanl-new"]) #myAccordion .close{position:absolute;top:2px;inset-inline-end:2px;width:36px;height:36px;border-radius:50%;background:var(--sheet-2);opacity:1;font-size:22px;line-height:34px;text-align:center;color:var(--muted)} #FLOW:not([data-page="posanl-new"]) #myAccordion h5{margin:0 0 12px;padding-inline-end:44px;font-size:15px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px} #FLOW:not([data-page="posanl-new"]) #myAccordion .input-group{display:flex;flex-direction:column;align-items:stretch;width:100%;height:auto!important;line-height:normal!important;margin:0 0 12px;float:none} #FLOW:not([data-page="posanl-new"]) #myAccordion .input-group-addon{min-width:0!important;width:auto;height:auto;padding:0 2px 5px;border:0!important;border-radius:0!important;background:transparent;color:var(--muted);font-size:12.5px;font-weight:600;white-space:normal;justify-content:flex-start;gap:6px} #FLOW:not([data-page="posanl-new"]) #myAccordion .input-group-addon .glyphicon-info-sign{font-size:14px;color:var(--accent-text)} #FLOW:not([data-page="posanl-new"]) #myAccordion .input-group .form-control{width:100%;min-height:46px;height:auto;padding:8px 12px;font-size:15px;border:1px solid var(--line-strong);border-radius:var(--r-sm)!important;background:var(--sheet)} #FLOW:not([data-page="posanl-new"]) #myAccordion .input-group select.form-control[multiple]{min-height:88px} #FLOW:not([data-page="posanl-new"]) #myAccordion .input-group>.form-control+.form-control{margin-top:8px} #FLOW:not([data-page="posanl-new"]) #myAccordion .input-group:focus-within .form-control{border-color:var(--accent)} html body #FLOW:not([data-page="posanl-new"]) .navbar-fixed-bottom:has(#myAccordion){max-height:calc(100vh - var(--bar-h) - var(--gap) * 2);max-height:calc(100dvh - var(--bar-h) - var(--gap) * 2);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch} #FLOW:not([data-page="posanl-new"]) #myAccordion .input-group{margin-bottom:10px} #FLOW:not([data-page="posanl-new"]) #myAccordion .input-group .form-control{min-height:42px} html body #FLOW:not([data-page="posanl-new"]) #bottom .nav-pills{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 12px;padding:0 4px} html body #FLOW:not([data-page="posanl-new"]) #bottom .nav-pills::before,html body #FLOW:not([data-page="posanl-new"]) #bottom .nav-pills::after{display:none} html body #FLOW:not([data-page="posanl-new"]) #bottom .nav-pills>li{float:none;display:block;width:auto;margin:0} html body #FLOW:not([data-page="posanl-new"]) #bottom .nav-pills>li:last-child:nth-child(odd){grid-column:1/-1} html body #FLOW:not([data-page="posanl-new"]) #bottom .nav-pills>li>a.btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:0;padding:8px 10px;white-space:normal} } /* Add Item button (POS / POS2): the same colour as the item-search magnifier button (light accent fill, accent icon and text). Colour only. */ html body #FLOW[data-page="pos"] #CDN.btn, html body #FLOW[data-page="pos2"] #CDN.btn{background:var(--accent-soft);border-color:transparent;color:var(--accent-text)} html body #FLOW[data-page="pos"] #CDN.btn:hover,html body #FLOW[data-page="pos"] #CDN.btn:focus, html body #FLOW[data-page="pos2"] #CDN.btn:hover,html body #FLOW[data-page="pos2"] #CDN.btn:focus{background:var(--accent-fill);border-color:transparent;color:var(--on-accent)} /* =================================================================================================================== ACCANL (account inquiry) - report buttons and the bottom bar in the new design. Display only. =================================================================================================================== */ html body #FLOW[data-page="accanl"] #FocusBtn { display: flex; flex-direction: column; gap: 10px; } html body #FLOW[data-page="accanl"] #FocusBtn>.btn, html body #FLOW[data-page="accanl"] #FocusBtn>.btn-group>.btn.dropdown-toggle { position: relative; display: flex; align-items: center; justify-content: flex-start; gap: 10px; width: 100%; min-height: 46px; height: auto; margin: 0; padding: 10px 14px; border: 1px solid transparent; border-radius: 14px; background: linear-gradient(135deg, var(--accent-fill, #1A638C), var(--accent-hover, #12507A)); color: var(--on-accent, #fff); font-size: 13px; font-weight: 600; line-height: 1.25; text-align: start; white-space: normal; box-shadow: 0 12px 20px -12px var(--accent-fill, #1A638C); transition: transform .16s ease, background .16s ease, box-shadow .16s ease; } html body #FLOW[data-page="accanl"] #FocusBtn>.btn::before, html body #FLOW[data-page="accanl"] #FocusBtn>.btn-group>.btn.dropdown-toggle::before { content: ""; flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--line-strong, #C9D5DC); box-shadow: 0 0 0 4px color-mix(in srgb, var(--line-strong, #C9D5DC) 28%, transparent); transition: background .16s ease, box-shadow .16s ease; } html body #FLOW[data-page="accanl"] #FocusBtn>.btn-group { display: flex !important; float: none; width: 100%; margin: 0; padding: 0; } html body #FLOW[data-page="accanl"] #FocusBtn>.btn-group>.btn.dropdown-toggle { flex: 1 1 auto; } html body #FLOW[data-page="accanl"] #FocusBtn>.btn-group>.btn.dropdown-toggle label { margin: 0; color: inherit; font-weight: inherit; cursor: pointer; } html body #FLOW[data-page="accanl"] #FocusBtn>.btn-group>.btn.dropdown-toggle .caret { margin-inline-start: auto; } html body #FLOW[data-page="accanl"] #FocusBtn>.btn:hover, html body #FLOW[data-page="accanl"] #FocusBtn>.btn:focus, html body #FLOW[data-page="accanl"] #FocusBtn>.btn-group>.btn.dropdown-toggle:hover, html body #FLOW[data-page="accanl"] #FocusBtn>.btn-group.open>.btn.dropdown-toggle { background: var(--accent-hover, #12507A); color: var(--on-accent, #fff); border-color: transparent; transform: translateY(-2px); box-shadow: 0 16px 24px -12px var(--accent-fill, #1A638C); outline: 0; } html body #FLOW[data-page="accanl"] #FocusBtn>.btn.rpt-on::before, html body #FLOW[data-page="accanl"] #FocusBtn>.btn-group>.btn.dropdown-toggle.rpt-on::before { background: var(--orange, #EE8D57); box-shadow: 0 0 0 4px color-mix(in srgb, var(--orange, #EE8D57) 35%, transparent); } html body #FLOW[data-page="accanl"] #FocusBtn>.btn.rpt-on::after, html body #FLOW[data-page="accanl"] #FocusBtn>.btn-group>.btn.dropdown-toggle.rpt-on::after { content: ""; flex: none; width: 16px; height: 16px; margin-inline-start: auto; background: center / 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); } html body #FLOW[data-page="accanl"] #FocusBtn>.btn-group>.btn.dropdown-toggle.rpt-on .caret { margin-inline-start: 6px; } html body #FLOW[data-page="accanl"] #FocusBtn .dropdown-menu { min-width: 100%; } /* bottom bar: five panel tabs (Main / Contact / GL Account / Source / Misc) as one clean dock; the open one is filled */ html body #FLOW[data-page="accanl"] .navbar-fixed-bottom { padding: 8px 0 calc(8px + env(safe-area-inset-bottom, 0px)); border: 1px solid var(--line, #E1E8EC); border-bottom: 0; border-radius: 18px 18px 0 0; background: var(--sheet, #fff); box-shadow: 0 -14px 32px -16px rgba(11, 29, 38, .30); } html body #FLOW[data-page="accanl"] .navbar-fixed-bottom #bottom .nav-pills.nav-justified { display: flex; flex-wrap: nowrap; gap: 8px; margin: 0; padding: 0 12px; } html body #FLOW[data-page="accanl"] .navbar-fixed-bottom .nav-pills.nav-justified>li { float: none; display: block; flex: 1 1 0; width: auto; min-width: 0; margin: 0; } html body #FLOW[data-page="accanl"] .navbar-fixed-bottom .nav-pills.nav-justified>li>a.btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 46px; margin: 0; padding: 0 12px; border: 1px solid var(--line-strong, #C9D5DC); border-radius: 14px; background: var(--sheet-2, #F3F7FA); color: var(--text, #0A1A2A); font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-shadow: none; transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease; } html body #FLOW[data-page="accanl"] .navbar-fixed-bottom .nav-pills.nav-justified>li>a.btn .glyphicon { top: 0; flex: none; color: var(--accent-text, #1A638C); transition: color .16s ease; } html body #FLOW[data-page="accanl"] .navbar-fixed-bottom .nav-pills.nav-justified>li>a.btn:hover, html body #FLOW[data-page="accanl"] .navbar-fixed-bottom .nav-pills.nav-justified>li>a.btn:focus { border-color: var(--accent, #4CA0C5); background: var(--accent-soft, #E1EEF6); color: var(--accent-text, #1A638C); transform: translateY(-2px); outline: 0; } html body #FLOW[data-page="accanl"] .navbar-fixed-bottom:has(#main.in) .nav-pills.nav-justified>li>a.btn[data-target="#main"], html body #FLOW[data-page="accanl"] .navbar-fixed-bottom:has(#contact.in) .nav-pills.nav-justified>li>a.btn[data-target="#contact"], html body #FLOW[data-page="accanl"] .navbar-fixed-bottom:has(#account.in) .nav-pills.nav-justified>li>a.btn[data-target="#account"], html body #FLOW[data-page="accanl"] .navbar-fixed-bottom:has(#source.in) .nav-pills.nav-justified>li>a.btn[data-target="#source"], html body #FLOW[data-page="accanl"] .navbar-fixed-bottom:has(#misc.in) .nav-pills.nav-justified>li>a.btn[data-target="#misc"] { border-color: transparent; background: linear-gradient(135deg, var(--accent-fill, #1A638C), var(--accent-hover, #12507A)); color: var(--on-accent, #fff); box-shadow: 0 12px 20px -12px var(--accent-fill, #1A638C); } html body #FLOW[data-page="accanl"] .navbar-fixed-bottom:has(#main.in) .nav-pills.nav-justified>li>a.btn[data-target="#main"] .glyphicon, html body #FLOW[data-page="accanl"] .navbar-fixed-bottom:has(#contact.in) .nav-pills.nav-justified>li>a.btn[data-target="#contact"] .glyphicon, html body #FLOW[data-page="accanl"] .navbar-fixed-bottom:has(#account.in) .nav-pills.nav-justified>li>a.btn[data-target="#account"] .glyphicon, html body #FLOW[data-page="accanl"] .navbar-fixed-bottom:has(#source.in) .nav-pills.nav-justified>li>a.btn[data-target="#source"] .glyphicon, html body #FLOW[data-page="accanl"] .navbar-fixed-bottom:has(#misc.in) .nav-pills.nav-justified>li>a.btn[data-target="#misc"] .glyphicon { color: var(--on-accent, #fff); } @media (max-width: 767px) { html body #FLOW[data-page="accanl"] .navbar-fixed-bottom #bottom { max-height: 58vh; overflow-y: auto; overscroll-behavior: contain; } html body #FLOW[data-page="accanl"] .navbar-fixed-bottom .btn-group-justified { display: block; width: 100%; } html body #FLOW[data-page="accanl"] .navbar-fixed-bottom #bottom .nav-pills.nav-justified { flex-wrap: nowrap; width: 100%; gap: 6px; padding: 8px 8px 0; position: sticky; bottom: 0; z-index: 3; background: var(--sheet, #fff); } html body #FLOW[data-page="accanl"] .navbar-fixed-bottom .nav-pills.nav-justified>li>a.btn { flex-direction: column; gap: 3px; height: 54px; padding: 4px 2px; border-radius: 12px; font-size: 11px; line-height: 1.15; } html body #FLOW[data-page="accanl"] .navbar-fixed-bottom .nav-pills.nav-justified>li>a.btn .glyphicon { font-size: 15px; } } /* =================================================================================================================== POSANL (sales analysis) - the report buttons under the filters, in the same design as the other report buttons. Display only. =================================================================================================================== */ html body #FLOW[data-page="posanl"] div[style*="flex-wrap"] { gap: 10px !important; margin-bottom: 12px !important; } html body #FLOW[data-page="posanl"] div[style*="flex-wrap"]>.btn.btn-primary { position: relative; display: flex; align-items: center; justify-content: flex-start; gap: 10px; min-height: 52px; height: auto; margin: 0; padding: 10px 14px; border: 1px solid transparent; border-radius: 14px; background: linear-gradient(135deg, var(--accent-fill, #1A638C), var(--accent-hover, #12507A)); color: var(--on-accent, #fff); font-size: 13px; font-weight: 600; line-height: 1.25; text-align: start; box-shadow: 0 12px 20px -12px var(--accent-fill, #1A638C); transition: transform .16s ease, background .16s ease, box-shadow .16s ease; } html body #FLOW[data-page="posanl"] div[style*="flex-wrap"]>.btn.btn-primary::before { content: ""; flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--line-strong, #C9D5DC); box-shadow: 0 0 0 4px color-mix(in srgb, var(--line-strong, #C9D5DC) 28%, transparent); transition: background .16s ease, box-shadow .16s ease; } html body #FLOW[data-page="posanl"] div[style*="flex-wrap"]>.btn.btn-primary:hover, html body #FLOW[data-page="posanl"] div[style*="flex-wrap"]>.btn.btn-primary:focus { border-color: transparent; background: var(--accent-hover, #12507A); color: var(--on-accent, #fff); transform: translateY(-2px); box-shadow: 0 16px 24px -12px var(--accent-fill, #1A638C); outline: 0; } html body #FLOW[data-page="posanl"] div[style*="flex-wrap"]>.btn.btn-primary:active { transform: translateY(0) scale(.98); } html body #FLOW[data-page="posanl"] div[style*="flex-wrap"]>.btn.btn-primary:focus-visible { outline: 2px solid var(--accent, #4CA0C5); outline-offset: 2px; } html body #FLOW[data-page="posanl"] div[style*="flex-wrap"]>.btn.btn-primary.rpt-on::before { background: var(--orange, #EE8D57); box-shadow: 0 0 0 4px color-mix(in srgb, var(--orange, #EE8D57) 35%, transparent); } html body #FLOW[data-page="posanl"] div[style*="flex-wrap"]>.btn.btn-primary.rpt-on::after { content: ""; flex: none; width: 16px; height: 16px; margin-inline-start: auto; background: center / 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); } @media (max-width: 767px) { html body #FLOW[data-page="posanl"] div[style*="flex-wrap"]>.btn.btn-primary { flex: 1 1 100% !important; } } /* =================================================================================================================== CONACC (customer account inquiry) - report buttons in the same design as the ACCANL ones. Display only. =================================================================================================================== */ html body #FLOW[data-page="conacc"] #RPTNA-buttons { display: flex; flex-direction: column; gap: 10px; } html body #FLOW[data-page="conacc"] #RPTNA-buttons>.btn, html body #FLOW[data-page="conacc"] #RPTNA-buttons>.btn-group>.btn.dropdown-toggle { position: relative; display: flex; align-items: center; justify-content: flex-start; gap: 10px; width: 100%; min-height: 46px; height: auto; margin: 0; padding: 10px 14px; border: 1px solid transparent; border-radius: 14px; background: linear-gradient(135deg, var(--accent-fill, #1A638C), var(--accent-hover, #12507A)); color: var(--on-accent, #fff); font-size: 13px; font-weight: 600; line-height: 1.25; text-align: start; white-space: normal; box-shadow: 0 12px 20px -12px var(--accent-fill, #1A638C); transition: transform .16s ease, background .16s ease, box-shadow .16s ease; } html body #FLOW[data-page="conacc"] #RPTNA-buttons>.btn::before, html body #FLOW[data-page="conacc"] #RPTNA-buttons>.btn-group>.btn.dropdown-toggle::before { content: ""; flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--line-strong, #C9D5DC); box-shadow: 0 0 0 4px color-mix(in srgb, var(--line-strong, #C9D5DC) 28%, transparent); transition: background .16s ease, box-shadow .16s ease; } html body #FLOW[data-page="conacc"] #RPTNA-buttons>.btn-group { display: flex !important; float: none; width: 100%; margin: 0; padding: 0; } html body #FLOW[data-page="conacc"] #RPTNA-buttons>.btn-group>.btn.dropdown-toggle { flex: 1 1 auto; } html body #FLOW[data-page="conacc"] #RPTNA-buttons>.btn-group>.btn.dropdown-toggle label { margin: 0; color: inherit; font-weight: inherit; cursor: pointer; } html body #FLOW[data-page="conacc"] #RPTNA-buttons>.btn-group>.btn.dropdown-toggle .caret { margin-inline-start: auto; } html body #FLOW[data-page="conacc"] #RPTNA-buttons>.btn:hover, html body #FLOW[data-page="conacc"] #RPTNA-buttons>.btn:focus, html body #FLOW[data-page="conacc"] #RPTNA-buttons>.btn-group>.btn.dropdown-toggle:hover, html body #FLOW[data-page="conacc"] #RPTNA-buttons>.btn-group.open>.btn.dropdown-toggle { background: var(--accent-hover, #12507A); color: var(--on-accent, #fff); border-color: transparent; transform: translateY(-2px); box-shadow: 0 16px 24px -12px var(--accent-fill, #1A638C); outline: 0; } html body #FLOW[data-page="conacc"] #RPTNA-buttons>.btn.rpt-on::before, html body #FLOW[data-page="conacc"] #RPTNA-buttons>.btn-group>.btn.dropdown-toggle.rpt-on::before { background: var(--orange, #EE8D57); box-shadow: 0 0 0 4px color-mix(in srgb, var(--orange, #EE8D57) 35%, transparent); } html body #FLOW[data-page="conacc"] #RPTNA-buttons>.btn.rpt-on::after, html body #FLOW[data-page="conacc"] #RPTNA-buttons>.btn-group>.btn.dropdown-toggle.rpt-on::after { content: ""; flex: none; width: 16px; height: 16px; margin-inline-start: auto; background: center / 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); } html body #FLOW[data-page="conacc"] #RPTNA-buttons>.btn-group>.btn.dropdown-toggle.rpt-on .caret { margin-inline-start: 6px; } html body #FLOW[data-page="conacc"] #RPTNA-buttons .dropdown-menu { min-width: 100%; } /* =================================================================================================================== EXTINQ (export inquiry) - the report buttons under the filters, in the same design as the other report buttons. Display only. =================================================================================================================== */ html body #FLOW[data-page="extinq"] div[style*="flex-wrap"] { gap: 10px !important; margin-bottom: 12px !important; } html body #FLOW[data-page="extinq"] div[style*="flex-wrap"]>.btn.btn-primary { position: relative; display: flex; align-items: center; justify-content: flex-start; gap: 10px; min-height: 52px; height: auto; margin: 0; padding: 10px 14px; border: 1px solid transparent; border-radius: 14px; background: linear-gradient(135deg, var(--accent-fill, #1A638C), var(--accent-hover, #12507A)); color: var(--on-accent, #fff); font-size: 13px; font-weight: 600; line-height: 1.25; text-align: start; box-shadow: 0 12px 20px -12px var(--accent-fill, #1A638C); transition: transform .16s ease, background .16s ease, box-shadow .16s ease; } html body #FLOW[data-page="extinq"] div[style*="flex-wrap"]>.btn.btn-primary::before { content: ""; flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--line-strong, #C9D5DC); box-shadow: 0 0 0 4px color-mix(in srgb, var(--line-strong, #C9D5DC) 28%, transparent); transition: background .16s ease, box-shadow .16s ease; } html body #FLOW[data-page="extinq"] div[style*="flex-wrap"]>.btn.btn-primary:hover, html body #FLOW[data-page="extinq"] div[style*="flex-wrap"]>.btn.btn-primary:focus { border-color: transparent; background: var(--accent-hover, #12507A); color: var(--on-accent, #fff); transform: translateY(-2px); box-shadow: 0 16px 24px -12px var(--accent-fill, #1A638C); outline: 0; } html body #FLOW[data-page="extinq"] div[style*="flex-wrap"]>.btn.btn-primary:active { transform: translateY(0) scale(.98); } html body #FLOW[data-page="extinq"] div[style*="flex-wrap"]>.btn.btn-primary:focus-visible { outline: 2px solid var(--accent, #4CA0C5); outline-offset: 2px; } html body #FLOW[data-page="extinq"] div[style*="flex-wrap"]>.btn.btn-primary.rpt-on::before { background: var(--orange, #EE8D57); box-shadow: 0 0 0 4px color-mix(in srgb, var(--orange, #EE8D57) 35%, transparent); } html body #FLOW[data-page="extinq"] div[style*="flex-wrap"]>.btn.btn-primary.rpt-on::after { content: ""; flex: none; width: 16px; height: 16px; margin-inline-start: auto; background: center / 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); } @media (max-width: 767px) { html body #FLOW[data-page="extinq"] div[style*="flex-wrap"]>.btn.btn-primary { flex: 1 1 100% !important; } } #FLOW table.table,#FLOW table.dataTable,#FLOW table:not([class]):not([id^=ui-]),#FLOW table[class=""]{font-size:15px} #FLOW table.table>thead>tr>th,#FLOW table.dataTable>thead>tr>th,#FLOW table:not([class]) th,#FLOW table[class=""] th{font-size:14px;padding:12px 15px} #FLOW table.table>tbody>tr>td,#FLOW table.dataTable>tbody>tr>td,#FLOW table.table>tfoot>tr>td,#FLOW table.dataTable tfoot th,#FLOW table.dataTable tfoot td,#FLOW table:not([class]) td,#FLOW table[class=""] td{font-size:15px;padding:11px 15px} #FLOW table.table>thead>tr>th,#FLOW table.dataTable>thead>tr>th{border-inline-end:2px solid var(--grid)} #FLOW table.table>tbody>tr>td,#FLOW table.dataTable>tbody>tr>td,#FLOW table.table>tfoot>tr>td{border-bottom:2px solid var(--grid);border-inline-end:2px solid var(--grid)} #FLOW table.table>thead>tr>th:last-child,#FLOW table.table>tbody>tr>td:last-child,#FLOW table.dataTable>thead>tr>th:last-child,#FLOW table.dataTable>tbody>tr>td:last-child{border-inline-end:0} #FLOW table.table>tbody>tr:last-child>td{border-bottom:0} #FLOW table:not([class]) th,#FLOW table[class=""] th{border-bottom:2px solid var(--grid)} #FLOW table:not([class]) td,#FLOW table[class=""] td{border-bottom:2px solid var(--grid);border-inline-end:2px solid var(--grid)} #FLOW table:not([class]) td:last-child,#FLOW table[class=""] td:last-child{border-inline-end:0} #FLOW table input.form-control,#FLOW table select.form-control,#FLOW table input[type=text],#FLOW table input[type=number],#FLOW table input[type=date],#FLOW table select{font-size:14px;height:36px} /* system changelog (flow-changelog.js): button next to the bell + panel */ #MUICHG{list-style:none} #MUICHG[hidden]{display:none} #MUICHG .mui-hbtn{color:var(--accent-text);border-color:var(--line);position:relative} #MUICHG .mui-hbtn:hover,#MUICHG .mui-hbtn.mui-bell-on{border-color:var(--accent);background:var(--accent-soft)} #MUICHG .mui-badge{top:-6px;inset-inline-end:-6px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#E5484D;color:#fff;font:700 11px/20px var(--font,inherit);text-align:center;box-shadow:0 0 0 2px var(--sheet,#fff);position:absolute} #MUICHG .mui-badge[hidden]{display:none} .chg-np{z-index:1061} .chg-card{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--sheet)} .chg-card.chg-fresh{border-color:var(--accent);background:var(--accent-soft)} .chg-date{font-size:12px;font-weight:600;opacity:.7} .chg-sec{display:flex;flex-direction:column;gap:4px} .chg-tag{align-self:flex-start;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#fff} .chg-new .chg-tag{background:#F8D9A3;color:#6B3C03;box-shadow:inset 0 0 0 1px rgba(107,60,3,.18)} /* New: the soft tile colour of the module cards */ .chg-imp .chg-tag{background:var(--accent-fill);color:var(--on-accent)} /* Improved: the Flow blue */ .chg-fix .chg-tag{background:linear-gradient(135deg,var(--sun),var(--orange));color:#3A2200} /* Fixed: the colour of the profile avatar */ html[data-mode="dark"] .chg-new .chg-tag{background:var(--sun-soft);color:var(--sun-text);box-shadow:inset 0 0 0 1px var(--sun)} .chg-txt{margin:0;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere} .chg-np .mui-np-scroll{padding-bottom:12px} @media (max-width:600px){ .chg-np{left:8px!important;right:8px;width:auto!important} .chg-txt{font-size:15px} }