/*----------------------------------------------------------------------------*/
/* Style du site Web */
/*----------------------------------------------------------------------------*/

/*-----------------------------*/
/* Style général */
/*-----------------------------*/

/* Mise en place du background */
body {
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background: url(/img/background.jpg) no-repeat center center fixed;
    background-size: cover;
}

/* Pour mettre la couleur bleu dans l'entête */
.modal-primary {
    background-color: #337ab7;
    color: #fff;
}

.tabpanel {
    width:100%;
}

table.dataTable tr:nth-child(even) {
    background-color: #e1e1e8;
}

.treeview {
    font-size: 12px;
}

.treeview svg {
    padding-right: 5px;
    width: 20px!important;
    height: 20px!important;
}

.fa-circle-check {
    color: green;
}

.fa-circle-xmark {
    color: red;
}

/*-----------------------------*/
/* Style pour l'entête */
/*-----------------------------*/
.nav {
    --bs-nav-link-color: #000000;
}

.dateJour {
    font-family: Calibri;
    font-size: 14px;
}

/*-----------------------------*/
/* Style pour le footer */
/*-----------------------------*/
.disclaimer {
    font-family: Calibri;
    font-size: 11px;
}

.disclaimer-user {
    font-family: Calibri;
    font-size: 16px;
}

/*-----------------------------*/
/* Style pour la page Dashboard */
/*-----------------------------*/
.panel-container {
    display: flex;
    flex-direction: column;
    touch-action: none;
}

.panel-left {
    min-height: 470px;
    height: calc(100vh - 260px);
    flex: 0 0 auto;
    width: 100%;
    min-width: 350px;
    max-width: 750px;
    white-space: nowrap;
    align-self: flex-start;
    resize: horizontal;
}

.panel-right {
    min-height: 470px;
    height: calc(100vh - 260px);
    flex: 1 1 auto;
    width: 100%;
    min-width: 300px;
    resize: horizontal;
}

@media (min-width: 768px) {
    .panel-container {
        flex-direction: row;
    }
}

#trvAffichage {
    min-height: 300px;
    height: calc(100vh - 468px);
    overflow-y: auto;
    overflow-x: auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 5px;
}

/*Titre desc sections center gras*/
#Key_Disponible_anchor, #Key_Route_anchor, #Key_Retard_anchor, #Key_Raccompagnement_anchor, #Key_Reservation_anchor, #Key_Entretien_anchor, #Key_Signature_anchor, #Key_Lavage_anchor, #Key_Essence_anchor, #Key_Alertage_anchor {
    font-weight: bold;
}

/*Vert*/
[id^=Key_Disponible_] > svg {
    color: #28a745;
}

/*Bloque*/
.fa-lock {
    color: #ff6a00!important;
}

/*Rouge*/
[id^=Key_Route_] > svg, [id^=Key_SurLaRoute_] > svg {
    color: #dc3545;
}

/*Bleu*/
[id^=Key_Retard_] > svg, .fa-snowflake {
    color: #007bff !important;
}

/*Jaune*/
.dashboard_entretien, .dashboard_entretien svg {
    color: #ff6a00 !important;
}

.fa-sun {
    color: #FFC107 !important;
}

#tabContrats, #tabNotes, #tabEntretiens, #tabOperations, #tabPosition, #tabCalendrier {
    min-height: 425px;
    height: calc(100vh - 323px);
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow-y: auto;
    overflow-x: auto;
}

#tabCalendrier {
    padding: 10px;
    overflow-x: hidden;
}

#calendar {
    height: calc(100vh - 345px);
}

.btn-table {
    font-size: 14px;
}

#lstContrats, #lstNotes, #lstEntretiens, #lstOperations {
    font-size: 11px;
    table-layout: fixed;
    word-wrap: break-word;
}

#lstFactures {
    font-size: 14px;
    table-layout: fixed;
    word-wrap: break-word;
}

.accordion-button{
    color: black!important;
}

#btnCalendrier {
    background-color: transparent;
    border: none;
}

#SignatureDiv {
    text-align: center;
}

#SignatureCanvas {
    border: 1px solid black;
    width: 550px;
    height: 200px;
}

.fc-datagrid-cell-main{
    font-size: 12px;
}

.fc-timeline-slot-frame a {
    color: black;
    font-size: 12px;
}

/*-----------------------------*/
/* Style pour la page Departure */
/*-----------------------------*/
.expiration {
    width: 48%;
}

/*-----------------------------*/
/* Style pour la page Rapport */
/*-----------------------------*/
#objPDF {
    width: 100%;
    height: calc(100vh - 390px);
}

/*-----------------------------*/
/* Style pour la page Flotte */
/*-----------------------------*/
#trvVehicules {
    height: 500px;
    overflow-y: auto;
    overflow-x: auto;
    border: 1px solid #ccc;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 5px;
}

#trvVehicules > ul > li > a {
    font-size: 12px;
}

#trvVehicules > ul > li > ul > li > a {
    font-size: 12px;
}

#trvVehicules > ul > li > ul > li > ul > li > a {
    font-size: 12px;
}

[id^=Key_Dossier_Véhicules\ Retirés\ De\ La\ Route] {
    color: #dc3545;
}

/*-----------------------------*/
/* Style pour la page Recherche */
/*-----------------------------*/
#contratsClient, #contratsVehicule {
    height: 400px;
    width: 100%;
    overflow-y: auto;
    overflow-x: auto;
}

#lstRechercheResultats {
    font-size: 11px;
    word-wrap: break-word;
    overflow-x: auto;
    overflow-y: auto;
}

/*-----------------------------*/
/* Style pour la page Sécurité */
/*-----------------------------*/
#lstUsagersResultats {
    font-size: 11px;
    word-wrap: break-word;
    overflow-x: auto;
    overflow-y: auto;
}

/*-----------------------------*/
/* Style pour la page Raccompagnement */
/*-----------------------------*/
#picCarte {
    width: 100%;
    max-width: 800px;
}

/*-----------------------------*/
/* Style pour la page Apercu Image */
/*-----------------------------*/
.imagepreview {
    transition: all 0.3s ease;
}

/*------------------------------*/
.adminTrGroup{
    background-color: #5bc0de!important;
    color: white;
    text-align: center;
}

/*-----------------------------*/
/* Style pour les annonces */
/*-----------------------------*/
#divAnnonces{
    height: 500px;
    overflow-y: auto;
}


#lstContratsVehicule {
    font-size: 10px;
}


/*-----------------------------*/
/* Style pour la page Parametres */
/*-----------------------------*/
.parameter_checkbox {
    padding-left: 50px;
}