.my-btn-primary {
    border-radius: 60px;
    color: #fff;
    background: linear-gradient(to right, #8971ea, #7f72ea, #7574ea, #6a75e9, #5f76e8);
    box-shadow: 0 7px 12px 0 rgba(95, 118, 232, .21);
    opacity: 1;
    font-size: 14px;
    padding: 12px 30px;
}

.my-btn-primary:hover {
    color: #5f76e8;
    background: #fff;
}

/*/  TABLE /*/

.table-liste {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.table-liste input,
.table-liste select {
    border: none;
    border-bottom: 1px solid chocolate;
    border-radius: 0%;
    padding: 0%;
    font-size: 14px;
}

.table-liste th,
.table-liste td {
    border: 1px solid #ddd;
    padding: 6px;
    max-width: 200px;
    white-space: nowrap;
    /* Empêche le retour à la ligne */
    overflow: hidden;
    /* Hides the overflowed content */
    text-overflow: ellipsis;
    justify-content: center;
}

.table-liste th {
    /*background-color: #f2f2f2;*/
    text-align: left;
}

textarea {
    background: rgba(0, 0, 0, 0);
    padding: 0;
    border: none;
    position: inherit;
    width: 100%;
}

.fade-in {
    animation: fadeIn 0.4s ease-in;
}

.form-group label {
    width: 200px;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    color: #0056b3;
}

.form-group input,
.form-group select {
    width: 100px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}