/* __________________________________________________________________________________________________________________*/
/* VARIABLES CSS GLOBALE */
/* __________________________________________________________________________________________________________________*/
:root {
  /* --var-bg-color:rgb(159, 191, 229); SIBRA */
  --var-bg-color:rgb(252, 193, 193); /* JYBUS */
}

/* __________________________________________________________________________________________________________________*/
/* DataTable */
/* __________________________________________________________________________________________________________________*/
.dataTables_wrapper .dataTables_length select {
    border-color: #edf2f7;background-color: white !important;
} 

.dataTables_wrapper select,
.dataTables_wrapper .dataTables_filter input {
    color: #4a5568;background-color: #ffffff;
    padding-left: 1rem;padding-right: 1rem;
    padding-top: .5rem;padding-bottom: .5rem;
    line-height: 1.25;
    border-width: 2px;border-radius: .25rem;border-color: #edf2f7;
}
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: rgb(67, 80, 253, 0.5);
    cursor: pointer;
    color: white;
}
tr.odd {color: black;}
tr.even {color: black;background-color: #fce2e1 !important;}
tr.odd:hover {background-color: #bdbdbd93;color: black;cursor: pointer;}
tr.even:hover {background-color: #bdbdbde1 !important;color: black;cursor: pointer;}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-weight: 700;border-radius: .25rem;border: 1px solid transparent;
}
.paginate_button:hover {
    font-weight: 700;border: 1px solid transparent;--tw-bg-opacity: 1;   
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #fff !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    font-weight: 700;
    border-radius: 100%;
    background-color: rgb(21, 106, 211) !important;
    border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    font-weight: 700;
    background-color:rgb(21, 106, 211)!important;    
    border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    font-weight: 700;
    border-radius: 100% !important;
    background-color:rgb(21, 106, 211)!important;
    border: 1px solid transparent;
}
.paginate_button.disbale{background-color:rgb(21, 106, 211)!important;color: white !important;}
.dataTables_wrapper .dataTables_paginate .previous:hover {
    color: #fff !important;cursor: pointer !important;
}
.dataTables_wrapper .dataTables_paginate .next:hover {
    color: #fff !important;cursor: pointer !important;
}

.dataTables_filter>label>input {
    border-radius: .25rem;background-color: white;margin-bottom: 2vh;
}
.dataTables_length select {appearance: auto;}
table.dataTable.no-footer{border: none;}
.dataTable td{
    white-space: auto !important;
}
#dataTable_gest_titre_event .dataTable td:nth-child(3){    
    width: 50% !important;
    text-align: start !important;
}
.dataTable_background {background-color: rgb(255, 255, 255,0.7) !important;}
td:nth-child(1),th:nth-child(1),td:nth-child(2),th:nth-child(2),th:nth-child(3),
th:nth-child(4),th:nth-child(5),
th:nth-child(6),th:nth-child(7) {white-space: nowrap !important;}

/* Police de caracteres de la 3eme et 4eme colonne pour les auteurs */
td:nth-child(3),td:nth-child(4){font-size:14px;}

td:nth-child(4){white-space: wrap !important;}
.dataTable th:nth-child(1){border-top-left-radius: 10px !important;}
#dataTable_gest_titre_event .dataTable th:nth-child(5),
#dataTable_gest_aut .dataTable th:nth-child(4),
#dataTable_gest_sous_traitant .dataTable th:nth-child(4)
{border-top-right-radius: 10px !important;}
.dataTable th,.dataTable td {
    border-bottom: 1px solid rgb(221, 221, 221) !important;text-align: center !important;
}
.dataTable th{
    border-bottom: 1px solid rgb(21, 106, 211) !important;white-space: nowrap !important;
}
#paginate_button {background-color: rgb(21, 106, 211)!important;}
#gest_aut_table_previous:hover,#gest_aut_table_next:hover{
    color:white !important;border-radius: 100% !important;
}
/* __________________________________________________________________________________________________________________*/
/* FIN DataTable */
/* __________________________________________________________________________________________________________________*/

/* __________________________________________________________________________________________________________________*/
/*  Selectize */
/* __________________________________________________________________________________________________________________*/
/* Gestion de la largeur */
/* .selectize-input.not-full > input {width: 100% !important;max-width: 50% !important;} */

