body[data-sidebar="dark"] .vertical-menu {
    background: #ffffff;
}

body[data-sidebar="dark"] .navbar-brand-box {
    background: #ffffff;
}

body[data-sidebar="dark"] #sidebar-menu ul li a {
    color: #000000 !important;
}

body[data-sidebar="dark"] #sidebar-menu ul li a i {
    color: #000000 !important;
}

body[data-sidebar="dark"] #sidebar-menu ul li a:hover,
body[data-sidebar="dark"] #sidebar-menu ul li a.active {
    color: #010101 !important;
}

body[data-sidebar="dark"] #sidebar-menu ul li a:hover i,
body[data-sidebar="dark"] #sidebar-menu ul li a.active i {
    color: #010101 !important;
}

body[data-sidebar="dark"] .menu-title {
    color: #000000;
}

body[data-sidebar="dark"] .mm-active .active {
    color: #010101 !important;
    font-weight: bold;
}

body[data-sidebar="dark"] .mm-active .active i {
    color: #010101 !important;
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {
    background: #ffffff;
    color: #010101;
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {
    color: #010101;
}

.text-primary{
    color: #FFFFFF !important;
    /* background-color: #c0c0c0 !important; */
    background-color: #010101 !important;
}
.text-color-change{
    /* color: #010101 !important; */
    color: #FFFFFF !important;
}
.text-color-change-footer{
    color: #010101 !important;
}
.text-color-change-forgot{
    color: #010101 !important;
    /* color: #FFFFFF !important; */
}

.btn-primary {
    color: #ffffff;
    background-color: #010101;
    border-color: #010101;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    border-radius: 0.5rem;
}

.btn-primary:hover {
    color: #010101;
    background-color: #ffffff;
    border-color: #010101;
}

    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary.active,
    .btn-primary:active,
    .show>.btn-primary.dropdown-toggle {
        color: #ffffff;
        background-color: #010101;
        border-color: #010101;
        box-shadow: none;
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        color: #ffffff !important;
        background-color: #010101 !important;
        border-color: #010101 !important;
        opacity: 0.9;
    }

    .btn-primary.disabled:hover,
    .btn-primary:disabled:hover {
        color: #ffffff !important;
        background-color: #010101 !important;
        border-color: #010101 !important;
    }

    .btn-primary .spinner-border {
        border-color: rgba(255, 255, 255, 0.25);
        border-top-color: #ffffff;
    }


.front-dashboard-card {
    border: 1px solid #e9e9ef;
    border-radius: 8px;
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
}

.front-dashboard-icon {
    display: inline-grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 8px;
    color: #ffffff;
    background: #010101;
    font-size: 22px;
}

.front-dashboard-card .metric-value {
    color: #010101;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
}