:root{--header-menu-bg: #FFFFFF;--left-menu-bg: #000000;--left-menu-hover-bg: #2c2c2c;--left-menu-active-bg: #2c2c2c;--footer-bg: #000000;--bg-color-site: #2b2c2c;--menu-text-color: #606d7d;--menu-hover-text-color: #FFF;--menu-hover-bg: #012f73;--menu-sub-bg: #323535;--top-menu-border-color:#353839;--menu-bar-color:#FFF;--bs-dropdown-link-active-bg:#000000;--bs-dropdown-link-active-color:#FFFFFF}body{color:#797979;background:#f2f2f2;font-family:sans-serif;padding:0!important;margin:0!important;font-size:13px}.black-bg,.white-bg{background:var(--header-menu-bg);border-bottom:1px solid var(--header-menu-bg)}.app-layout{display:flex;flex-direction:column;height:100vh}#nprogress .bar{background:linear-gradient(90deg,#d39145,#f5c26b,#d39145)!important;height:1px!important;border-radius:2px}#nprogress .peg{box-shadow:0 0 10px #d39145,0 0 5px #f5c26b!important}.header{height:60px;color:#fff;z-index:10;position:relative}.main-body{flex-grow:1;display:flex;overflow:hidden;font-size:13px}.main-body .sidebar{width:210px;transition:width .3s ease-in-out,transform .3s ease-in-out;overflow-y:auto;height:calc(100vh - 60px);position:relative}.main-body .sidebar.collapsed{transform:translate(-100%);width:0px;overflow:hidden}ul.sidebar-menu li a{color:var(--menu-text-color);text-decoration:none;display:block;padding:8px 0 8px 10px;font-size:14px;outline:none}ul.sidebar-menu li a i{width:24px}.sidebar-menu .nav-link{border-radius:.375rem}.sidebar-menu .nav-link.router-link-active,.sidebar-menu .nav-link:hover{background-color:var(--menu-hover-bg);color:var(--menu-hover-text-color)}.login-user-name{font-size:1rem;font-weight:700;padding-top:5px}.profile-image-bloc img{width:100px;height:100px;object-fit:cover}.outer_popup{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:1055;display:flex;justify-content:center;align-items:center}.upload-box{cursor:pointer;background-color:#f8f9fa;transition:all .3s ease}.upload-box:hover{background-color:#f1f1f1;border-color:#dc3545}.preview-img{width:150px;height:auto;border:1px solid #dee2e6}.button-bg{background:linear-gradient(135deg,rgb(29,78,216),rgb(1 47 114),rgb(14 104 37))}@media (max-width: 767px){.main-body{overflow:unset}.main-content-blocks{width:100%}.profile-image-bloc{width:210px}.main-body .sidebar{overflow-y:unset}.sidebar.collapsed{transform:translate(-100%)}.sidebar:not(.collapsed){transform:translate(0)}}