.btn-index {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.btn-index button {
    min-width: 140px;
}

.btn-index form {
    padding: 0;
}

.ul-index {
    list-style-type: circle;
}

.ul-index li {
    text-align: justify;
    margin-bottom: 10px;
}

.contain {
    display: flex;

}
.left-side {
    margin-left: auto;
    margin-right: 150px;

}

.right-side {
    margin-right: auto;
    margin-left: 150px;
}

.left-side, .right-side {

    flex: 1;
    position: relative;


}

.right-side::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 2px;
    background-color: #13EF5C; /* Couleur de la barre */
}

/* TABLES */

table {
    border-collapse: collapse;
    border: 1px solid #EAECF0;
    box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
    border-radius: 8px;
    margin: 25px 0;
}

.table {
    max-height: 80vh;
    overflow: auto;
}

.tableHead, th {
    background: #F9FAFB;
    border-bottom: 1px solid #EAECF0;
    padding: 12px 24px;
    font-weight: 500;
    font-size: 14px;
    color: #667085;
}

td {
    padding: 12px 20px;
    border-bottom: 1px solid #EAECF0;
    font-weight: 400;
    font-size: 14px;
    color: #667085;
    text-align: center;
}

.tableTitle {
    font-weight: 600;
    color: #141414;
    font-size: 14px;
}

.tableTitle img {
    vertical-align: sub;
}


.tableActions > a > img {
    width: 20px;
}

.tableButton {
    margin-bottom: 48px;
}

@media all and (max-width: 920px) {
    .lg-d-none {
        display: none;
    }
}

@media all and (max-width: 780px) {
    .sm-d-none {
        display: none;
    }
}

@media all and (max-width: 600px) {
    .md-d-none {
        display: none;
    }
}

@media all and (max-width: 300px) {
    .xs-d-none {
        display: none;
    }
}