/* La regola generica `.active` stava qui: un modulo che decideva il colore della SELEZIONE per
   tutta l'applicazione (allegati, molti-a-molti, dropdown), con !important e un colore cablato.
   Spostata in htmldefault.css, dove passa da var(--color-selected) e quindi la si puo'
   cambiare con uno stile. Stesso colore di prima. */

.makeItToolBar {
    width: 100%;
    max-height: 55px !important;
    min-height: 50px !important;
    height: 50px !important;
    display: flex;
    position: sticky;
    top: 0px;
    z-index: 1000;
}

.makeItSideGridBar {
    width: 200px; 
    min-width: 150px;
    padding: 10px;
    background: rgb(248, 249, 250);
    border-right: 1px solid rgb(221, 221, 221);
    position: sticky;
    top: 0px;
    height: calc(-100px + 100vh);
    z-index: 10;
    overflow-y: hidden;
    overflow-x: auto;
}

.custom-list-item {
    /* display: block;*/
        /*padding: 10px 15px;*/
        /*border: 1px solid #ddd;*/
        /*border-radius: 0px; */
    /* background-color: white; */
    /* color: black; */
    /* text-decoration: none;
        cursor: pointer;
        transition: background-color 0.3s, color 0.3s; */
}

    .custom-list-item:hover {
        /* background-color: #f0f0f0; 
            color: #333; */
    }

    .custom-list-item.active {
        /* background-color: #93D3FF;  
            color: white;
            font-weight: bold;
            border-color: #93D3FF; */
    }


/* Sezione style accordion */
/* Cambia colore di sfondo dell'accordion */
.accordion-item {
    /* background-color: #f8f9fa;
        border: 1px solid #ccc; */
}

/* Stile del bottone di apertura */
.accordion-button {
    /* background-color: #AADCFF; 
        color: black;
        transition: background-color 0.3s ease, box-shadow 0.5s ease; */
}

.accordion-collapse {
    /* Rallenta l'animazione DI APERTURA DELL'ACCORDION */
    /* transition: height 0.8s ease, opacity 0.8s ease !important; */
}


/* Quando il bottone è chiuso */
.accordion-button.collapsed {
    /* color: black; */
}

/* Quando si passa sopra il bottone */
.accordion-button:hover {
    /* background-color: #7CC9FF; */
}

/* Quando il bottone è attivo */
.accordion-button:not(.collapsed) {
    /* background-color: #68C1FF;  */
}

/* Corpo del contenuto */
.accordion-body {
    /* background-color: #ffffff; 
        color: black; */
}