.form-group {
    margin-bottom: 3px;
}

label {
    margin-bottom: 2px;
}

.Title-DSI {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
}

/* Pour éviter le soulignement des <a> */
a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

.dsi-card-filtre {
    border-radius: 20px;
}

    .dsi-card-filtre:hover {
        border: 3px solid var(--bs-info) !important;
        border-radius: 20px;
        /*padding: 5px;*/
        /*transform: scale(1.1);*/
    }

/*Pour supprimer les spin pour les numériques (via Helper ou ajouter class="numberchacal")*/
.numberchacal::-webkit-inner-spin-button,
.numberchacal::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*Pour le check box switch*/
.form-check-input:checked {
    background-color: #5bc0de;
}

.form-check-label::before {
    background-color: #ccc;
}


.swal2-styled.swal2-confirm {
    /*background-color: #7367f0;*/
    background-color: #3085d6;
}

    .swal2-styled.swal2-confirm:focus {
        /*box-shadow: 0 0 0 3px rgba(115, 103, 240, 0.5);*/
        box-shadow: 0 0 0 3px rgba(48, 133, 214, 0.5);
    }

/* ---------------------------------------------------
            SIDEBAR STYLE
            ----------------------------------------------------- */
.wrapper {
    display: flex;
    align-items: stretch;
}

#sidebar {
    height: 100%;
    min-width: 200px;
    max-width: 200px;
    /*background: var(--bs-dark);*/ /*#272B30;*/
    position: fixed;
    z-index: 999;
    top: 65px;
    left: 0;
    transition: all 0.3s;
}

    #sidebar.active {
        min-width: 80px;
        max-width: 80px;
        text-align: center;
    }

#main {
    margin-left: 200px;
}

    #main.active {
        margin-left: 80px;
    }

#sidebar.active .sidebar-header h3,
#sidebar.active .CTAs {
    display: none;
}

#sidebar.active .sidebar-header strong {
    display: block;
}

#sidebar ul li a {
    text-align: left;
}

#sidebar.active ul li a {
    padding: 20px 10px;
    text-align: center;
    font-size: 0.75em;
}

    #sidebar.active ul li a div span {
        display: none;
    }

    #sidebar.active ul li a i {
        margin-right: 0;
        display: block;
        font-size: 1.8em;
        margin-bottom: 5px;
    }

#sidebar.active ul ul a {
    padding: 10px !important;
}

#sidebar.active .dropdown-toggle::after {
    top: auto;
    bottom: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #6d7fcc;
}

    #sidebar .sidebar-header strong {
        display: none;
        font-size: 1.8em;
    }

#sidebar ul.components {
    padding: 20px 0;
    /*border-bottom: 1px solid #47748b;*/
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}

    #sidebar ul li a i {
        margin-right: 10px;
    }

/*#sidebar ul li.active > a {
            color: #fff;
            background: #3A3F44;
        }*/

.content {
    margin-left: 200px;
    /*margin-top:65px;*/
    width: 100%;
    padding: 5px;
    min-height: 90vh;
    transition: all 0.3s;
}

    .content.active {
        margin-left: 80px;
    }

/* ---------------------------------------------------
            MEDIAQUERIES
        ----------------------------------------------------- */

@media (max-width: 768px) {
    #sidebar {
        min-width: 80px;
        max-width: 80px;
        text-align: center;
        margin-left: -80px !important;
    }

    #main {
        margin-left: 0px;
    }

        #main.active {
            margin-left: 80px;
        }

    .dropdown-toggle::after {
        top: auto;
        bottom: 10px;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }

    #sidebar.active {
        margin-left: 0 !important;
    }

    #sidebar .sidebar-header h3,
    #sidebar .CTAs {
        display: none;
    }

    #sidebar .sidebar-header strong {
        display: block;
    }

    #sidebar ul li a {
        padding: 20px 10px;
    }

        #sidebar ul li a span {
            font-size: 0.75em;
        }

        #sidebar ul li a i {
            margin-right: 0;
            display: block;
        }

    #sidebar ul ul a {
        padding: 10px !important;
    }

    #sidebar ul li a i {
        font-size: 1.3em;
    }

    #sidebar {
        margin-left: 0;
    }

    #sidebarCollapse span {
        display: none;
    }
}