.wrapper .content-wrapper{
    background:linear-gradient(180deg,#e8f1ff 0%,#f3f7fb 140px,#f4f6f9 100%) !important;
}
.main-header.navbar,
.main-header.navbar.bg-info,
.main-header.navbar.navbar-dark{
    background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 42%,#0284c7 100%) !important;
    border-bottom:0 !important;
    box-shadow:0 10px 28px rgba(14,165,233,.28);
}
.main-header .nav-link{
    color:#fff !important;
    border-radius:10px;
    margin:0 2px;
}
.main-header .nav-link:hover,
.main-header .nav-link:focus,
.main-header .show > .nav-link{
    background:rgba(255,255,255,.16) !important;
    color:#fff !important;
}
.main-header .navbar-badge{
    font-size:10px;
    font-weight:700;
    border-radius:10px;
    min-width:16px;
    padding:2px 5px;
    box-shadow:0 2px 8px rgba(225,29,72,.35);
}
.navbar-user-menu > .navbar-user-toggle{
    background:rgba(255,255,255,.14);
    border-radius:999px !important;
    padding:3px 10px 3px 4px !important;
}
.navbar-user-menu > .navbar-user-toggle:hover,
.navbar-user-menu.show > .navbar-user-toggle{
    background:rgba(255,255,255,.24);
}
.navbar-user-avatar{
    border-color:#fff !important;
    box-shadow:0 0 0 2px rgba(255,255,255,.25);
}
.navbar-user-dropdown{
    border:0 !important;
    border-radius:14px !important;
    box-shadow:0 12px 32px rgba(15,23,42,.16) !important;
    overflow:hidden;
}
.navbar-user-dropdown-head{
    background:linear-gradient(180deg,#f0f9ff,#ffffff) !important;
    border-bottom:1px solid #e0f2fe !important;
}
.navbar-user-dropdown-name{color:#0f172a !important}
.navbar-user-dropdown .navbar-user-dropdown-link i{color:#0284c7 !important}
.navbar-user-dropdown .navbar-user-dropdown-link:hover,
.navbar-user-dropdown .navbar-user-dropdown-link:focus{
    background:#e0f2fe !important;
    color:#0369a1 !important;
}
.task-notify-dropdown{
    border:0 !important;
    border-radius:14px !important;
    box-shadow:0 12px 32px rgba(15,23,42,.16) !important;
}
.task-notify-header{
    background:linear-gradient(135deg,#38bdf8,#0284c7) !important;
}
.task-notify-filters .btn.active{
    background:linear-gradient(135deg,#38bdf8,#0284c7) !important;
    border-color:transparent !important;
}
.main-sidebar{
    background:linear-gradient(180deg,#0f172a 0%,#0c4a6e 160px,#0f172a 100%) !important;
    box-shadow:-10px 0 28px rgba(15,23,42,.22);
    border:0 !important;
}
.main-sidebar .brand-link{
    position:relative;
    background:rgba(15,23,42,.35) !important;
    border-bottom:0 !important;
    padding-top:.9rem;
    padding-bottom:.95rem;
}
.main-sidebar .brand-link::after{
    content:"";
    position:absolute;
    right:0;left:0;bottom:0;
    height:4px;
    background:linear-gradient(90deg,#38bdf8,#6366f1,#10b981);
}
.main-sidebar .brand-image{
    border-radius:100% !important;
    border:2px solid #fff;
    box-shadow:0 6px 16px rgba(0,0,0,.25);
    opacity:1 !important;
    max-width:92px;
}
.main-sidebar .brand-text{
    font-weight:800 !important;
    color:#e0f2fe !important;
    font-size:.95rem;
}
.sidebar{padding-top:.5rem}
.nav-sidebar .nav-item > .nav-link{
    border-radius:12px;
    margin:2px 8px;
    color:#cbd5e1 !important;
    font-weight:600;
    font-size:.86rem;
    padding:.5rem .75rem;
}
.nav-sidebar .nav-item > .nav-link p{color:inherit}
.nav-sidebar .nav-icon{
    color:#7dd3fc !important;
    font-size:.95rem;
    width:1.5rem;
    margin-left:.35rem !important;
}
.nav-sidebar .nav-item > .nav-link:hover{
    background:rgba(56,189,248,.16) !important;
    color:#fff !important;
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.nav-sidebar > .nav-item > .nav-link.active{
    background:linear-gradient(135deg,#38bdf8,#0284c7) !important;
    color:#fff !important;
    box-shadow:0 8px 18px rgba(2,132,199,.35);
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active .nav-icon,
.nav-sidebar > .nav-item > .nav-link.active .nav-icon{
    color:#fff !important;
}
.nav-sidebar .nav-treeview{
    background:rgba(15,23,42,.32);
    border-radius:12px;
    margin:0 8px 8px;
    padding:4px 0 6px;
}
.nav-sidebar .nav-treeview .nav-link{
    color:#94a3b8 !important;
    border-radius:8px;
    margin:1px 6px;
    padding:.4rem .7rem;
    font-size:.8rem;
    font-weight:600;
}
.nav-sidebar .nav-treeview .nav-link:hover,
.nav-sidebar .nav-treeview .nav-link.active{
    background:rgba(56,189,248,.18) !important;
    color:#fff !important;
}
.nav-sidebar .nav-treeview .nav-icon{color:#38bdf8 !important;font-size:.8rem}
.nav-sidebar .badge{
    font-size:10px;
    font-weight:700;
    border-radius:10px;
    padding:.25em .55em;
    background:linear-gradient(135deg,#fb7185,#e11d48) !important;
    border:0;
}
.nav-sidebar .fa-angle-left,
.nav-sidebar .fas.fa-angle-left{
    color:#7dd3fc !important;
}
.layout-fixed .main-sidebar{
    height:100vh;
}
.main-footer{
    background:#f8fbff;
    border-top:1px solid #e0f2fe;
    color:#64748b;
    font-size:12px;
}
.bootstrap-select > .dropdown-toggle,
.bootstrap-select > .dropdown-toggle:hover,
.bootstrap-select > .dropdown-toggle:focus,
.bootstrap-select > .dropdown-toggle:active,
.bootstrap-select.show > .dropdown-toggle,
.bootstrap-select.open > .dropdown-toggle,
.bootstrap-select > .dropdown-toggle.btn,
.bootstrap-select > .dropdown-toggle.btn-light,
.bootstrap-select > .dropdown-toggle.btn-secondary,
.bootstrap-select > .dropdown-toggle.btn-default,
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.btn-secondary:hover,
.bootstrap-select > .dropdown-toggle.btn-light:hover,
.show > .bootstrap-select .dropdown-toggle,
.show > .btn-secondary.dropdown-toggle,
.bootstrap-select.btn-group .btn{
    color:#0f172a !important;
    background:#fff !important;
    background-image:none !important;
    border-color:#e2e8f0 !important;
}
.bootstrap-select > .dropdown-toggle .filter-option,
.bootstrap-select > .dropdown-toggle .filter-option-inner,
.bootstrap-select > .dropdown-toggle .filter-option-inner-inner,
.bootstrap-select > .dropdown-toggle:hover .filter-option,
.bootstrap-select > .dropdown-toggle:hover .filter-option-inner,
.bootstrap-select > .dropdown-toggle:hover .filter-option-inner-inner,
.bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option-inner-inner{
    color:#0f172a !important;
}
.bootstrap-select .dropdown-menu,
.bootstrap-select.bs-container .dropdown-menu{
    background:#fff !important;
}
.bootstrap-select .dropdown-menu li a,
.bootstrap-select .dropdown-menu .dropdown-item,
.bootstrap-select .dropdown-menu li a span.text,
.bootstrap-select .dropdown-menu .dropdown-item span.text,
.bootstrap-select .dropdown-menu li.active a,
.bootstrap-select .dropdown-menu li.active a span.text,
.bootstrap-select .dropdown-menu .dropdown-item.active,
.bootstrap-select .dropdown-menu .dropdown-item:active{
    color:#0f172a !important;
    background:transparent !important;
}
.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-menu li a:focus,
.bootstrap-select .dropdown-menu li a:hover span.text,
.bootstrap-select .dropdown-menu .dropdown-item:hover,
.bootstrap-select .dropdown-menu .dropdown-item:focus,
.bootstrap-select .dropdown-menu .dropdown-item:hover span.text,
.bootstrap-select .dropdown-menu li.active a:hover,
.bootstrap-select .dropdown-menu .dropdown-item.active:hover,
.bootstrap-select .dropdown-menu li.selected a,
.bootstrap-select .dropdown-menu li.selected a span.text{
    color:#0f172a !important;
    background:#e0f2fe !important;
}