.color-primary{color:#430829!important}.color-secondary{color:#7e0046!important}.color-lightgray{color:#ddd!important}.color-lightcolor{color:#fff!important}.color-darkcolor{color:#3a3b36!important}.color-lightblue{color:#189dad!important}.left{float:left!important}.right{float:right!important}.t-center{text-align:center!important}.t-left{text-align:left!important}.t-right{text-align:right!important}.t-justify{text-align:justify!important}.t-bold,.t-exbold{font-weight:700!important}.t-exbold{font-family:"montserratregular";text-shadow:0 0 #000}.t-italic{font-style:italic!important}.t-unset{font-style:unset!important}.d-block{display:block!important}.d-inline-block{display:inline-block!important}img.alignleft{float:left;margin:0 12px 12px 0}img.alignright{float:right;margin:0 0 12px 12px}img.aligncenter{display:block;margin-left:auto;margin-right:auto;margin-bottom:12px}img.img-absolute{position:absolute}.list-text{margin:0 20px 20px}.mb--10{margin-bottom:10px!important}.mb--20{margin-bottom:20px!important}.mb--30{margin-bottom:30px!important}.mb--40{margin-bottom:40px!important}.mb--50{margin-bottom:50px!important}.mb--60{margin-bottom:60px!important}.mt--30{margin-top:30px!important}.my--10{margin:10px 0!important}.px--10{padding:0 10px!important}.no-pd{padding:0!important}.no-mg{margin:0!important}.no-hover{background:unset}.btn{color:#fff;background-color:#7e0046;cursor:pointer;position:relative;padding:10px 20px;margin:0 1px;min-width:140px;border-radius:5px;transition:.5s;font-size:14px;line-height:normal;font-weight:400}@media screen and (max-width:768px){.btn{min-width:100%}}.btn span{vertical-align:middle}.btn svg{margin-right:5px}.btn-search{color:#fff;background-color:#7e0046;cursor:pointer;position:relative;padding:10px 20px;min-width:140px;transition:.5s}.btn-search span{vertical-align:middle}.btn-search svg{margin-right:5px}.btn-search:hover,.btn:hover{background-color:#5a0b37;transition:all .2s ease-in-out}.btn-error{color:#fff;background:red;border-radius:3px;padding:5px}.btn-full{width:100%}.btn-square{color:#fff;border-radius:5px;padding:10px 40px;margin-top:10px;cursor:pointer;border:none;font-weight:700;font-size:14px;background:#3e8d3e;text-decoration:none;display:inline-block;box-shadow:0 3px 0 0 #006700}.border-bottom{border-bottom:1px solid #ddd}.border-bottom-thick{border-bottom:3px solid #ddd;margin:20px 0}.bg-lightcolor{background:#fff;padding:30px!important}.bg-lightgray{background:#f7f7f7}.bg-primary{background:#430829;color:#fff}.bg-white{background:#fff;padding:30px}.bg-primarygradient{background:linear-gradient(1turn,#430829,rgba(126,0,70,.85) 90%)}.bg-highlight{box-shadow:0 0 8px #b1b1b1}.show{display:block!important}.hide{display:none!important}.disable{cursor:default}.disable,.disable:hover{background-color:#adadad}.required{color:red}.flex{display:flex}.table-col{overflow-x:auto}.block{position:relative}.responsive-table{margin-bottom:20px;position:relative}.tablerow-highlight{border-top:1px solid #333;border-bottom:2px solid #333;font-weight:700;font-family:"montserratextrabold"}.title-box-light{background:#ddd;font-weight:700;padding:10px;position:relative;margin-bottom:20px;z-index:1}.title-box-light svg{font-size:2rem;vertical-align:middle}.title-box-light strong{margin:0 5px;vertical-align:middle}.header-sort{cursor:pointer}.header-sort:hover{background:#ccc}@media (max-width:1200px){.desktop-view{display:none}}.print-display{display:none}.nodata{text-align:center}.nodata .nodata-icon{margin-left:25px}.nodata h3{color:#7e0046;margin-right:26px}.payslip-width{width:1000px}.report-width{width:100%;margin:0!important}*,:after,:before{box-sizing:border-box}.clearfix:after,.inside:after,article:after,form:after,li:after{content:" ";clear:both;display:block;font-size:0;height:0;visibility:hidden}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;scroll-behavior:smooth}html{font:10px "montserratregular",sans-serif;line-height:16px;overflow-x:hidden}body{font-size:1.2rem;color:#3a3b36}table{border-collapse:collapse;border-spacing:0}table.no-hover tr:hover{background:#fff}table.no-hover-primary tr:hover{background:#430829!important}td{padding:5px 10px;vertical-align:middle}td,th{border-bottom:1px solid #e0e0e0;text-align:left}th{font-weight:700;background:#eee;padding:10px;vertical-align:top;white-space:nowrap}tr:hover{background:#f8f8f7;color:#2b2b2b}article,aside,footer,header,nav,section,time{display:block}:focus{outline:0}a{color:inherit;text-decoration:none}b,strong{font-weight:700!important}em{font-style:italic!important}small{font-size:75%!important}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}h1,h2,h3,h4,h5,h6{clear:both;font-weight:400}h1{font-size:2.5rem;line-height:3.5rem}h2{font-size:2rem;line-height:3rem}h3{font-size:1.8rem;line-height:2.5rem}h4{font-size:1.4rem;line-height:2rem}h5{font-size:1.2rem;line-height:1.8rem}h6{font-size:.9rem;line-height:1.5rem}p{margin-bottom:20px}section{padding:40px 0;min-height:auto;position:relative}img{border:0;-ms-interpolation-mode:bicubic;max-width:100%}::-webkit-scrollbar{-webkit-appearance:none}::-webkit-scrollbar:vertical{width:12px}::-webkit-scrollbar:horizontal{height:12px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px;border:2px solid #fff}::-webkit-scrollbar-track{border-radius:10px;background-color:#fff}@font-face{font-family:"montserratextrabold";src:url(/static/media/montserrat-extrabold-webfont.e09382b5.woff2) format("woff2"),url(/static/media/montserrat-extrabold-webfont.7ce77b19.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"montserratregular";src:url(/static/media/montserrat-regular-webfont.f673a88d.woff2) format("woff2"),url(/static/media/montserrat-regular-webfont.7af9489e.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"montserratthin";src:url(/static/media/montserrat-thin-webfont.1b1e6358.woff2) format("woff2"),url(/static/media/montserrat-thin-webfont.2db730db.woff) format("woff");font-weight:400;font-style:normal}button,input[type=button],input[type=date],input[type=reset],input[type=submit]{border:0;cursor:pointer;display:inline-block}.disabled,button:disabled,input[disabled],select:disabled,textarea:disabled{cursor:default;pointer-events:none;background:hsla(0,0%,78.4%,.2)!important;border:0!important;color:#54667a}input[type=checkbox]:focus,input[type=file]:focus,input[type=hidden]:focus,input[type=radio]:focus{border:none;outline:0}input[type=checkbox],input[type=color],input[type=file],input[type=hidden],input[type=image],input[type=radio]{border:0!important;border-radius:0!important;padding:0!important}button,input,textarea{font-family:inherit}button,input{line-height:normal}textarea{font-size:100%;overflow:auto;vertical-align:top}input[type=date],input[type=email],input[type=password],input[type=phone],input[type=text],input[type=time],select,textarea{background:#fff;border:1px solid #ced4da;border-radius:.25rem;height:38px;padding:6px 15px;font-size:1.2rem;font-weight:400;line-height:1.5;color:#54667a;background-clip:padding-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-shadow:none;width:100%}input[type=password]:focus,input[type=text]:focus,textarea:focus{box-shadow:inset 0 1px 5px #d6d6d6!important}form textarea{height:100px}.profileUp{border-radius:1000px!important;width:80px}.logoUp,.profileUp{height:80px;padding:0;margin:0 auto 20px;position:relative}.logoUp{width:100%!important;border:1px solid #ced4da;text-align:center}.profileUp .upAvatar{width:100%;border-radius:1000px!important}.logoUp .upAvatar,.profileUp .upAvatar{height:100%;object-fit:cover;object-position:center center;padding:0;margin:0}.logoUp .upAvatar{border-radius:0!important;fill:#ddd}.profileUp .upload-button{left:-27%}.logoUp .upload-button,.profileUp .upload-button{position:absolute;color:#fff;background:#0178bc;padding:5px 9px;border-radius:20px;line-height:12px;font-size:14px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;width:120px;margin:auto}.logoUp .upload-button{left:0!important}.logoUp .upload-button:hover,.profileUp .upload-button:hover{background:#015889}.logoUp .upload-button:before,.profileUp .upload-button:before{content:"";position:absolute;left:-4px;right:-4px;top:-4px;bottom:-4px;border-radius:20px}.logoUp .file-upload,.profileUp .file-upload{position:absolute;opacity:0;left:0;top:0;bottom:0;right:0;cursor:pointer;font-size:0;width:100%}*,:after,:before{box-sizing:border-box}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:100%}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{content:" ";display:table}.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}header{position:absolute;width:100%;z-index:3;height:60px;background-color:#fff;border-bottom:3px solid #430829}header .logo{color:#233245;float:left;z-index:1;padding:10px;font-weight:700}header .user{color:#430829;float:right;z-index:1;padding:3px 10px;font-weight:700}header .user .divider{background:#430829}header .user ul{list-style-type:none}header .user ul li{height:44px;display:inline-flex;align-items:center;margin:5px;vertical-align:top}header .user .fas{font-size:22px;margin:0 10px;cursor:pointer}header .user .fa-sign-out-alt,header .user .fa-user-cog{position:relative}header .user .fa-sign-out-alt:after,header .user .fa-user-cog:after{position:absolute;left:-50px;top:42px;content:attr(data-text);opacity:0;display:none;color:#fff;font-family:"Open Sans";background:#54667a;padding:10px 15px;font-size:14px;font-weight:500;border-radius:5px;white-space:nowrap;transition:all}header .user .username{flex-direction:column;justify-content:center;align-items:end}header .user .username .role{font-weight:400}header .user .username .membername{font-family:"montserratextrabold"}header .logout{background:transparent;border:1px solid #333;border-radius:5px;padding:5px;transition:all .3s}header .logout:hover{background:#7e0046;border:1px solid #ddd;color:#fff}.logo{height:60px;padding:10px;font-weight:700;text-align:left}.logo img{max-width:100%;max-height:100%}.logo span{margin-left:5px;text-transform:uppercase;display:block;padding:5px 0}.nav-trigger{float:right;width:20px;right:30px;display:block}.nav-trigger span,.nav-trigger span:before,span:after{width:20px;height:2px;background-color:#35475e;position:absolute}.nav-trigger span{top:50%}.nav-trigger span:after,.nav-trigger span:before{content:""}.nav-trigger span:before{top:-6px}.nav-trigger span:after{top:6px}@media screen and (max-width:970px){header .user .fas{margin:0 3px}}@media screen and (min-width:640px){header{background-color:#ddd;z-index:1}.nav-trigger,header .logo{display:none}.nav-trigger span,.nav-trigger span:before,span:after{background-color:#fff}}@media screen and (max-width:640px){header .user{color:#35475e!important;text-align:right;float:none}}.user-dp{margin:5px}.user-dp img{object-fit:cover;border-radius:100px;width:35px;height:35px;margin-top:5px}.main-content{margin-top:0;padding:60px 0 0;height:100%}.main-content .content-block{padding:30px;margin:0 30px;border-radius:.25em}.main-content .content-block-gray{padding:30px;background:#eee}.main-content .title{padding:10px 30px 0;font-weight:700;color:#333;font-size:14px;z-index:1;position:relative}.main-content .title .tab-title{display:inline-block;padding:10px 0;font-family:"montserratextrabold"}.main-content .title .sub-title{display:inline-block;padding:10px 0;background:#eaeaea;border-radius:5px;font-size:12px}.main-content .title .sub-title span{margin:0 20px}.main-content .title .sub-title strong{font-family:"montserratextrabold";color:#430829}.main-content .title .btn span{padding:0;font-family:"montserratregular"}.main-content .title .btn span svg{margin-right:5px}.content p{font-size:1.6rem;line-height:2.4rem}@media screen and (min-width:640px){.main-content{margin-left:70px}}@media screen and (min-width:768px){.main-content{margin-left:180px}}.dashboard{display:flex;flex-wrap:wrap}.dashboard .dashboard-box{padding:20px;border-radius:5px;background-color:#eee;color:#430829;margin:10px;flex-grow:1}@media screen and (max-width:768px){.dashboard .dashboard-box{width:40%}}@media screen and (max-width:640px){.dashboard .dashboard-box{width:30%}}.dashboard .dashboard-box h2{font-size:4rem}.dashboard .dashboard-box h3{font-size:3rem;font-family:"montserratextrabold";color:#189dad}.side-nav{position:fixed;width:100%;background-color:#430829;z-index:2;top:0;bottom:0;min-height:100vh;left:-100%;transition:left .3s}.side-nav .logo{background-color:#1f0413;border-bottom:3px solid #430829;color:#430829;display:inline-flex;align-items:center;justify-content:center;width:100%}@media screen and (max-width:768px){.side-nav .logo{justify-content:space-around}}.side-nav .logo h3{margin:0 10px}@media screen and (max-width:768px){.side-nav .logo h3{display:none;justify-content:space-around}}.side-nav.visible{display:block}.side-nav ul{margin:0;padding:0}.side-nav ul li{border-bottom:1px solid hsla(0,0%,87.8%,.2);position:relative;transition:all .5s}.side-nav ul li:hover{background:#7e0046}.side-nav ul li:hover i{color:#fff}.side-nav ul li:hover svg{fill:#fff}.side-nav ul li.active{background:#fff}.side-nav ul li.active i,.side-nav ul li.active span:nth-child(2){color:#430829}.side-nav ul li.active svg{fill:#430829}.side-nav ul li.active:before{content:"";position:absolute;width:4px;height:100%;top:0;left:0;background-color:#fff}.side-nav ul li a{padding:16px;color:#fff;display:block;text-decoration:none}.side-nav ul li i{color:#fff;text-align:center}.side-nav ul li span:first-child{display:inline-block;min-width:20px}.side-nav ul li span:nth-child(2){margin-left:10px;font-size:1.2rem;font-weight:600}.nav-show{left:0;transition:left .3s}@media screen and (min-width:640px){.side-nav{display:block;width:70px;z-index:2;left:0}.side-nav ul li span:nth-child(2){display:none}.side-nav .logo svg{padding-left:12px}.side-nav .logo span{display:none}.side-nav ul li img{width:26px}.side-nav ul li svg{font-size:26px}.side-nav ul li a{text-align:center}.side-nav ul li a span{vertical-align:middle}}@media screen and (min-width:768px){.side-nav{width:180px}.side-nav ul li span:nth-child(2){display:inline-block}.side-nav ul li svg{font-size:16px}.side-nav ul li a{text-align:left}.side-nav .logo i{padding-left:0}.side-nav .logo span{display:inline-block}}.tab-accordion{position:relative;margin-bottom:2px;width:100%;overflow:hidden}.tab-accordion .tab-trigger{position:absolute;opacity:0;z-index:-1}.tab-accordion .tab-label{position:relative;display:block;padding:20px;color:#3a3b36;background:#fff;cursor:pointer;font-size:1.4rem;font-weight:700;border-bottom:1px solid #ddd;transition:all 1s}.tab-accordion .tab-label:hover{background:#ddd}.tab-accordion input[type=checkbox]:checked+.tab-label{background:#430829!important;color:#fff!important}.tab-accordion input[type=checkbox]:checked+.tab-label:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tab-accordion input[type=checkbox]+.tab-label:after{content:"▾"}.tab-accordion .tab-label:after{position:absolute;right:0;top:0;display:block;width:2em;height:1.9em;font-size:3rem;line-height:2;text-align:center;transition:all .35s}.tab-accordion input:checked~.tab-content{max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}.tab-accordion .tab-content{max-height:0;overflow:hidden;transition:max-height .35s;color:#2b2b2b}.tab-accordion .tab-content .content-box{margin-bottom:20px}@media screen and (max-width:768px){.tab-accordion .tab-content .content-block{padding:30px}}.tab-accordion .tab-menu .tab{padding:30px 0}.title-accordion{font-weight:700;position:relative}.title-accordion svg{font-size:2rem;vertical-align:middle}.title-accordion strong{margin:0 5px;vertical-align:middle}.dropdown{position:relative;display:inline-block;cursor:pointer;text-align:center;border:1px solid #ddd;border-radius:5px;vertical-align:middle;padding:5px;line-height:1rem;width:65px;min-height:32px}.dropdown:hover{background:#7e0046}.dropdown:hover span i{color:#fff}.dropdown:hover span svg{fill:#fff}.dropdown span i,.dropdown span svg{margin:0 3px;font-size:20px}.dropdown .dropdown-change{height:30px;display:inline-block;position:absolute;width:30px;left:0;top:0;text-align:center;padding:6px 5px}.dropdown .dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);text-align:center;z-index:1;right:0;margin-top:6px}.dropdown .dropdown-content p{margin:0}.dropdown .dropdown-content p:hover{background:#ddd}.dropdown .dropdown-content p a,.dropdown .dropdown-content p button{padding:10px 8px;margin:0;display:block;color:#3a3b36;background:#fff;text-align:center;width:100%}.dropdown .dropdown-content p a:hover,.dropdown .dropdown-content p button:hover{background:#e0e0e0}.dropdown:active .dropdown-content,.dropdown:hover .dropdown-content{display:block}.dropdown-select{position:relative;display:inline-block;cursor:pointer;text-align:right;border-radius:5px;vertical-align:middle;line-height:1rem}input.error-show,select.error-show,textarea.error-show{border:1px solid rgba(255,0,0,.2);background:rgba(255,0,0,.1)}span.error-msg{color:rgba(255,0,0,.8);position:absolute;font-size:1rem;line-height:2rem;font-style:italic;display:none}span.error-show{display:block;left:0;right:0;text-align:center}.error-login-msg{color:rgba(255,0,0,.8);font-size:1rem;line-height:2rem;font-style:italic;display:none}.notify-error{background:#ffebe8;color:#dd3c10;padding:10px}.notify-warning{background:#fff191;color:#ff8600;padding:10px}.notify-info{background:#d6e8fe;color:#0178bc}.notify-success{background:#dcfed6;color:#27bc01}.filter{margin:0;top:3px;position:absolute;right:2px;bottom:0}.filter span{margin:0 5px}.filter select{width:auto!important}.total-time-spent{display:flex;align-items:center;justify-content:center}.total-time-spent h4{margin:0 10px}.list ul .list-box{display:flex;fill:#3a3b36;-o-box-pack:justify;justify-content:space-between;-o-box-align:center;align-items:flex-start;padding:10px;border-bottom:1px solid #e0e0e0;width:100%}.list ul .list-box:hover{background:#eee}.list ul .client-list-icon{align-self:flex-start;-ms-flex-item-align:start;flex:none;width:150px;border-radius:15px;margin-right:15px}.list ul .client-list-icon img{max-height:60px}@media (max-width:768px){.list ul .client-list-icon{display:none}}.list ul .list-info{-o-box-flex:1;box-flex:1;flex:1 1}.list ul .list-title{display:inline-block}.list ul .list-status,.list ul .list-title{font-family:montserratextrabold;font-weight:700;font-size:1.4rem}.list ul .list-status{float:right;margin:0 10px}.list ul .list-author,.list ul .list-date,.list ul .list-details{display:block}.list ul .list-date{margin-bottom:10px;color:#7e0046}.list ul .list-details{font-size:1.2rem}.list ul .list-details p{margin:0}.list ul .list-details h2{display:inline-block;font-weight:700}.list-icon{align-self:flex-start;-ms-flex-item-align:start;flex:none;width:30px;height:30px;border-radius:15px;margin-right:15px}@media (max-width:768px){.list-icon{display:none}}.list-icon img.round{border-radius:50px}.profilepic{width:55px;height:30px;margin-right:15px;border-radius:0}@media (max-width:768px){.profilepic{display:none}}.profilepic img.round{border-radius:50px}.list-result{position:absolute;width:100%;z-index:1;background:#fff;overflow-y:auto;height:auto;max-height:135px}.list-result ul{list-style-type:none}.list-result li{padding:5px 0;border-bottom:1px solid #eee}.list-result li:hover{background:#eee;cursor:pointer}.main__login{min-height:100vh}.main__login__wrapper{display:flex;height:100vh}.main__login__banner{flex-basis:60%;position:relative;display:flex;min-height:100vh;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center}@media screen and (max-width:1200px){.main__login__banner{flex-basis:60%}}@media screen and (max-width:700px){.main__login__banner{display:none}}.main__login__banner .branding{position:absolute;left:7rem;top:4rem}.main__login__banner .quote{max-width:60rem}@media screen and (max-width:1200px){.main__login__banner .quote{font-size:4rem;padding:4rem}}.main__login__banner .quote h2{font-size:2.2rem;font-weight:300;color:#fff;line-height:1.2;margin-bottom:5rem}@media screen and (max-width:780px){.main__login__banner .quote h2{font-size:2rem}}.main__login__banner .quote h2 span{font-weight:900;font-size:2.8rem}@media screen and (max-width:780px){.main__login__banner .quote h2 span{font-size:2.6rem;line-height:1.4}}.main__login__banner .quote-author{text-align:right;color:#fff;font-size:2rem;position:relative;margin-bottom:4rem}.main__login__banner .quote-author:before{content:"";position:absolute;right:15rem;width:7rem;height:1px;background-color:#fff;top:1.5rem}.main__login__banner .quote a{padding:1rem 1.4rem;display:block;border-radius:5px;border:none;font-size:1.4rem;cursor:pointer;max-width:25rem;text-align:center;text-decoration:none;margin:1rem auto 0;background-color:#fc9726;color:#fff}.main__login__form{flex-basis:25%;padding:5rem;display:flex;flex-direction:column;justify-content:center;position:relative;margin:auto;border-radius:5px}.main__login__form img{width:20rem;margin:1rem auto}@media screen and (max-width:1200px){.main__login__form{flex-basis:40%}}@media screen and (max-width:780px){.main__login__form{padding:2rem}}@media screen and (max-width:700px){.main__login__form{flex-basis:100%;height:100vh}}.main__login__form picture{margin:0 auto 2rem}.main__login__form .go_back{padding:1rem;display:block;text-align:center;text-decoration:none;font-size:1.3rem;color:#3a3b36}.main__login__form .welcome__note{text-align:center;margin-bottom:5rem}.main__login__form .welcome__note h3{font-size:2rem;color:#430829;margin-bottom:2rem;font-family:"lato_black",sans-serif;line-height:1}.main__login__form .option{display:flex;justify-content:space-between;font-size:1.2rem;margin-bottom:3rem}.main__login__form .option a{text-decoration:none;color:#3a3b36}.main__login__form a,.main__login__form button{cursor:pointer;display:block;text-align:center;margin-top:1rem}.main__login__form .login__support{position:absolute;bottom:2rem;width:80%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;padding:2rem 0 1rem;border-top:1px solid #e6e6e6}.main__login__form .login-icon svg{font-size:5rem;margin:auto}.page-not-found{width:100%;padding:8vh;text-align:center}.page-not-found p{font-size:70px;vertical-align:middle}.page-not-found h3{color:#430829}.pagination{padding:5px 0}.pagination span{margin:0 .5rem;vertical-align:middle}.pagination i{font-size:20px;color:#7e0046}.pagination i:hover{color:#18000d;transition:all .3s ease-in-out}.pagination button{padding:5px 10px;border-radius:5px}@media (max-width:640px){.pagination{padding:20px 0;text-align:center;float:none!important}}.modal{background:rgba(0,0,0,.5);position:fixed;left:0;top:0;bottom:0;right:0;height:100vh;z-index:99;overflow-y:hidden}.modal,.modal table{width:100%}.show{display:block}.hide{display:none}.modal .display-center{background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.2);left:50%;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:400px;text-align:left;max-height:90vh;display:flex;flex-direction:column;z-index:999999}@media (max-width:500px){.modal .display-center{width:90%}}.modal .display-center .title-container{padding:10px;display:flex;justify-content:space-between;background:#430829;color:#fff;align-items:center}.modal .display-center .title-container span{color:#fff!important;padding:3px 0;display:inline-block}.modal .display-center .bg--white{pointer-events:all;overflow:auto;padding:30px}.modal .display-center .bg--white div.dialogbox,.modal .display-center .bg--white img.dialogbox{width:62px;margin:auto;display:block;font-size:6rem}.modal .display-center .bg--white div.dialogbox svg,.modal .display-center .bg--white img.dialogbox svg{fill:#b10062}.modal .display-wide{width:900px}@media (max-width:850px){.modal .display-wide{width:90%}}.modal .display-radio input[type=radio]{display:inline-block;margin-right:10px}.modal .btn--close{background:transparent}.modal .btn--close svg{width:25px;height:25px;float:right;position:relative;z-index:10;padding:5px;border-radius:50px;cursor:pointer;transition:all .5s;background:#bbb;pointer-events:all}.modal .btn--close svg:hover{background:#fff}.modal .modal-title{display:inline-block}.modal .upload-container{display:flex;align-items:center;justify-content:center;width:100%}.modal #upload{position:absolute;top:8px;left:5px;font-size:1.2rem}.modal .button-wrap{position:relative;height:36px;display:flex;align-items:center}.modal .upload-button{display:flex;padding:8px 12px;cursor:pointer;border-radius:4px;background-color:#ddd;position:absolute;z-index:1;border:1px solid #ddd}.modal .upload-button img{width:12px}.modal .button-wrap input[type=file]{margin-left:28px}.button-container{display:flex;justify-content:space-around}@media (max-width:500px){.button-container{flex-direction:column}}.modal .content-box{margin-bottom:30px;position:relative}.justify-content{justify-content:center}.justify-right{justify-content:right}.button-container span{position:relative}.button-container .d-flex{margin:0 10px}.button-container .content-box{flex:1 1}.d-flex{display:flex;align-items:center}.d-flex input[type=radio]{display:inline-block;margin:0 2px}.d-flex input[type=radio]:checked+label{border-top:none}.d-flex-space-between{display:flex;align-items:center;justify-content:space-between}.modal-front{z-index:100}.search-bar{position:relative}.search-bar input[type=text]{border-right:0;width:100%}.search-bar button{position:absolute;top:0;right:0;margin:0;bottom:0;padding:10px;text-align:center}.invisible{display:none}.snackbar{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#4caf4f;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;left:50%;top:10px;font-size:17px}.snackbar.show-slide{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}@-webkit-keyframes fadein{0%{top:0;opacity:0}to{top:10px;opacity:1}}@keyframes fadein{0%{top:0;opacity:0}to{top:10px;opacity:1}}@-webkit-keyframes fadeout{0%{top:10px;opacity:1}to{top:0;opacity:0}}@keyframes fadeout{0%{top:10px;opacity:1}to{top:0;opacity:0}}.tab-menu{display:flex;flex-wrap:wrap;background-color:#f3f3f3;min-height:200px}.tab-menu .menu-label{display:block;padding:.8rem 0;margin-right:.2rem;cursor:pointer;background:#3a3b36;color:#fff;font-weight:700;transition:background .2s ease;font-size:1.2rem;border-top:2px solid transparent;position:relative;z-index:1}.tab-menu .menu-label a,.tab-menu .menu-label span{padding:1.1rem 2.3rem}.tab-menu .menu-label:hover{background:#7e0046}.tab-menu .tab{order:99;flex-grow:1;width:100%;display:none;padding:30px;background:#fff;position:relative}.tab-menu input[type=radio]{display:none}.tab-menu input[type=radio]:checked+label{background:#fff;color:#430829;border-top:2px solid #430829}.tab-menu input[type=radio]:checked+label+.tab{display:block}@media (max-width:45em){.tab-menu .tab,.tab-menu label{order:0}.tab-menu .menu-label{width:100%;margin-right:0;margin-bottom:.2rem}.tab-menu input[type=radio]:checked+label{background:#430829;color:#fff}}.content-box{margin-bottom:30px;position:relative}.tab-submenu{display:flex;flex-wrap:wrap;min-height:200px}.tab-submenu .menu-label{display:block;padding:.8rem 0;margin-right:.2rem;cursor:pointer;background:#fff;color:#3a3b36;font-weight:700;transition:background .2s ease;font-size:1.2rem;border-bottom:2px solid transparent;position:relative;z-index:1}.tab-submenu .menu-label a,.tab-submenu .menu-label span{padding:1.1rem 2.3rem}.tab-submenu .menu-label:hover,.tab-submenu .menu-label:hover a{background:#7e0046;color:#fff}.tab-submenu .tab{order:99;flex-grow:1;width:100%;display:none;padding:30px 0;background:#fff;position:relative}.tab-submenu input[type=radio]{display:none}.tab-submenu input[type=radio]:checked+label{background:#fff;color:#430829;border-bottom:2px solid #430829;border-top:2px solid transparent}.tab-submenu input[type=radio]:checked+label+.tab{display:block}@media (max-width:45em){.tab-submenu .tab,.tab-submenu label{order:0}.tab-submenu .menu-label{width:100%;margin-right:0;margin-bottom:.2rem}.tab-submenu input[type=radio]:checked+label{background:#430829;color:#fff}}@-webkit-keyframes spinner{0%{-webkit-transform:translate3d(-50%,-50%,0) rotate(0deg);transform:translate3d(-50%,-50%,0) rotate(0deg)}to{-webkit-transform:translate3d(-50%,-50%,0) rotate(1turn);transform:translate3d(-50%,-50%,0) rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:translate3d(-50%,-50%,0) rotate(0deg);transform:translate3d(-50%,-50%,0) rotate(0deg)}to{-webkit-transform:translate3d(-50%,-50%,0) rotate(1turn);transform:translate3d(-50%,-50%,0) rotate(1turn)}}.spinner{background:hsla(0,0%,100%,.5);position:absolute;left:0;top:0;bottom:0;right:0;width:100%;overflow-y:hidden;min-height:50px;padding:40px 0;z-index:99}.spinner .center-vertically{margin:0 auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.spinner .spin:before{-webkit-animation:spinner 1.5s linear infinite;animation:spinner 1.5s linear infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit;border:5px solid;border-color:#bbb #bbb #430829;border-radius:50%;content:"";height:40px;width:40px;position:absolute;left:25px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);will-change:transform;z-index:99}.spinner span{position:relative;top:20px;margin:auto}.spinner-btn{position:absolute;left:0;top:0;bottom:0;right:0;width:100%;z-index:9;overflow-y:hidden}.spinner-btn .center-vertically{margin:0 auto;position:absolute;top:50%;right:30%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.spinner-btn .spin-btn:before{-webkit-animation:spinner 1.5s linear infinite;animation:spinner 1.5s linear infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit;border:5px solid;border-color:#bbb #bbb #430829;border-radius:50%;content:"";height:20px;width:20px;position:absolute;left:25px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);will-change:transform;z-index:99}@media print{#filter,.btn,.logo,.nonprint-display,.print-button,.remarks,.tab-menu .menu-label,.user{display:none!important}.print-display{display:inline-block}.t-exbold{font-weight:700!important;font-size:10px!important}header{padding:0;display:block;position:relative;margin:0}.letterhead{display:block!important;padding:20px 0}.letterhead .col-lg-3,.letterhead .col-md-3,.letterhead .col-sm-3{width:25%!important;float:left!important}.letterhead .col-lg-6,.letterhead .col-md-6,.letterhead .col-sm-6{width:50%!important;float:left!important}.letterhead .col-sm-4{width:33.33%!important;float:left!important}.content-block{padding:0!important}.main-content{padding-top:20px!important}.main-content .content-block,.main-content .title{padding:0!important;margin:0!important}.tab-menu .tab{padding-top:0}.mb--20,.mb--30,.mb--40{margin-bottom:15px!important}.ledger .content-box{height:auto!important}#ledger-content,.main-content .content-block{margin-bottom:0!important}.content-block-gray .col-100 .col-lg-12,.content-block-gray .col-100 .col-md-12,.content-block-gray .col-100 .col-sm-12,.content-block-gray .col-100 .col-xs-12{width:100%!important}.content-block-gray .row .col-child,.content-block-gray .row .col-md-12,.content-block-gray .row .col-sm-12,.content-block-gray .row .col-xs-12{width:50%}h4{line-height:1rem!important;text-transform:uppercase}h4,label{font-size:1rem!important}.color-primary{color:#3a3b36!important}.ledger .content-box{height:auto}td,th{padding:2px 10px;color:#3a3b36!important;font-size:80%!important}tfoot tr td{border:0}.bg-highlight{box-shadow:none}.bg-lightcolor{padding:0!important}.payslip-width{width:100%}}