body,
#kt_app_header {
    background: #f4f7f7 !important;
}

#kt_app_content {
    padding-top: 0;
}


.app-sidebar-menu-primary.menu > .menu-item .menu-item .menu-link.active {
    transition: color .2s ease;
    background: linear-gradient(180deg, rgba(69, 217, 89, 1) 0%, rgba(61, 191, 131, 1) 50%, rgba(18, 168, 157, 1) 100%) !important;
    color: var(--bs-white)
}


.custom-rounded-square {
    width: 50px;
    /* Adjust size as needed */
    height: 50px;
    /* Adjust size as needed */
    background: linear-gradient(135deg, #2ecc71, #3498db);
    /* Green to blue gradient */
    border-radius: 20px 0 20px 0;
    /* Top-left and bottom-right corners rounded */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    /* Optional: Adds a slight shadow */

    display: flex;
    /* Enables flexbox */
    align-items: center;
    /* Vertically centers content */
    justify-content: center;
    /* Horizontally centers content */
    font-size: 20px;
    /* Adjust font size */
    color: black;
    /* Text color */




}

.app-header .app-navbar {
    border-bottom: 0;
}

.btn-gradient {
    background: linear-gradient(180deg, rgba(69, 217, 89, 1) 0%, rgba(61, 191, 131, 1) 50%, rgba(18, 168, 157, 1) 100%) !important;
    color: white !important;
}

.text-black {
    color: black !important;
}

.form-control {
    border-radius: 12px;
}

.menu-link.active .menu-title {
    color: white !important;
}