.admin_box {
    padding: 0em 10% 5em 10%;
    text-align: center;
}

.bi-pencil-square {
    color: white;
}

.espace_admin {
    background-color: #11dfff39;
    color: #117a8b;
    width: 100%;
    padding: 0.5em;
    text-align: center;
}

.admin_box h1 {
    margin-bottom: 1em;
}

.espace_admin #profile {
    color: #86cfda;
}

.form-control {
    padding: 0.5em;
}

.search {
    width: 100%;
    padding: 0;
}

.pagination-info {
    color: grey;
    font-size: smaller;
}

td.admin {
    background-color: #C1F3FB;
    color: #117a8b;
    font-weight: bold;
}

td.cdm {
    background-color: #fbe2c1;
    color: #8b4411;
    font-weight: bold;
}

td.etudiant {
    background-color: #e7fcc1;
    color: #508b11;
    font-weight: bold;
}

.table td:first-child {
    margin: 0;
}

td.inactif {
    background-color: #FF5733;
    color: white;
    font-weight: bold;
}

td.other {
    background-color: #E7FCC1;
    color: black;
}

.btnEdit {
    justify-content: center;
    margin: 0;
    padding: 0.5em 1em;
    display: block;
}

.btnEdit-base {
    background-color: #0f203d;
    color: white;
    transition: 0.2s;
}

.btn-group {
    padding: 0;
    margin: 0;
}

#downloaddocmissions {
    margin-bottom: 1em;
}

.btn-warning {
    background-color: orange;
    color: white;
    transition: 0.2s;
}

.btn-warning:hover {
    background-color: darkorange;
    color: white;
}

.details_list > ul::before {
    content: '-'
}

.details_list {
    padding: 0.4em 0.4em 0 0.4em;
    font-size: small;
}

.details_list > ul {
    list-style: none;
    text-align: left;
    padding: 0.4em 0 0.4em 0;
}

.details_list > ul > li {
    display: inline-block;
    padding-left: 2em;
}

.detail-view > td {
    max-height: 200px;
    overflow: auto;
}

.list-group {
    height: auto;
}

.disabled {
    cursor: not-allowed;
}

.modal-body .row {
    margin-top: 1em;
}

.modal-body .row:first-child {
    margin-top: 0;
}
.modal-body #adddoc {
    margin-top: 1em;
}

.list-group-item > p {
    margin: 0;
}

.alert {
    width: 90%;
    display: block;
    margin: auto;
    margin-bottom: 2em;
}

td.encours {
    background-color: rgb(255, 203, 106);
}

td.accepted, .bg-light-green {
    background-color:#76eb82;
}

td.refused {
    background-color: #FF5733;
    color: white;
}

.bg-light-red {
    background-color: #FF5733;
}

i.checkbox{
    font-size: 1.5rem;
    cursor: pointer;
}

/**=== === === MEDIA SCREEN === === ===**/
@media screen and (max-width: 200px) {
    .admin_box {
        padding: 0em 5% 5em 5%;
    }
}