/* Affichage couleur miniaturisé */
.statut_min {
    width: auto;
    height: auto;
    border-radius: 2.5px;
    font-weight: bold;
    display: inline-block; 
    margin: 3px 1px 3px;
    padding: 1px 2px 0;
    cursor: pointer;
    text-align: center;
}

.statut_min .nom {
    width: auto;
    height: auto;
    margin: 1px 1px 1px;
    padding: 1px 3px 1px;
}

/* Affichage des engins */
.engins {
    column-count: 2;
    width: auto;
    height: auto;
    border-radius: 2.5px;
    font-weight: bold;
    display: inline-block; 
    margin: 3px 2px 3px;
    padding: 3px 5px 0;
    cursor: pointer;
    text-align: center;
}

.engins .nom {
    min-width: 70px;
    width: auto;
    min-height: 50px;
    height: auto;
}

.engins .chrono {
    background-color: #FFF;
    color: #000;
    min-width: 70px;
    width: auto;
    height: auto;
    margin: 3px 2px 3px;
    padding: 1px 3px 1px;
}

.engins .fonction {
    background-color: #FFF;
    color: #000;
    min-width: 70px;
    width: auto;
    height: auto;
    margin: 3px 2px 3px;
    padding: 1px 3px 1px;
}

.engins_min {
    width: auto;
    height: auto;
    border-radius: 2.5px;
    font-weight: bold;
    display: inline-block; 
    margin: 3px 1px 3px;
    padding: 3px 5px 0;
    cursor: pointer;
    text-align: center;
}

.engins_min .nom {
    min-width: 70px;
    width: auto;
    min-height: 25px;
    height: auto;
    margin: 3px 1px 3px;
    padding: 1px 3px 1px;
}

/* Feuille de garde */
.feuille_garde {
    min-width: 24%;
    height: auto;
    border-radius: 2.5px;
    font-weight: bold;
    display: inline-block; 
    margin: 3px 2px 3px;
    padding: 3px 2px 0;
    text-align: center;
    vertical-align: middle;
}

.feuille_garde .engin {
    font-size: medium;
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

.feuille_garde .aptitude {
    background-color: #FFF;
    color: #000;
    vertical-align: middle;
    font-weight: bold;
    width: 45%;
    height: 35px;
    padding: 10px 0 10px;
    cursor: default;
}

.feuille_garde .effectif {
    background-color: #FFF;
    color: #000;
    vertical-align: middle;
    font-weight: bold;
    width: 55%;
    height: 35px;
    padding: 10px 0 10px;
    cursor: pointer;
}

/* Affichage des infrastructures */
.infrastructures {
    width: auto;
    height: auto;
    border-radius: 2.5px;
    font-weight: bold;
    display: inline-block; 
    margin: 3px 2px 3px;
    padding: 3px 5px 0;
    cursor: pointer;
    text-align: center;
}

.infrastructures .nom {
    min-width: 70px;
    width: auto;
    min-height: 50px;
    height: auto;
    margin: 3px 2px 3px;
    padding: 1px 3px 1px;
}

.infrastructures_min {
    width: auto;
    height: auto;
    border-radius: 2.5px;
    font-weight: bold;
    color: #000;
    background-color: #CDCDCD;
    display: inline-block; 
    margin: 3px 1px 3px;
    padding: 3px 5px 0;
    cursor: pointer;
    text-align: center;
}

.infrastructures_min .nom {
    min-width: 70px;
    width: auto;
    min-height: 25px;
    height: auto;
    margin: 3px 1px 3px;
    padding: 1px 3px 1px;
}

.groupements {
    width: auto;
    height: auto;
    border-radius: 2.5px;
    font-weight: bold;
    color: #000;
    background-color: #B8B8B8;
    display: block; 
    margin: 10px 1px 3px;
    padding: 3px 5px 0;
    cursor: default;
    text-align: center;
}

.groupements .nom {
    min-width: 70px;
    width: auto;
    min-height: 25px;
    height: auto;
    margin: 3px 1px 3px;
    padding: 1px 3px 1px;
}

/* Affichage des services */
.services {
    width: auto;
    height: auto;
    border-radius: 2.5px;
    font-weight: bold;
    display: inline-block; 
    margin: 3px 2px 3px;
    padding: 3px 5px 0;
    cursor: pointer;
    text-align: center;
}

.services .nom {
    min-width: 70px;
    width: auto;
    min-height: 25px;
    height: auto;
    margin: 3px 2px 3px;
    padding: 1px 3px 1px;
}

/* Affichage des personnels */
.personnels {
    width: 100%;
    height: auto;
    border-radius: 1.5px;
    font-weight: bold;
    display: inline-block; 
    margin: 0.5px 2px 0.5px;
    padding: 3px 5px 0;
    cursor: default;
}

.personnels .nom {
    width: auto;
    min-height: 25px;
    height: auto;
    margin: 3px 2px 3px;
    padding: 1px 3px 1px;
}

/* Affichage du planning */
.planning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: 0.75rem;
    background-color: #EBEDF3;
    border-radius: 0.42rem;
    -webkit-box-shadow: none;
    box-shadow: none; 
    cursor: help;
}

