:root {
    --body-bg-color: #e5ecef;
    --theme-bg-color: #fafafb;
    --body-font: "Poppins", sans-serif;
    --body-color: #2f2f33;
    --active-color: #0162ff;
    --active-light-color: #e1ebfb;
    --header-bg-color: #fff;
    --search-border-color: #efefef;
    --border-color: #d8d8d8;
    --alert-bg-color: #e8f2ff;
    --subtitle-color: #83838e;
    --inactive-color: #f0f0f0;
    --placeholder-color: #9b9ba5;
    --time-button: #fc5757;
    --level-button: #5052d5;
    --button-color: #fff;
   }
   
   .dark-mode {
    --body-bg-color: #1d1d1d;
    --theme-bg-color: #13131a;
    --header-bg-color: #1c1c24;
    --alert-bg-color: #292932;
    --body-color: #fff;
    --inactive-color: #292932;
    --time-button: #fff;
    --level-button: #fff;
    --active-light-color: #263d63;
    --border-color: #26262f;
    --search-border-color: #26262f;
   }
   

[class*=sidebar-dark-] {
    background-color: #fff!important;
}

[class*=sidebar-dark-] .sidebar a {
    color:#374557;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
    background: linear-gradient(134.38deg,#e039f8,#c342f9 43.55%,#5356fb 104.51%)!important;
    color: #fff!important;
    font-weight: 600;
    transition: all 0.4s ease;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.active, [class*=sidebar-dark-] .nav-treeview>.nav-item:hover>.nav-link {
    background: linear-gradient(134.38deg,#e039f8,#c342f9 43.55%,#5356fb 104.51%)!important;
    color: #fff!important;
    font-weight: 600;
    transition: all 0.4s ease; 
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link {
    color: black;
}

[class*=sidebar-dark] .brand-link {
    border-bottom: none!important;
}

[class*=sidebar-dark] .brand-link, [class*=sidebar-dark] .brand-link .pushmenu {
    color: var(--body-color)!important;
}

[class*=sidebar-dark-] .user-panel a:hover {
    color: var(--body-color)!important;
}

.elevation-2,
.elevation-3,
.elevation-4 {
    box-shadow: none!important;
}

[class*=sidebar-dark] .user-panel {
    border-bottom: 1px solid var(--border-color);
}

.content-wrapper {
    background-color: #edecfe!important;
}

.navbar-white,
.main-footer {
    background-color: rgba(239, 237, 254, .6)!important;
}

.navbar-light .navbar-nav .nav-link,
.main-footer {
    color: #374557!important;
}

.m-y20 {
    padding: 20px 0px;
}

.bg-linear-1 {
    background: linear-gradient(134.38deg, #e039f8, #c342f9 43.55%, #5356fb 104.51%) !important;
    border-radius: 10px;
    color: #fff;
}


.bg-linear-yellow {
    background: linear-gradient(134.38deg, #ffc107, #fd7e14 43.55%, #e74c3c 104.51%) !important;
    color: #fff;
    border-radius: 10px;
}

.small-box>.small-box-footer {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.form-control {
    border-color: #f8f9fa;
}

.border-t {
    border-color: var(--border-color);
}

.content-header {
    padding: 15px 40px!important;
}

.content-wrapper>.content {
    margin: 0px 40px;
}

.m-x3px {
    margin: 0px 3px;
}

.bg-color-none {
    background: none;
    box-shadow: none;
}

.padding-0 {
    padding: 0;
}

.font-5em {
    font-size: 5em!important;
}

.ma-40px {
    margin-top: -40px;
}