.account-pages{background: #0E0C14;min-height: 100vh;display: flex;flex-wrap: nowrap;align-items: center;justify-content: center;padding-bottom: 70px;}
.account-pages:before{position: absolute; left: 0;top: 0;content: "";width: 100%;height: 100%;background: url(../images/login_bg.jpg) no-repeat center / cover;}
.log-sec1{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width: 100%;} 
.login-logo{width: 100%;text-align: center;margin-bottom: 30px;}
.login-logo img{width: 200px}
.ap-lft{text-align: center; width: 48%}
.ap-lft img{max-width: 430px}
.ap-lft h4{color: #fff; font-weight: 200;line-height: 28px;font-size: 22px;}
.ap-lft h4 span{font-weight: 600}
.ap-rgt{width: 48%; background: #fff; padding: 30px; border-radius: 10px}
.ap-rgt h3{font-weight: 900; color: #000; font-size: 28px;margin: 0 0 5px;}
.ap-rgt h4{color: #FFA100; font-weight: 500; font-size: 24px; margin: 0 0 20px}
.ap-rgt .form-control{height: 45px; border: 1px solid #3F3F3F; border-width: 0 0 1px; border-radius: 0; padding: .47rem .75rem .47rem 3.75rem}
.ap-rgt .form-group:nth-child(3) .form-control{padding: .47rem 2.75rem .47rem 3.75rem}
.ap-rgt .form-group{margin: 0 0 25px; position: relative}
.ap-rgt .form-group .frmimg{position: absolute;left: 0;top: 10px;padding: 0 15px;border-right: 1px solid #3F3F3F;}
.ap-rgt .form-group .btn{border: none; background: transparent; position: absolute; top: 6px; right: 0}
.ap-rgt .btn-warning{background: #FFA100; text-transform: uppercase; letter-spacing: 1px;padding: .7rem .75rem .47rem;}
.log-sec2{width: 100%; text-align: center; padding: 15px;position: absolute; left: 0; bottom: 0; right: 0; color: #fff}
.log-sec2:before{position: absolute; left: 0; right: 0; top: 0; margin: auto; width: 100%; max-width: 1140px;height: 1px; content: ""; background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(105,110,136,1) 50%,rgba(0,0,0,0) 100%);}
.log-sec2 a{color: #fff}
.footer{position: fixed;background-color: #fff;box-shadow: 0 -4px 10px rgba(0 0 0 / 0.05);color: #000;}
.footer a, .card-title, .breadcrumb-item>a, .breadcrumb-item.active{color: #000}
#page-topbar{box-shadow: 0 4px 10px rgba(0 0 0 / 0.05);}
.logo {line-height: 60px;}
.navbar-brand-box a{padding: 0 15px;border-radius: 0 0 15px 15px;}
.navbar-brand-box a img{max-width: 100%}
.navbar-header{height: 60px}
.vertical-menu{top: 60px}
.header-item{height: 60px;color: #000;font-weight: 600;}
.metismenu li{padding: 0 15px;margin-bottom: 10px;position: relative;}
.metismenu li:before{position: absolute; right: 0; top: 0;content: ""; width: 5px; height: 45px; background: #8cc33f; border-radius: 10px 0 0 10px;transition: all 0.8s ease}
.metismenu li.mm-active:before{width: 8px}
#sidebar-menu ul li a{padding: .625rem 0.5rem;background: #fff;border-radius: 5px;color: #0E0C14 !important;font-weight: 500;transition: all 0.8s ease}
#sidebar-menu ul li a:hover, #sidebar-menu ul li.mm-active a{background: #8cc33f; color: #fff!important}
#sidebar-menu ul li a i{min-width: 1.25rem;}
.navbar-brand-box{padding: 0 15px;}
#sidebar-menu{padding: 20px 0px 60px 0;}
#sidebar-menu ul li ul.sub-menu{margin: 10px 0}
#sidebar-menu ul li ul.sub-menu li{padding: 0; margin: 0}
#sidebar-menu ul li ul.sub-menu li a{background: transparent; color: #AAAAAA !important;padding: 5px 0 5px 30px;position: relative;transition: all 0.8s ease}
#sidebar-menu ul li ul.sub-menu li a:before{position: absolute; left: 13px;top: 9px; content: ""; width: 7px; height: 7px; border-radius: 100%;background: #AAAAAA;transition: all 0.8s ease}
#sidebar-menu ul li ul.sub-menu li a:hover{color: #8cc33f !important}
#sidebar-menu ul li ul.sub-menu li a:hover:before{background: #8cc33f}
body[data-sidebar=dark] .vertical-menu {background: #0E0C14;}
body[data-sidebar=dark] #sidebar-menu ul li a i, #sidebar-menu ul li a i {color: #0E0C14;}
.page-title-box h4{color: #000;font-weight: 700;}
#sidebar-menu ul li ul.sub-menu li:before{display: none}
.sidebar-logout{position: fixed; bottom: 0; background: #0E0C14;width: 250px;text-align: center;padding: 10px;}
.sidebar-logout a{display: block; padding: 8px 10px; border: 1px solid #8cc33f;color: #8cc33f;border-radius: 10px;font-size: 16px}
.sidebar-logout a i{color: #8cc33f !important}
.card{border-radius: .75rem;}
.card-body{padding: 1rem;}
.card-title{font-weight: 700;}
.dash-sec1mn{display: flex; flex-wrap: wrap; justify-content: space-between}
.dash-sec1{display: flex; align-items: center; justify-content: space-between; background: #FFF0E0;padding: 20px 12px;border-radius: 10px;width: 24.2%;flex-wrap: wrap;}
.dash-sec1 .dashsec1-icon{width: 40px;height: 40px;display: block;background: #EB7900;text-align: center;line-height: 40px;border-radius: 100%; font-size: 18px; color: #fff}
.dash-sec1 h4{margin: 0; position: relative; width: 50px; height: 50px;line-height: 50px; border-radius: 10px; background: #FBD8B3; font-weight: 900; font-size: 18px;color: #000;text-align: center}
.dash-sec1 h4:before{position: absolute; content: ""; left: -5px; top: -5px; width: 60px;height: 60px; background: #EB7900;border-radius: 10px; opacity: 0.2}
.dash-sec1 h4 span{position: relative;display: inline-block}
.dash-sec1 h5{width: 50%;margin: 0;color: #000;font-size: 16px;}
.dash-sec1:nth-child(2){background: #E9F7FF}
.dash-sec1:nth-child(2) .dashsec1-icon, .dash-sec1:nth-child(2) h4:before{background: #1593DC}
.dash-sec1:nth-child(2) h4{background: #BFE3F8}
.dash-sec1:nth-child(3){background: #F8F6D1}
.dash-sec1:nth-child(3) .dashsec1-icon, .dash-sec1:nth-child(3) h4:before{background: #D0C800}
.dash-sec1:nth-child(3) h4{background: #ECE892}
.dash-sec1:nth-child(4){background: #FFE2E6}
.dash-sec1:nth-child(4) .dashsec1-icon, .dash-sec1:nth-child(4) h4:before{background: #E5213A}
.dash-sec1:nth-child(4) h4{background: #FABBC4}
.dash-eyopup{height: 380px; overflow: hidden; overflow-y: auto}
.list-group-item{padding: 0}
.list-group-item .text-muted{margin: 0 0 3px; color: #4F4F4F!important}
.list-group-item h5{color: #4F4F4F; font-weight: 700}
.list-group-item{border-radius: 10px !important; margin: 0px 0 10px; border: 1px solid #eff2f7 !important;}
.dash-op .avatar-title{background-color: #EB7900 !important;}
.page-title-box {padding-bottom: 10px;}
.form-control{border: 1px solid #C3CAE4; margin-bottom: 15px}
.table-bordered td {border: 1px solid #C3CAE4; border-width: 0 1px 1px 0 !important;}
.table-bordered th{border: 1px solid #C3CAE4; border-width: 0 1px 0 0;}
.table>:not(:last-child)>:last-child>* {border-bottom-color: #C3CAE4;}
.table-bordered th{background: #F5F6FA;color: #444444; font-weight: 800}
.table-bordered th:last-child, .table-bordered td:last-child{border-right: none}
.table-bordered{border: none}
.badge{padding: .4em .6em;}
.table{color: #444}
.btn-label .label-icon{width: 20px;height: 20px;left: 8px;top: 5px;border: 1px solid #fff;border-radius: 100%; background-color: transparent;font-size: 13px;}
.btn-label{padding-left: 34px;font-size: 15px;font-weight: 600;}
#tooltip-action-container .avatar-xs{width: auto; height: auto;background-color: transparent;border: none;margin: 0 5px;}
#tooltip-action-container .avatar-title{font-size: 22px;line-height: 1;color: #1593DC}
#tooltip-action-container .avatar-title .fa-users-cog{color: #34C38F}
div.dataTables_wrapper div.dataTables_info{color: #000;}
.page-link{color: #0E0C14}
.page-item.disabled .page-link{border-color: #C3CAE4;}
.form-control:focus{color: #444444;}
.col-form-label{font-size: 14px; color: #0E0C14; margin-bottom: 5px;padding: 0;font-weight: 700;}
.input-group-text{height: 37px;}
button.color-box{background: #EB7900 !important; font-weight: 800}
a.bg-gradient{background: #1469CA !important; font-weight: 800}
.aps-sec{background: #F5F6FA; border-radius: 10px;padding: 1em;}
.aps-sec .card-header{text-align: center}
.aps-sec .card-header h5{font-weight: 800; color: #0E0C14}
.aps-sec .card-header h5 span{color: #1469CA}
.aps-sec .card-body{display: flex; flex-wrap: wrap; justify-content: center}
.apssec-lft{width: 100%; margin: 0 5px; max-width: 350px; background: #fff;padding: 1em; box-shadow:  0 0 25px rgba(0 0 0 / 0.05);border-radius: 10px}
.fasi-head{font-weight: 800; color: #0E0C14;font-size: 18px;}
#assign-project-staff .btn-secondary{background: #1469CA !important;font-weight: 800;}