body > .container-fluid > div > div.nav-cont {
    border-right: 1px solid #e5e5e5;
}

aside.f-sidebar-aside {
    height: 100%;
    padding: 35px !important;
}

@media (min-width: 1536px) {
    .container {
        max-width: 100% !important;
    }
}

@media screen and (max-width: 767px) {
    /* Stili SOLO per mobile */
    .rapidAction.rounded {
        left: calc(0% + 10px);
        overflow-x: overlay;
        white-space: nowrap;
    }

    .rapidAction::-webkit-scrollbar {
        background: transparent;
        height:  0px !important;
        padding: 0px !important;
    }

    .rapidAction::-webkit-scrollbar-thumb {
        background: transparent;
        height:  0px !important;
        padding: 0px !important;
    }

    .rapidAction::-webkit-scrollbar:hover {
        background: transparent;
        height:  0px !important;
        padding: 0px !important;
    }

    .main-content {
        padding-top: 0px !important;
    }

    .main-content:has( .rapidAction) .MGfakeHeader {
        display: none !important;
    }

    .procss__item-list > div {
        display:flex;
        flex-direction: column;
        
    }
    .procss__item-list > div > .form-check label.form-check-label {
        margin:0 !important;
    }

    .procss__item-list > div > .form-check .form-check-input {
        margin-left: 10px !important;
        margin-right:20px !important;
    }

    .search-box {
        display: flex;
        flex-direction: column;
    }

    .search-box > div {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .search-box > div:last-child {
        margin-bottom: 0 !important;
    }

    form.search-box > div.w-50 {
        width: 100% !important;
        margin-left: 0 !important;
    }

    th, td, th[scope="col"].text-center {
        min-width: 200px;
        text-align: left !important;
    }

    tbody tr td {
        padding: 0px 20px !important;
    }

    .d-flex-inline-form:has(> form#filterForm) {
        display: flex;
        flex-direction: column;
    }

    .d-flex-inline-form:has(> form#filterForm) > form {
        width: 100% !important;
    }

    .d-flex-inline-form:has(> form#filterForm) > form {
        margin-top:20px !important;
    }

    .modal .modal-dialog {
        padding: 30px !important;
        margin: 0px !important;
    }

    .widget__mega-card .widget__mega-card-content {
        flex-direction: column;
    }

    .widget__mega-card .widget__mega-card-content > * {
        width: 100% !important;
    }

    .widget__mega-card > .widget__mega-card-items {
        flex-direction: column;
    }
    .widget__mega-card > .widget__mega-card-items > .widget__mega-card-item {
        border-right: 0px !important;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .widget__mega-card > .widget__mega-card-items > .widget__mega-card-item:last-child {
        border-bottom: 0px solid #e5e5e5;
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }

    .widget__mega-card .widget__mega-card-content > div > .widget__mega-card-tips {
        position: relative;
        margin-bottom: 30px;
    }

    aside.f-sidebar-aside.fixed.md\:static.flex.flex-col.w-64.h-screen.px-5.py-8.overflow-y-auto.bg-white.border-r.rtl\:border-r-0.rtl\:border-l.dark\:bg-gray-900.dark\:border-gray-700.z-10.transform.transition-transform.duration-300.ease-in-out.md\:translate-x-0.md\:block.translate-x-0 {
        box-shadow: 5px 0px 20px 0px #0000001a;
        transition: all 0.3s ease 0s;
    }

    aside.f-sidebar-aside.fixed.md\:static.flex.flex-col.w-64.h-screen.px-5.py-8.overflow-y-auto.bg-white.border-r.rtl\:border-r-0.rtl\:border-l.dark\:bg-gray-900.dark\:border-gray-700.z-10.transform.transition-transform.duration-300.ease-in-out.md\:translate-x-0.md\:block.-translate-x-full {
        box-shadow: -20px 0px 20px 0px #0000001a;
        transition: all 0.3s ease 0s;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    /* Stili SOLO per tablet */
}

@media screen and (max-width: 1024px) {
    /* Stili per mobile + tablet */
}

@media screen and (min-width: 1025px) {
    /* Stili SOLO per desktop */
}

@media screen and (min-width: 768px) {
    /* Stili per tablet + desktop */
    aside.f-sidebar-aside {
        width: 100%;
    }

    aside.f-sidebar-aside {
        border:0px !important;
    }
}
