.grade-bg {
    background:linear-gradient(180deg, #107E97 0%, #46A8C6 100%);
    background-repeat: no-repeat;
    background-size: cover;
}
.btn-common {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #107E97;
    --bs-btn-border-color: #107E97;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #46A8C6;
    --bs-btn-hover-border-color: #46A8C6;
    --bs-btn-focus-shadow-rgb: 0, 134, 210;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #46A8C6;
    --bs-btn-active-border-color: #46A8C6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #107E97;
    --bs-btn-disabled-border-color: #107E97;
    border: 2px solid var(--bs-btn-hover-border-color) !important;
    font-weight: 800;
}

.btn-common:hover{
    color: var(--bs-btn-hover-bg);
    background-color: var(--bs-btn-hover-color);
    border: 2px solid var(--bs-btn-hover-border-color) !important;
    font-weight: 800;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title{
    color:#00000;
}