/* gradient 4 */
[data-sidebar=gradient-4]{
    --vz-vertical-menu-bg-gradient: linear-gradient(to bottom, var(--vz-dark), var(--vz-primary));
}

/* Global Styles */

:root {
    --vz-font-sans-serif:
    "Poppins",sans-serif;
    /* --vz-primary: #00bb99; */
    --vz-primary: #292b2a;
    --vz-secondary: #120046;--vz-primary-rgb: 0, 187, 153;
    --vz-secondary-rgb: 18, 0, 70;--vz-body-bg: #f0f0ff;
--vz-vertical-menu-item-hover-color: #00bb99;
    --vz-vertical-menu-item-active-color: #00bb99;
--vz-vertical-menu-sub-item-hover-color: #00bb99;
    --vz-vertical-menu-sub-item-active-color: #00bb99;
--vz-topnav-item-color-active: #00bb99;
--vz-link-color: #00bb99;
    --vz-link-hover-color: #00bb99;
--vz-accordion-button-active-color: #00bb99;
--vz-body-color: #212029;
    --vz-body-color-rgb: 33,32,41;
--vz-vertical-menu-bg-dark: #1d0b44;
--vz-header-bg-dark:
    var(--vz-secondary);
--vz-topbar-user-bg-dark: #1d0b44;
--vz-heading-color: #212029;
    --vz-dark: #120046;
    --vz-dark-rgb: 18,0,70;
    --vz-link-color: #2196f3;
    --vz-link-hover-color: #1565c0;
    --vz-dropdown-link-color: #4e4a69;
    --vz-dropdown-link-hover-color: #212029;
}

/* Login Page */

.auth-page-wrapper.pt-5 .auth-one-bg {
    background-image: url("../images/bg-banner-elecssol.jpg");
    background-size: cover;
}

.auth-page-wrapper.pt-5 .auth-one-bg .bg-overlay {
    background: -webkit-gradient(linear,right bottom, right top,from(#120046),to(#00bb99));
    background: linear-gradient(to bottom,#120046,#00bb99);
    opacity: 0.9;
}

.auth-page-wrapper.pt-5 .auth-one-bg-position {
    height: 100%;
    display: flex;
}

.auth-page-wrapper.pt-5 .auth-one-bg .shape {
    display: none;
}

.auth-page-wrapper.pt-5 .auth-page-wrapper .auth-page-content {
    padding-bottom: 0;
    height: 100%;
}

.auth-page-wrapper.pt-5 a.d-inline-block.auth-logo img {
    height: 70px;
    width: auto;
}
.auth-page-wrapper.pt-5 {
    padding-top: 30px!important;
}

.auth-page-wrapper.pt-5 .card-body.p-4 {
    box-shadow: 0 0 10px 5px rgb(0 0 0 / 20%);
}

.auth-page-wrapper.pt-5 .footer .text-muted {
    color: #ffffff!important;
}

@media (min-width: 576px) {

    .auth-page-wrapper.pt-5 .auth-page-content .text-center.mt-sm-5.mb-4.text-white-50 {
    margin-top: 30px!important;
    margin-bottom: 20px!important;
}
}

/* Body */

/* Sidebar */

[data-sidebar=gradient-4]{
    --vz-vertical-menu-bg-gradient: linear-gradient(to bottom, var(--vz-dark), var(--vz-primary));
}

.navbar-brand-box {
    border-bottom: 1px solid rgb(0 0 0 / 40%);
    height: 70px;
}
.navbar-brand-box .logo .logo-lg img {
    width: 190px;
}
.navbar-brand-box .logo .logo-sm img {
    height: 30px;
}

/* Dashboard */

.card {
    box-shadow: 0 2px 3px rgb(33 32 41 / 12%);
}


.navbar-menu .navbar-nav .nav-link {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.navbar-menu .navbar-nav .nav-sm {
    padding-left: 0;
}

.navbar-menu .navbar-nav .nav-sm .nav-link:before {
    margin-left: 28px;
}

.navbar-menu .navbar-nav .nav-sm .nav-link {
    padding: 10px 20px 10px 52px!important;
    font-size: 13px;
    font-weight: 600;
}

.navbar-menu .navbar-nav .nav-link.active {
    background-color: rgb(0 0 0 / 30%);
}

.navbar-menu .navbar-nav .nav-link:hover {
    background-color: rgb(0 0 0 / 20%);
}

.menu-dropdown.collapse.show {
    background-color: rgb(0 0 0 / 10%);
}

.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
    background-color: rgb(0 0 0 / 20%);
}