:root{
--bg1Color:#ffffff;
--bg2Color:#f6f6f6;
--text1Color:#030303;
--text2Color:#726c6c;
--Menubg1Color:#1d2833;
--Menubg2Color:#4a525b;
--Menubg3Color:#838a91;
--Menubg4Color:#afb4b8;
--Menutext1Color:#ffffff;
--Menutext2Color:#f8f7f7;
--YellowtextColor:#ffeb3b;
--notifbg1Color:#e7404b;
--notifbg2Color:#48d32c;
--notifbg3Color:#7c0354;
--notifbg4Color:#ffb0ff;
--notifbg5Color:#267017;
--notifbg6Color:#96f184;
--notifbg7Color:#5555f1;
--notifbg0Color:#fc7d86;
--notif1Color:#ffffff;
--notif2Color:#726c6c;
--MoneyBgColor:#dfb409;
}
@font-face{font-family:ap-font1;src:url('segoesc.ttf')}
@font-face{font-family:ap-font2;src:url('poppins.ttf')}
@font-face{font-family:ap-font3;src:url('impact.ttf')}
@font-face{font-family:ap-font4;src:url('zakirahsb.ttf')}
@font-face{font-family:ap-font5;src:url('arabia.ttf')}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,body,main{font-family:ap-font2,ap-font5,sans-serif;font-size:15px;line-height:1.5;overflow:hidden!important;height:100vh;width:100vw;margin:0;padding:0}
main{display:flex;height:100vh;width:100vw;justify-content:stretch}
main:after,main:before{clear:both}
article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:8px 0;color:var(--Menubg2Color);font-family:ap-font3,ap-font5;padding:0 6px}
button,label,p,h1,h2,h3,h4,h5,h6,s,i,img,small,strong,a,b,em,li{user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent}
hr{border:0;border-top:1px solid #eee;margin:20px 0}

main aside{display:table-cell}
main aside:last-child:not(.ap-ModalSubRadiofilter){flex:1 0;overflow:hidden}
main #SideMenu{position:relative;background-image:linear-gradient(210deg,var(--Menubg1Color),var(--Menubg2Color));color:var(--Menutext1Color);transition:all 0.3s;}
main #SideMenu:not(.Opn){flex:0 0 0px;width:0;}
main #SideMenu.Opn{flex:0 0 192px;width:192px!important;}
main #SideMenu div:first-child{height:80px;text-align:center;background-repeat:no-repeat;background-position:center;background-size:80%;}
main #SideMenu div:first-child samp.fa-close{display:none}
main #SideMenu div{overflow:hidden}
main #SideMenu article{position:absolute;bottom:0;left:0;width:100%;height:64px;overflow:hidden;padding:8px 4px 0 60px;background-image:url(dev.png);background-repeat:no-repeat;background-position:top left;background-size:64px 64px;}
main #SideMenu article a{display:block;height:20px;opacity:0.7;cursor:pointer;font-size:9px;border-radius:0 10px 10px 0;background-color:var(--Menubg1Color);padding:4px;margin:4px;white-space:nowrap;overflow:hidden;}
main #SideMenu article a i{margin:0 6px 0 2px;}
main #SideMenu article a:hover{opacity:1;transition:all 0.4s;}
main #SideMenu:not(.Opn) article{display:none;}

@media (max-width:767px){
    main #SideMenu,main #SideMenu.Opn,main #SideMenu:not(.Opn){display:block;position:fixed;height:100vh!important;z-index:99}
    main #SideMenu div:first-child{position:relative}
    main #SideMenu.Opn div:first-child samp.fa-close{position:absolute;display:inline;top:0;right:0;padding:12px;outline:0;cursor:pointer;}
    main #SideMenu div:first-child samp.fa-close:hover{transform:rotateZ(180deg);transition:all ease .3s;cursor:pointer;}
}
main #SideMenu div s{display:block;font-size:0.7rem;height:28px;padding:4px;cursor:pointer;white-space:nowrap}
main #SideMenu div s:before{content:"+";padding:0 8px 0 0;}
main #SideMenu div i{display:block;font-size:11px;height:28px;padding:6px;cursor:pointer;white-space:nowrap;text-decoration:none;font-style:normal;}
main #SideMenu div i samp{float:right;padding:2px;}
main #SideMenu .Mnuicon{position:relative;display:block;height:28px;color:var(--Menutext1Color);white-space:nowrap;overflow:hidden;}
main #SideMenu .Mnuicon:hover{border-left:4px solid var(--Menutext2Color);transition:all 0.3s}
main #SideMenu .Mnuicon.active{background-color:var(--Menubg3Color);opacity:1}
main #SideMenu .Mnuicon b{font-size:12px;font-weight:200;white-space:nowrap;cursor:pointer;height:100%;display:inline-block;overflow:hidden;padding:4px 0 0 30px;}
main #SideMenu .Mnuicon b i{font-size:13px;width:28px;height:28px;position:absolute;left:0;top:0;color:var(--Menubg4Color);}
main #SideMenu .Mnuicon:not([data-badge='0']):before{
    content:attr(data-badge);position:absolute;top:4px;right:4px;font-size:0.7rem;background-color:var(--notifbg1Color);padding:2px;
    color:var(--notif1Color);text-align:center;border-radius:4px;min-width:18px;height:20px;
}
main #SideMenu.Opn div kk{display:block;background-color:var(--Menubg1Color);}
main #SideMenu.Opn div kkk{position:absolute;z-index:99;left:193px;transform:translateY(-24px);background-color:var(--Menubg1Color);min-width:172px;}