.planning .planning-nd {
    font-weight: bold;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.planning .planning-gar {
    font-weight: bold;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

/* Modification du planning */
.modif_garde {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent; 
    margin: 3px 2px 3px;
    padding: 0.65rem 1rem;
    color: #000;
    background-color: #EAF016;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
    border-radius: 0.42rem;
    cursor: pointer;
}

.modif_planning {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent; 
    margin: 3px 20px 3px;
    padding: 0.65rem 1rem;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
    border-radius: 0.42rem;
    cursor: pointer;
}

.modif_planning_disabled {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent; 
    margin: 3px 20px 3px;
    padding: 0.65rem 1rem;
    opacity: 0.6;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
    border-radius: 0.42rem;
    cursor: not-allowed;
}

/* Numéro de l'intervention */
.numero_inter {
    text-align: center;
    height: auto;
    padding: 5px 25px; 
    color: #000; 
    background: #CECECE; 
    border-radius: 2.5px; 
}

/* Affichage des moyens sélectionnés sur la gestion des moyens */
.infrastructure_selectionne {
    min-width: 100%;
    height: auto;
    border-radius: 2.5px;
    font-weight: bold;
    color: #000;
    background-color: #CDCDCD;
    display: inline-block; 
    margin: 3px 2px 3px;
    padding: 3px 2px 0;
    text-align: center;
    vertical-align: middle;
}

.infrastructure_selectionne .nom {
    width: auto;
    height: auto;
}

.moyens_selectionne {
    min-width: 49%;
    height: auto;
    border-radius: 2.5px;
    font-weight: bold;
    display: inline-block; 
    margin: 3px 2px 3px;
    padding: 3px 2px 0;
    text-align: center;
    vertical-align: middle;
}

.moyens_selectionne .engin {
    column-count: 3;
    width: auto;
    height: auto;
}

.moyens_selectionne .effectif {
    column-count: 2;
    background-color: #FFF;
    color: #000;
    font-weight: normal;
    width: auto;
    height: auto;
    margin: 3px 2px 3px;
    padding: 1px 3px 1px;
    cursor: pointer;
}

.moyens_selectionne .param {
    background-color: #D5D5D5;
    width: auto;
    height: auto;
    margin: 3px 2px 3px;
    padding: 1px 3px 1px;
}

/* Affichage des moyens déjà engagés sur la gestion des moyens */
.moyens_engages {
    min-width: 48%;
    height: auto;
    border-radius: 2.5px;
    font-weight: bold;
    color: #000;
    background-color: #CDCDCD;
    display: inline-block; 
    margin: 3px 2px 3px;
    padding: 3px 2px 0;
    text-align: center;
    vertical-align: middle;
}

.moyens_engages .infrastructure {
    width: auto;
    height: auto;
}

.moyens_engages .liste_engins {
    background-color: #FFF;
    color: #000;
    width: auto;
    height: auto;
    margin: 3px 2px 3px;
    padding: 1px 3px 1px;
}

/* Commande de déclenchement */
div.commande_dcpj {
    width:100%;   
    height: auto;
    overflow: auto;
    border: 1px solid #000000;
    border-radius: 5px;
    background: #EAEBEB;
    font-size: 14px;
}

/* Fiche de départ */
div.fiche_depart {
    width: 100%;   
    height: auto;
    overflow: auto;
    border: 1px solid #737373;
    border-radius: 5px;
    background: #F2F2F2;
    padding: 5px 10px 5px;
}