:root{
--bg1Color:#ffffff;
--bg2Color:#f6f6f6;
--text1Color:#030303;
--text2Color:#726c6c;
--Menubg1Color:#30333b;
--Menubg2Color:#616676;
--Menubg3Color:#7e8184;
--Menubg4Color:#bebec8;
--Menutext1Color:#ffffff;
--Menutext2Color:#f8f7f7;
--YellowtextColor:#ffeb3b;
--notifbg1Color:#e7404b;
--notifbg2Color:#48d32c;
--notifbg3Color:#7c0354;
--notifbg4Color:#ffb0ff;
--notifbg5Color:#267017;
--notifbg6Color:#96f184;
--notifbg7Color:#5555f1;
--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}
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;border:0;border-top:1px solid #eee;margin:20px 0;}
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}
@media (max-width:767px){.ap-HS{display:none!important}}

main{display:flex;height:100vh;width:100vw;justify-content:stretch}
main:after,main:before{clear:both}
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)}
main #SideMenu:not(.Opn){flex:0 0 0px;width:0;transition:all 0.3s}
main #SideMenu.Opn{flex:0 0 192px;width:192px!important;transition:all 0.3s}
main #SideMenu div:first-child{height:80px;text-align:center;background-image:url(White-Logo.png);background-repeat:no-repeat;background-position:center;background-size:50%;}
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(logo.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 .Menuicon{position:relative;display:block;height:28px;color:var(--Menutext1Color);white-space:nowrap;}
main #SideMenu .Menuicon img{width:auto;height:100%;margin:0 4px;padding:6px;}
main #SideMenu .Menuicon:hover{border-left:4px solid var(--Menutext2Color);transition:all 0.3s}
main #SideMenu .Menuicon.active{background-color:var(--Menubg3Color);opacity:1}
main #SideMenu .Menuicon label{font-size:11px;white-space:nowrap;cursor:pointer;height:100%;display:inline-block;overflow:hidden;padding:5px 0;}
main #SideMenu .Menuicon: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 kbd{padding-left:4px;}
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(--textColor);background-color:transparent;border:none;border-bottom:1px solid var(--bgColor);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::placeholder{color:var(--Menubg4Color);opacity:0.7}
main aside header div .ap-SearchInput::-ms-input-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:4px}
main section::-webkit-scrollbar-track{box-shadow:inset 0 0 2px var(--Menubg4Color);border-radius:2px}
main section::-webkit-scrollbar-thumb{background:var(--Menubg3Color);border-radius:2px;cursor:pointer;}
main section::-webkit-scrollbar-thumb:hover{background:var(--notifbg1Color)}
main footer{display:block;height:0;}

.splashDiv{z-index:101;position:fixed;top:0;right :0;bottom:0;left:0;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:#fff;}
.splashDiv img{max-width:40vw;}

#Overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);color:var(--Menutext1Color);z-index:50;animation:opac 0.8s}
#Overlay div{font-family:ap-font4,ap-font5}
#Overlay div small{margin-top:8px;color:var(--Menutext2Color)}

#VerOverlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8);color:var(--Menutext1Color);z-index:9999;}
#VerOverlay article{position:relative;max-width:400px;margin:auto;top:50%;transform:translateY(-50%);background-color:#333;padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.2);text-align:center;color:#fff;}
#VerOverlay article div{margin-bottom:15px;}
#VerOverlay article i{font-size:40px;color:#ffcc00;}
#VerOverlay article b{font-size:20px;}
#VerOverlay article small{display:block;font-size:16px;margin-top:5px;}
#VerOverlay article s{display:inline-block;margin-top:15px;cursor:pointer;}
#VerOverlay article s img{width:160px;transition:transform 0.3s;}
#VerOverlay article s:hover img{transform:scale(1.05);}
@media (max-width:600px){#VerOverlay article{max-width:300px;}}

.ylw-alrt{background-color:#f8ee8f!important}
.grn-alrt{background-color:#7ffc94!important}
.pnk-alrt{background-color:#f9dfdc!important}
.blu-alrt{background-color:#a4c8f8!important}
.gld-alrt{background-color:#f39b4e!important}
.blk-alrt{color:#fff!important;background-color:#333333!important}
.red-alrt{color:#fff!important;background-color:#e74c3c!important}
.orng-alrt{color:#fff!important;background-color:#e67e22!important}

.paid-alrt{background-color:#d4edda;color:#155724;}
.pnd-alrt{background-color:#f9f9b6;}
.overdue-very-alrt{background-color:#e37f7f;}
.overdue-high-alrt{background-color:#e49696;}
.overdue-medium-alrt{background-color:#e2acac;}
.overdue-low-alrt{background-color:#e3bebe;}
.due-soon-alrt{background-color:#e3cfcf;}

.ap-BlackLink{color:#110202!important}
.ap-BlueLink{color:#0b77be!important}
.ap-GreenLink{color:#1d9605!important}
.ap-PurpleLink{color:#be0480!important}
.ap-RedLink{color:#fc0707!important}
.ap-PinkLink{color:#fc0bac!important}
.ap-GoldLink{color:#947809!important}
.ap-OrngLink{color:#ff5202!important}
.ap-NoneLink{color:#c8c8cc!important}

.ap-0Link{color:#fa0505!important}
.ap-1Link{color:#208ed7!important}
.ap-2Link{color:#2eae15!important}