.remove{border: none !important;}
.multi>.selectize-input>.item {
    white-space: nowrap !important;
    color: white !important ;background-color:var(--var-bg-color) !important;
    border-radius: 5px;
    padding: 3px;
}
/* .select_filtre .selectize-control .selectize-input{width:15vw !important;} */
/* .select_filtre {width:15vw !important;} */
/* .selectize-control .selectize-input{width: 4vw;} */
/* .select_filtre_test{width: 50%;max-width: 100% !important;min-width: 100% !important;} */
.select_filtre_type_event {width: 8vw !important;}
/* .select_infos_plus_filtre {width: 50px;} */
#form_select_nbus_filtre {width: 100% !important;}
/* .selectize_saisie {width: 15vw !important;} */
.selectize-input {
    height: 100% !important;
    /* width: 15vw; */
    /* min-width: 100% ; */
    max-width: 100% ;
    overflow-x: auto;
    display: flex !important;
    align-items: center !important;
    border-top-left-radius: 0.375rem !important;border-bottom-right-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;border-top-right-radius: 0.375rem !important;
    font-weight: bold;
}
/* .selectize-input>input {border: none !important;} */
.optgroup-header {
    background-color:var(--var-bg-color) !important;
    color: white !important;
}
/* __________________________________________________________________________________________________________________*/
/* FIN Selectize */
/* __________________________________________________________________________________________________________________*/

/* __________________________________________________________________________________________________________________*/
/*  Navbar */
/* __________________________________________________________________________________________________________________*/
nav {height: 50px;margin: 0;width: 100vw;}
.link-underline {
    border-bottom-width: 0;
    background-image: linear-gradient(transparent, transparent), linear-gradient(#fff, #fff);
    background-size: 0 2px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size .3s ease-in-out;
}
.underline_sibra{    
    border-bottom-width: 0;
    background-image: linear-gradient(transparent, transparent), linear-gradient(#fff, #fff);
    background-size: 100% 2px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent, transparent), linear-gradient(var(--var-bg-color),var(--var-bg-color))
}

.link-underline-black {
    background-image: linear-gradient(transparent, transparent), linear-gradient(rgb(21, 106, 211), rgb(21, 106, 211))
}

.link-underline:hover {background-size: 100% 2px;background-position: 0 100%;}
.link-underline2 {background-size: 100% 2px;background-position: 0 100%;}
/* __________________________________________________________________________________________________________________*/
/* FIN Navbar */
/* __________________________________________________________________________________________________________________*/
.modal {
    background-color: rgba(0, 0, 0, 0.438);
    backdrop-filter: blur(5px);
    transform: perspective(400px) rotateX(0deg);
    animation: fadeIn 0.3s ease-in-out;
}
@keyframes fadeIn {
    from {opacity: 0; /* Commence avec une opacité de 0 */}
    to {opacity: 1; /* Atteint une opacité de 1 */}
}

.loader {
    width: 48px;height: 48px;
    border: 5px solid #FFF;
    border-bottom-color:var(--var-bg-color);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
} 

.triangle {
    width: 0;height: 0;
    border-bottom: 50px solid transparent; /* Ajustez la hauteur selon vos besoins */
    border-left: 600px solid var(--var-bg-color); /* Ajustez la largeur et la couleur selon vos besoins */
}

.triangle-rigth{
    width: 0;height: 0;
    border-bottom: 50px solid transparent; /* Ajustez la hauteur selon vos besoins */
    border-right: 600px solid rgb(156, 212, 186); /* Ajustez la largeur et la couleur selon vos besoins */
}

#incidence_serv:checked,#incidence_serv_modif:checked {
    background-color: rgb(156, 212, 186) !important; 
    color: white !important;/* Couleur de fond du checkmark lorsqu'il est coché */
}
#cause_externe:checked,#cause_externe_modif:checked {
    background-color: rgb(156, 212, 186) !important; 
    color: white !important;/* Couleur de fond du checkmark lorsqu'il est coché */
}

#chgt_bus_en_ligne:checked,#chgt_bus_en_ligne_modif:checked {
    background-color: rgb(156, 212, 186) !important; 
    color: white !important;/* Couleur de fond du checkmark lorsqu'il est coché */
}

.background_sibra_blue{background-color:var(--var-bg-color) !important;}
.background_sibra_vert{background-color: rgb(156, 212, 186) !important;}

.box_sibra_filtre{border-radius: 0.375rem !important;}

.text_sibra_blue{color: rgb(21, 106, 211) !important;}
.hover_text_sibra_blue:hover{color: rgb(21, 106, 211) !important;}
.hover_bg_sibra_vert:hover{background-color: rgb(156, 212, 186,0.5) !important;}

.text_sibra_vert{color: rgb(156, 212, 186) !important;}

#cause_externe,#cause_externe_modif{width: 100% !important;}
#incidence_serv,#incidence_serv_modif{width: 100% !important;}
#chgt_bus_en_ligne,#chgt_bus_en_ligne_modif{width: 100% !important;}

