body, html { background-color: #F3F3F3; height: 100%;}

.logoimg {
    text-align: center;
}

.logoimg img { height: auto; width: 400px;}

.container_connexion {
    box-sizing: inherit;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;

    background-image: url('../img/ap.jpg');
    background-size: cover;
    background-position: bottom;
}


.container { position: initial !important;}

.menuspe {
    min-height: 3.25rem;
    border-radius: 5px 5px 5px 5px;
    border-bottom: 1px solid #36ACCD;
    border-left: 1px solid #36ACCD;
    border-right: 1px solid #36ACCD;
    -webkit-box-shadow: 0px 0px 29px -15px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 29px -15px rgba(0,0,0,1);
    box-shadow: 0px 0px 29px -15px rgba(0,0,0,1);
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
    height: 80px;
}

.box {
    border-radius: 5px;
    border: 1px solid #36ACCD;
    -webkit-box-shadow: 0px 0px 29px -15px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 29px -15px rgba(0,0,0,1);
    box-shadow: 0px 0px 29px -15px rgba(0,0,0,1);
    padding: 30px;
}

h1 {
    text-align: center;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-size: 25px;
    color : #FF7231;
}

h2 {
    text-align: center;
    padding-top: 20px;
    text-transform: uppercase;
    font-size: 20px;
}

.nom_utilisateur {
    padding-right: 30px;
    text-align: right;
}

/* Home */

.conteneur_etat {
    border: 1px solid #36ACCD;
    padding: 10px 10px 40px 10px;
    margin: 10px;
    position: relative;
    z-index: 2;
    height: 300px;
}

.bouton_home { padding-top: 50px;}

.etat_attente { margin-top: 0px;}
.etat_attente h2 { color: white; }

.home_v1 { background-image: url('../img/home/v1.jpg');}
.home_v2 { background-image: url('../img/home/v2.jpg');}
.home_v3 { background-image: url('../img/home/v3.jpg');}
.home_v4 { background-image: url('../img/home/v4.jpg');}
.home_v5 { background-image: url('../img/home/v5.jpg');}

.home_v1, .home_v2, .home_v3, .home_v4, .home_v5 {
    position: absolute;
    top: 0; left: 0;
    height: 100%;
    width: 100%;
    background-size: auto;
    opacity: 1;
    z-index: 1;
}

.conteneur_home { z-index: 3; position: relative;}

.field { position: relative; }

/* - */

.nom_utilisateur .personne { color: #36ACCD}

.tableau_edition { width: 200px;}

.conteneur_recherche h2, .conteneur_fonctions h2 {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 0px;
    text-transform: uppercase;
    font-size: 20px;
}

.btn_spe { margin: 5px;}

.chargement {
    width: 100%;
    padding-top: 30px;
}

.chargement .image_chargement { background-image: url('../img/379.gif'); width: 64px; height: 64px; margin: auto; background-position: center; background-repeat: no-repeat;}
.chargement p { text-align: center;}

.recherche *::placeholder, .conteneur_connexion  *::placeholder, .conteneur_recherche input::placeholder {
    color:black; font-style: italic;
}

.conteneur_recherche, .conteneur_fonctions {
    background-color: #FBFBFB;
    padding: 20px;
    border-radius: 5px;
    border: 1px dashed #FF7231;
}

.top_tableau a {
    color: black;
    border-bottom: 1px dashed black;
}

.conteneur_fonctions { 
    margin-bottom: 30px;
}

.conteneur_connexion {
    background-color: rgba(251,251,251,0.95);
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #36ACCD;
    max-width: 400px;
    max-height: 500px;
    margin: 60px auto;
    box-shadow: 0px 0px 10px #36ACCD;
}

.resultat_recherche {
    margin-top: 20px;
    font-size: 15px;
}

.resultat_recherche .modifier {
    text-align: center;
}

.traitement_progresse {
    margin-top: 20px;
}

.color_modifier { 
    
    height: 100px;
    border:3px solid #36ACCD !important;
}

.color_modifier_td, .modifier {
    vertical-align: middle !important;
    text-align: center !important;
}

.custom_select {width: 100%; height: 100% !important;}
.custom_select_for_modify {height: 100px !important;}

.titre_modification {
    padding-top: 65px;
}

.titre_modification h3 {
    padding: 0;
    line-height: 3px;
}
.titre_modification p {
    padding: 0;
    margin: 0;
    font-size: 40px !important;
}

.rechercher_btn, .btn {margin-top: 10px; width: 100%;}

/* Generation fiche manuel */

.note {
    height: 100px;
    
}

.borderexport { border: 1px solid black; margin:5px; padding: 20px; height: 210mm; width: 297mm;}

.info_pour_baliseur { font-size: 12px; }

.infos .column { border: 1px solid black; margin: 5px; background-color: #f5f5f5; font-size: 12px; }

.csstable, .csstable td, .csstable th {border: 1px solid black !important; font-size: 10px;}

.csstable thead th { vertical-align: middle !important; text-align: center !important; background-color: #c6c6c6;}
.infotbody td { vertical-align: middle !important; text-align: center !important; background-color: #d5d4d4; }
.reserved { background-color: #d5d4d4; vertical-align: middle !important; text-align: center !important; }


.borderexport li { list-style-type: disc; margin-left: 20px;}

.borderexport .signature { padding-top: 50px;}

.km_voiture {height: 50px; text-transform: uppercase; vertical-align: middle !important;}

.observation { width: 200px !important;}
.ecriture_baliseur { height: 40px;}

/* Message de confirmation */

.popup_chargement {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.8);
    overflow-y: scroll;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chargement {
    background-color: white;
    padding:20px;
    width: 144px;
    height: 144px;
    border-radius: 144px;
    border: 1px solid #36ACCD;
    box-shadow: 0px 0px 10px #36ACCD;
  }
  
.chargement .image_chargement { 
    background-image: url('../img/379.gif'); width: 100px; height: 100px; margin: auto; background-position: center; background-repeat: no-repeat; background-size: 100px;
}

.chargement p { text-align: center;}

.popup_confirmation_delete, .popup_info {
        z-index: 99;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        overflow-y: scroll;
}

.popup_confirmation_delete .message, .popup_info .message {

    margin: 25px 100px 100px 100px;
    padding: 100px;
    text-align: center;
    position: relative;
    z-index: 100;

}

.popup_confirmation_delete .message p, .popup_info .message p { padding-bottom: 30px; font-size: 20px;}
.popup_confirmation_delete .message h2, .popup_info .message h2 {
    font-size: 25px;
    text-transform: uppercase;
}
.rien_du_tout { text-transform: uppercase; }

.input::placeholder { color: black !important; font-style: italic; }

/* Ajouter tracé */

.custom_select_ajouter { width: 100%;}

.conteneur_ajouter_trace h2 { text-transform: uppercase; text-align: center; padding: 10px 0 0 0; font-size: 20px;}
.conteneur_ajouter_trace h3 { text-transform: uppercase; text-align: center; padding: 10px 0; font-size: 15px;}
.conteneur_ajouter_trace .columns { padding : 20px;}
.conteneur_ajouter_trace .input::placeholder { color: black !important; font-style: italic;}
.conteneur_ajouter_trace .result_recherche { margin-top: 10px;}
.conteneur_ajouter_trace .btn {
    text-align: center;
    padding-bottom: 20px;
}

.tableau_attente {
    border: 1px solid #D0D6DF;
    padding: 10px;
    margin: 10px 10px 20px 10px;
    text-align: center;
}


.tableau_attente_valid { border: 1px solid #68B900; }