@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";:root{scroll-behavior:smooth;--primary-color: #012970;--secondary-color: #4154f1}*{font-family:Poppins,sans-serif}body{margin:0;background:#f6f9ff;color:#444;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--secondary-color);text-decoration:none;cursor:pointer}a:hover{color:#717ff5;text-decoration:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.MuiTablePagination-selectLabel,.MuiTablePagination-displayedRows{margin:auto;font-weight:700!important;font-family:Poppins,sans-serif!important}th *{font-weight:700;font-size:1rem;white-space:nowrap;text-transform:initial}.ant-picker-dropdown{z-index:100000!important}.ant-image-preview-mask{background-color:#fffffff2!important}.ant-image-preview-img{width:40%!important}.ant-image-preview-operations,.ant-image-preview-switch-left,.ant-image-preview-switch-right{background:#000000e6!important}.MuiTableCell-head .MuiButton-root{padding:0 6px!important}.MuiImageListItem-img{object-fit:contain!important}#main{margin-top:60px;padding:20px 30px;transition:all .3s}#footer{margin-top:auto;width:100%}@media (max-width: 979px){#main{padding:20px}}.bi{display:flex}.css-dsuxgy-MuiTableCell-root{display:flex;flex-direction:column;justify-content:space-around}.dropdown-menu{border-radius:4px;padding:10px 0;-webkit-animation-name:dropdown-animate;animation-name:dropdown-animate;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;border:0;box-shadow:0 5px 30px #523f6933}.dropdown-menu .dropdown-header{text-align:center;font-size:15px;padding:10px 25px}.dropdown-menu .dropdown-divider{color:#a5c5fe;margin:0}.dropdown-menu .dropdown-item{font-size:14px;padding:10px 15px;transition:.3s}.dropdown-menu .dropdown-item i{margin-right:10px;font-size:18px;line-height:0}.dropdown-menu .dropdown-item:hover{background-color:#f6f9ff}@media (min-width: 768px){.dropdown-menu-arrow:before{content:"";width:13px;height:13px;background:#fff;position:absolute;top:-7px;right:20px;transform:rotate(45deg);border-top:1px solid #eaedf1;border-left:1px solid #eaedf1}}@-webkit-keyframes dropdown-animate{0%{opacity:0}to{opacity:1}0%{opacity:0}}@keyframes dropdown-animate{0%{opacity:0}to{opacity:1}0%{opacity:0}}.logo{line-height:1}@media (min-width: 979px){.logo{width:250px}}.logo img{max-height:26px;margin-right:6px}.logo span{font-size:26px;font-weight:700;color:var(--primary-color);font-family:Poppins,sans-serif}.header{transition:all .5s;z-index:997;height:60px;box-shadow:0 2px 20px #0129701a;background-color:#fff;padding-left:8px}.header-nav ul{list-style:none}.header-nav>ul{margin:0;padding:0}.header-nav .nav-icon{font-size:22px;color:var(--primary-color);margin-right:25px;position:relative}.header-nav .nav-profile{color:var(--primary-color)}.header-nav .nav-profile img{max-height:36px}.header-nav .nav-profile span{font-size:14px;font-weight:600}.header-nav .badge-number{position:absolute;inset:-8px -8px auto auto;font-weight:400;font-size:12px;padding:3px 6px}.header-nav .notifications{inset:8px -15px auto auto!important}.header-nav .notifications .notification-item{display:flex;align-items:center;padding:15px 10px;transition:.3s}.header-nav .notifications .notification-item i{margin:0 20px 0 10px;font-size:24px}.header-nav .notifications .notification-item h4{font-size:16px;font-weight:600;margin-bottom:5px}.header-nav .notifications .notification-item p{font-size:13px;margin-bottom:3px;color:#919191}.header-nav .notifications .notification-item:hover{background-color:#f6f9ff}.header-nav .profile{min-width:240px;padding-bottom:0;top:8px!important}.header-nav .profile .dropdown-header h6{font-size:18px;margin-bottom:0;font-weight:600;color:#444}.header-nav .profile .dropdown-header span{font-size:14px}.header-nav .profile .dropdown-item{font-size:14px;padding:10px 15px;transition:.3s}.header-nav .profile .dropdown-item i{margin-right:10px;font-size:18px;line-height:0}.header-nav .profile .dropdown-item:hover{background-color:#f6f9ff}.logout-link:hover{background-color:var(--bs-red)!important;color:#fff}.sidebar{position:fixed;top:60px;left:0;bottom:0;width:300px;z-index:996;transition:all .3s;padding:20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#aab7cf transparent;box-shadow:0 0 20px #0129701a;background-color:#fff;display:flex;flex-direction:column}@media (max-width: 979px){.sidebar{left:-300px}}.sidebar::-webkit-scrollbar{width:5px;height:8px;background-color:#fff}.sidebar::-webkit-scrollbar-thumb{background-color:#aab7cf}@media (min-width: 979px){#main{margin-left:300px}}@media (max-width: 979px){.toggle-sidebar .sidebar{left:0}}@media (min-width: 979px){.toggle-sidebar #main{margin-left:0!important}.toggle-sidebar .sidebar{left:-300px}}.sidebar-nav{padding:0;margin:0;list-style:none}.sidebar-nav li{padding:0;margin:0;list-style:none;cursor:pointer}.sidebar-nav .nav-item{margin-bottom:5px}.sidebar-nav .nav-heading{font-size:11px;text-transform:uppercase;color:#899bbd;font-weight:600;margin:10px 0 5px 15px}.sidebar-nav .nav-link{display:flex;align-items:center;font-size:15px;font-weight:600;color:var(--secondary-color);transition:.3;background:#f6f9ff;padding:10px 15px;border-radius:4px}.sidebar-nav .nav-link i{font-size:16px;margin-right:10px;color:var(--secondary-color)}.sidebar-nav .nav-link.collapsed,.sidebar-nav .nav-link:not(.active){color:var(--primary-color);background:#fff}.sidebar-nav .nav-link.collapsed i,.sidebar-nav .nav-link:not(.active) i{color:#899bbd}.sidebar-nav .nav-link:hover{color:var(--secondary-color);background:#f6f9ff}.sidebar-nav .nav-link:hover i{color:var(--secondary-color)}.sidebar-nav .nav-link .bi-chevron-down{margin-right:0;transition:transform .2s ease-in-out}.sidebar-nav .nav-link:not(.collapsed) .bi-chevron-down{transform:rotate(180deg)}.sidebar-nav .nav-content{padding:5px 0 0;margin:0;list-style:none}.sidebar-nav .nav-content a{display:flex;align-items:center;font-size:14px;font-weight:600;color:var(--primary-color);transition:.3;padding:10px 0 10px 40px;transition:.3s}.sidebar-nav .nav-content a i{margin-right:8px;line-height:0;border-radius:50%}.sidebar-nav .nav-content a:hover,.sidebar-nav .nav-content a.active{color:var(--secondary-color)}@-webkit-keyframes animate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header .toggle-sidebar-btn{font-size:32px;padding-left:10px;cursor:pointer;color:var(--primary-color)}.header .search-bar{min-width:360px;padding:0 20px}@media (max-width: 767px){.header .search-bar{position:fixed;top:50px;left:0;right:0;padding:20px;box-shadow:0 0 15px #0129701a;background:#fff;z-index:9999;transition:.3s;visibility:hidden;opacity:0}.header .search-bar-show{top:60px;visibility:visible;opacity:1}}.header .search-form{width:100%}.header .search-form input{border:0;font-size:14px;color:var(--primary-color);border:1px solid rgba(1,41,112,.2);padding:7px 38px 7px 8px;border-radius:3px;transition:.3s;width:100%}.header .search-form input:focus,.header .search-form input:hover{outline:none;box-shadow:0 0 10px #01297026;border:1px solid rgba(1,41,112,.3)}.header .search-form button{border:0;padding:0;margin-left:-30px;background:none}.header .search-form button i{color:var(--primary-color)}.spinner{position:absolute;width:13px;height:13px}.spinner div{position:absolute;width:50%;height:150%;background:#000;transform:rotate(calc(var(--rotation) * 1deg)) translateY(calc(var(--translation) * 1%));animation:spinner-fzua35 1s calc(var(--delay) * 1s) infinite ease}.spinner div:nth-child(1){--delay: .1;--rotation: 36;--translation: 150}.spinner div:nth-child(2){--delay: .2;--rotation: 72;--translation: 150}.spinner div:nth-child(3){--delay: .3;--rotation: 108;--translation: 150}.spinner div:nth-child(4){--delay: .4;--rotation: 144;--translation: 150}.spinner div:nth-child(5){--delay: .5;--rotation: 180;--translation: 150}.spinner div:nth-child(6){--delay: .6;--rotation: 216;--translation: 150}.spinner div:nth-child(7){--delay: .7;--rotation: 252;--translation: 150}.spinner div:nth-child(8){--delay: .8;--rotation: 288;--translation: 150}.spinner div:nth-child(9){--delay: .9;--rotation: 324;--translation: 150}.spinner div:nth-child(10){--delay: 1;--rotation: 360;--translation: 150}@keyframes spinner-fzua35{0%,10%,20%,30%,50%,60%,70%,80%,90%,to{transform:rotate(calc(var(--rotation) * 1deg)) translateY(calc(var(--translation) * 1%))}50%{transform:rotate(calc(var(--rotation) * 1deg)) translateY(calc(var(--translation) * 1.5%))}}