main aside nav{display:flex;height:60px!important;width:99.9%!important;background-color:var(--Menubg1Color);color:var(--Menutext1Color);white-space:nowrap;padding:0;margin:0;overflow:hidden;border:none;outline:0}
main aside nav:before,.ap-navbar:after{content:"";display:table;clear:both}
main aside nav div{height:60px;padding:9px 0 0 0;display:table-cell}
main aside nav div:nth-child(2){flex:1 0 auto}
main aside nav div img{height:40px!important;width:40px!important;margin:4px}
main aside nav div b{display:block;overflow:hidden;padding:12px 6px;text-decoration:none;font-family:ap-font2;font-size:16px;font-weight:normal}
main aside nav div b k{display:inline-block}
main aside nav div b kk{display:none}
@media (max-width:767px){
    main aside nav div b k{display:none}
    main aside nav div b kk{display:inline-block}
}
main aside nav div a{display:block;height:100%;overflow:hidden;text-decoration:none;position:relative;opacity:0.8;cursor:pointer;}
main aside nav div a:hover{opacity:1;transition:all ease .7s}
main aside nav div a i{display:block;font-size:16px;padding:16px 12px;height:48px;overflow:hidden}
main aside nav div a img{height:32px!important;width:32px!important;border-radius:6px;margin:2px 8px}
main aside nav div a:not([data-badge='0']):after{content:attr(data-badge);position:absolute;top:8px;right:3px;font-size:8px;background-color:var(--notifbg1Color);color:var(--notif1Color);width:14px;height:14px;padding:1px;text-align:center;line-height:12px;border-radius:50%;box-shadow:none;}
main aside header{height:32px!important;width:100%!important;display:flex;flex-wrap:nowrap;justify-content:stretch;justify-items:stretch;padding:0;z-index:50;
    color:var(--text2Color);border-bottom:var(--bg2Color) 1px solid;}
main aside header div{display:table-cell;vertical-align:middle;padding:0;margin:0;overflow:hidden;width:2rem}
main aside header div b{border:none;display:block;padding:4px 4px;overflow:hidden;text-decoration:none;cursor:pointer}
main aside header div b i.fa{padding:0 8px;cursor:pointer;color:var(--Menubg4Color);}
main aside header div b i.fa:hover{color:var(--notifbg5Color);transition:all 0.4s;}
main aside header div b i.fa-exclamation-triangle{color:var(--notifbg1Color)!important;;animation:blink-icon 2s infinite;}
main aside header div a{border:none;display:block;padding:8px 8px;overflow:hidden;text-decoration:none;cursor:pointer}
main aside header div a:disabled{cursor:not-allowed;opacity:0.3}
main aside header div a.fa-bars{display:none;}
main aside header div .ap-SearchInput{outline:none;padding:4px;margin:1px 8px 1px 8px;display:inline-block;color:var(--text1Color);background-color:transparent;border:none;border-bottom:1px solid var(--bg2Color);width:3rem;font-size:0.8rem}
main aside header div .ap-SearchInput:focus{width:5rem;transition:width 0.7s ease-in-out}
main aside header div .ap-SearchInput::placeholder{color:var(--Menubg4Color);opacity:0.7}
main aside header div .ap-SearchInput::-ms-input-placeholder{color:var(--Menubg4Color);opacity:0.7}
main section{display:block;height:calc(100vh - 94px);padding:0;overflow-x:hidden;overflow-y:scroll;background-color:transparent}
main section::-webkit-scrollbar{width:6px}
main section::-webkit-scrollbar-track{box-shadow:inset 0 0 4px var(--Menubg4Color);border-radius:8px}
main section::-webkit-scrollbar-thumb{background:var(--Menubg3Color);border-radius:8px;cursor:pointer;}
main section::-webkit-scrollbar-thumb:hover{background:var(--notifbg1Color)}
main footer{display:block;height:0;}

.Us-Container{margin-left:auto;margin-right:auto;margin-top:8px;padding:0;max-width:720px;height:calc(100vh - 128px);border-radius:2px;
    box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);overflow:hidden;
display:flex;justify-content:stretch;flex-wrap:nowrap;}
.Us-Container .Us-Overlay,.Us-Container .ap-FormContainer{display:table-cell;flex:1 1 0;padding:8px;}
.Us-Container .Us-Overlay{position:relative;background-image:linear-gradient(rgba(0,0,0,0.45),rgba(0,0,0,0.45)),url(li.jpg);background-position:top left;background-size:cover;background-repeat:no-repeat;}
.Us-Container .ap-FormContainer{overflow-y:scroll;}
.Us-Container .ap-FormContainer::-webkit-scrollbar{width:4px}
.Us-Container .ap-FormContainer::-webkit-scrollbar-track{box-shadow:inset 0 0 4px var(--Menubg4Color);border-radius:4px}
.Us-Container .ap-FormContainer::-webkit-scrollbar-thumb{background:var(--Menubg3Color);border-radius:4px;cursor:pointer;}
.Us-Container .ap-FormContainer::-webkit-scrollbar-thumb:hover{background:var(--notifbg1Color)}
.Us-Container .ap-FormContainer us-h{display:block;padding:6px;text-align:center;color:#343e55;}
.Us-Container .ap-FormContainer us-h b{display:block;font-size:1.2rem;font-family:ap-font1,ap-font5;padding:4px;text-align:center;}
@media (max-width:767px){
    .Us-Container{display:block;box-shadow:none;margin:0;height:auto}
    .Us-Container .Us-Overlay{display:none;}
    .Us-Container .ap-FormContainer{display:block;margin:0;height:auto;}
}