.item_menu{color: rgb(255, 255, 255);}
/* Couleur des entetes des tableau DATATABLE */
.sorting{color: white !important;background-color: rgb(187, 49, 49) !important;}
.trumbowyg-box {
    min-height: 30vh !important;
    height: 30vh !important ;
    background-color: white !important;
}
#div_description_modif .trumbowyg-box{
    min-height: 30vh !important;
    height: 30vh !important ;
    background-color: white !important;
}
.reduction_hauteur_commentaire{min-height: 28vh !important;height: 28vh !important ;}

.input_width{width: 75% !important;}
.input_width_50{width: 50% !important;}
.input_width_75{width: 75% !important;}
.input_width_80{width: 80% !important;}
.input_width_92{width: 92% !important;} /* 92 % = Largeur des champs du module de saisie en enlevant le pictogramme (8%)*/
.input_width_100{width: 100% !important;}

.input_width_heures{width: 50% !important;}
.input_width_dateheures{width: 75% !important;}

.perturbation_importante{color:#EB0707;background-image:url("../../Img/full.png");} /* Mise en forme spécifique aux perturbation importantes dans l'historique*/

.form_input {
    width: 15vw !important;
    /* width: 80% !important; */
}
.form_input_heures {width: 5vw !important;}

.h_select_50px {height: 50px;}
.fond_form {
	border-top: 2px solid #edf2f7 !important;border-bottom: 2px solid #edf2f7 !important;
	border-right: 2px solid #edf2f7 !important;border-left: 2px solid #edf2f7 !important;
    box-shadow: none !important;
}
.required_form{border: 2px solid red !important;border-radius: 10px !important;width: fit-content;}

#btn_avance_retard{width: 8vw !important;border-collapse:initial !important;align-items: st;}
.avance{background-color:  #ff1a1a !important;}
.retard{background-color: #00DA00 !important;}
.a_l_heure{background-color: rgb(21, 106, 211)!important;}

/* __________________________________________________________________________________________________________________*/
/* Parametre pour la page Plan_Neige */
/* __________________________________________________________________________________________________________________*/

.tab_lignes_titre{
    line-height: 24px;font-size: 1.2em;font-weight: bold;
    text-align: center !important;
    border-radius: 3px !important;
    color: white !important; background-color:var(--var-bg-color) !important;
}
.comligne_plan_neige{
    border:1px !important;border-color: #000000 !important;border-style: solid !important;
}
.ligne_plan_neige_even {background-color: #EFF6FF !important;}
.ligne_plan_neige_perturbe {
    background-image: linear-gradient(rgba(255, 255, 255, 1), #fcfaac);
    /* background-image: url("../../Img/stripes2.png"); */
}
.ligne_plan_neige_arret_total {
    background-image: linear-gradient(rgba(255, 255, 255, 1), #f75d48);
    /* background-image: url("../../Img/stripes2.png"); */
}
.navette:checked {
    background-color:#9CD4BA !important; 
    color: white !important;/* Couleur de fond du checkmark lorsqu'il est coché */
}
.arret_total:checked {
    background-color: #EB0707 !important; 
    color: white !important;/* Couleur de fond du checkmark lorsqu'il est coché */
    background-image: url("/Img/SVG/cross.svg");
}

/* __________________________________________________________________________________________________________________*/
/* FIN Parametre pour la page Plan_Neige */
/* __________________________________________________________________________________________________________________*/
.underline-offset-8 {text-underline-offset: 0.5em;}
#historique .dataTable td:nth-child(8){
    width: 50% !important;
    text-align: start !important;
}
#MC_Table_wrapper{margin: 0 !important;}
#div_gest_utilisateur .dataTable th:nth-child(8){
    border-top-right-radius: 10px !important;
}
#historique .dataTable th:nth-child(12){
    border-top-right-radius: 10px !important;
}

.readonly{pointer-events: none !important;}

.trumbowyg-button-pane {z-index: 1;}

#lab_multi_select {margin: 0;}
select::-moz-focus-inner {background: transparent;border: 0;}
.label_small{font-size:small;}
select::selection {background: transparent !important;}
select {
    -webkit-appearance: none;-moz-appearance: none;
    appearance: auto;
    padding: 0;margin: 0;
}

select option {background-color: transparent;}
#form_select_ligne {width: 100%;left: 40px;}
::-webkit-scrollbar {width: 7px;height: 5px;}
/* Styles pour la barre de défilement horizontale */
::-webkit-scrollbar-horizontal {
    height: 5px; /* Hauteur de la barre de défilement horizontale */
}
/* Track */
::-webkit-scrollbar-track {border-radius: 10px;}
/* Handle */
::-webkit-scrollbar-thumb {
background:var(--var-bg-color); 
border-radius: 10px;
}
  
::-moz-scrollbar-thumb {background-color: #000000;}

/* Couleur de la piste (track) */
::-moz-scrollbar-track {background-color: #f1f1f1;}