/* 
############################################################################
#                                                                          #
# Description: CSS spécifique de l'administration                          #
#                                                                          #
############################################################################ 
*/


/* BUTTONS */
#adminButtons {
    display:         flex;
    justify-content: space-around;
    gap:             1em;
    max-width:       80%;
    margin-left:     auto;
    margin-right:    auto;
    padding:         2em;
    border-bottom:   var(--mainSiteColor) solid 2px ;
}

/* SECTION JOBS*/
#secAdminJobs form {
    flex-direction:  column;
    justify-content: space-around;
}

#secAdminJobs form label i {
    width:         30px;
    border-radius: 0px;
}

#secAdminJobs form label i:first-child {
    border-radius: var(--iBorderRadius);
}

/* MAIN */
#mainAdmin section {
    display: none;
}

#mainAdmin form {
    display:         flex;
    justify-content: center;
    gap:             1em;
    margin:          1em;
}

#mainAdmin pre {
    font-family: SourceSansPro;
    white-space: pre-wrap;
    margin:      0.3em 0em;
}

/* MOBILE */
@media screen and (max-width: 768px) {
    #secAdminUsers form {
        flex-direction: column;
    }
    
    #secAdminMissions form {
        flex-direction: column;
    }
}