.vpb-text-color {
    color: #038447 !important;
}

.vpb-btn {
    background: #038447 !important;
}

.w-200 {
    width: 200px !important;
}

.h-60 {
    height: 60px !important;
}

.w-170 {
    width: 170px !important;
}

.top-20 {
    top: 20px !important;
}

#kt_app_sidebar_logo {
    justify-content: center !important;
}

#kt_app_sidebar {
    /* Đảm bảo sidebar có chiều cao/rộng phù hợp */
    min-height: 100vh;
    color: white;
}

.version {
    position: absolute;
    bottom: 0;
    width: 100%;
}

#kt_app_sidebar .menu-link > .menu-title {
    color: #2C2F32 !important;
}

#kt_app_sidebar .menu-link:hover > .menu-title {
    color: #DE1E29 !important;
}

#kt_app_sidebar .menu-link > .menu-icon i {
    color: #2C2F32 !important;
}

#kt_app_sidebar .menu-link:hover > .menu-icon i {
    color: #DE1E29 !important;
}


#kt_app_sidebar .menu-bullet .bullet-dot {
    background-color: #2C2F32 !important;
}

#kt_app_sidebar .menu-link:hover > .menu-icon .menu-bullet .bullet-dot {
    background-color: #DE1E29 !important;
}

#kt_app_sidebar .menu-link.active .menu-bullet .bullet-dot {
    background-color: #ffffff !important;
}


#kt_app_sidebar .menu-item .menu-link.active {
    background-color: #DE1E29 !important;
}

    #kt_app_sidebar .menu-item .menu-link.active > .menu-title,
    #kt_app_sidebar .menu-item .menu-link.active > .menu-icon i {
        color: #ffffff !important;
    }

#kt_app_sidebar .menu-item .menu-link .menu-arrow {
    color: #2C2F32 !important;
}

#kt_app_sidebar .menu-item .menu-link:hover .menu-arrow {
    color: #DE1E29 !important;
}

[data-kt-app-layout=light-sidebar] #kt_app_sidebar.app-sidebar .menu .menu-item .menu-link .menu-arrow:after {
    background-color: #2C2F32 !important;
}

[data-kt-app-layout=light-sidebar] #kt_app_sidebar.app-sidebar .menu .menu-item .menu-link:hover .menu-arrow:after {
    background-color: #DE1E29 !important;
}

#kt_app_sidebar_toggle {
    border-radius: 4px;
}

#kt_app_main {
    background-color: #f6f6f6;
}

#kt_app_header {
    border-bottom: 1px solid #DADADB;
}

[data-bs-theme=light] {
    --bs-scrolltop-bg-color: var(--bs-danger);
    --bs-scrolltop-bg-color-hover: var(--bs-danger);
}

.scrolltop:hover {
    background-color: var(--bs-scrolltop-bg-color-hover);
}