@import url(font-awesome.min.css);

@font-face {
 font-family: "DigitalClock";
 src: url(digital-7.ttf);
}


/* Basic */

	body {
		-ms-overflow-style: scrollbar;
		margin:0;
	}

	body {
		background: #fff;
	}

		body.is-loading *, body.is-loading *:before, body.is-loading *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

/* Type */

	body {
		background-color: #fff;
		color: #111111;
		margin-top: 4.5em;
	}


/*PRINT*/
@media print {
	.no_print {
		display: none;
	}
	
	body {
		margin-top: 0em;
	}
}

#msg_patienter img {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

	body, input, select, textarea {
		font-family: "Lato", sans-serif;
		font-size: 15pt;
		font-weight: 300;
		cursor: default;
	}

.tableau_dispo_ex input[type="number"] {
    width: 2em;
}

.mecano_sel {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.table_actions_maintenance input[type="date"] {
    /* border: none; */
    font-size: 0.7em;
    /* width: fit-content; */
}

table.table_actions_maintenance {
    table-layout: fixed;
    border-collapse: collapse;
    width: 95%;
    margin-top: 1em;
    margin-right: auto;
    margin-left: auto;
    word-break: break-word;
}

table.table_actions_maintenance th {
    border: solid 1px black;
    background: #006ec3;
    color: white;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.total_mf {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    text-align: center;
}

tr.ligne_sombre {
    background: #cae8ff;
}

table#recap_actions_maintenance th {
    border: solid 1px black;
    background: #006ec3;
    color: white;
}

table.table_actions_maintenance td.vertical {
    /* transform: rotate(90deg); */
    /* word-break: keep-all; */
    /* text-orientation: sideways; */
}

table.table_actions_maintenance td {
    border: solid 1px black;
    text-align: center;
    /* width: fit-content; */
}

table.table_actions_maintenance thead td {
    background-color: #006ec3;
    color: white;
    font-weight: 500;
}

table.table_actions_maintenance td.petit {
    font-size: 0.5em;
    word-break: break-word;
}

.horloge {
    width: 125px;
    height: 125px;
    font-family: DigitalClock;
    font-size: 1.6em;
    font-weight: 500;
    text-align: center;
    /* line-height: 138px; */
    /* text-shadow: 1px 1px 5px #0000009e; */
    background-image: url("../divers/clock.png");
}

.texte_horloge {
    margin-top: 1.1em;
    margin-bottom: auto;
    height: fit-content;
}

table.resas_annulees {
    table-layout: fixed;
    border-collapse: collapse;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1em;
}

table.resas_annulees td {border: solid 1px black;text-align: center;padding: 0.3em 0.5em 0.3em 0.5em;}

.resas_annulees thead {
    background-color: #006ec3;
    color: white;
}

.resas_annulees th {
    border: solid 1px black;
    padding: 0.2em 0.2em 0.2em 0.2em;
}

table.planning_maintenance {
    table-layout: fixed;
    border-collapse: collapse;
    margin-left: 1em;
    margin-right: 1em;
}

table.planning_maintenance td {
    border: solid 1px black;
    text-align: center;
    padding: 0.3em 0.3em 0.3em 0.3em;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
}

.tooltip_immat {
    display: none;
}

table.planning_maintenance td.sombre {
    background-clip: padding-box;
}

.commentaire_maintenance {
    display: none;
}

table.planning_maintenance td:hover .commentaire_maintenance {
    display: block;
    position: absolute;
    background: #F44336;
    padding: 0.4em 1em 0.4em 1em;
    box-shadow: 1px 1px 10px black;
    font-weight: 500;
    z-index: 10;
}

span.comment_flemme {
    font-weight: 200;
}

table.planning_maintenance td:hover .tooltip_immat {
    display: block;
    position: absolute;
    top: 1.6em;
    left: 5em;
    font-weight: 700;
    font-size: 0.5em;
    background: #ffff94;
    padding: 0.2em 0.2em 0.2em 0.2em;
    box-shadow: 1px 1px 5px black;
    z-index: 10;
}

table.planning_maintenance td.en_visite {
    background: #F44336;
    cursor: default;
    background-clip: padding-box;
}

table.planning_maintenance td.avion {
    font-weight: 500;
    cursor: default;
}

table.planning_maintenance thead td {
    background: #006ec3;
    color: white;
    cursor: default;
    font-weight: 500;
    background-clip: padding-box;
}

span.samedi {
    color: #ffd421;
}

span.dimanche {
    color: #ff5f1c;
}

table.planning_maintenance td.marge {
    border-top: white;
    border-left: white;
    background: white;
    background-clip: padding-box;
}

table.liste_seances {
    width: 80%;
    margin: auto;
    border-collapse: collapse;
}

table.liste_seances tr.real td {
    background-color: #00bb00;
}

table.liste_seances td {
    border: solid 1px black;
    text-align: center;
}

table.liste_seances 
 td.titre_seance {
    text-align: left;
    padding-left: 0.5em;
    font-weight: 500;
}

table.liste_seances th {
    background-color: #006ec3;
    border: solid 1px black;
    color: white;
}

table.tableau_stats {
    border-collapse: collapse;
    width: 60%;
    margin: auto;
    table-layout: fixed;
    margin-bottom: 1em;
}

tr.l_sombre td {
    background-color: #e0f6fa;
}

td.sous_tot {
    padding-left: 1.6em;
}

tr.l_claire td {
    background-color: white;
}

.tableau_stats th {
    background-color: #006ec3;
    color: white;
    border: solid 1px black;
}

.tableau_stats td {
    border: solid 1px black;
}

.tableau_stats td.nb_heures {
    text-align: center;
    font-weight: 500;
}

.tableau_stats td.nom_avion {
    padding-left: 0.5em;
}

.compteur {
    background: #006ec3;
    color: white;
    padding: 0.4em 1em 0.4em 1em;
    text-align: center;
    box-shadow: 2px 2px 5px black;
}

span.nombre_compteur {
    text-align: center;
    font-size: 3em;
    font-weight: 500;
    color: #ff9200;
    text-shadow: 2px 2px 5px black;
}

.compteur_conteneur {
    display: flex;
    justify-content: space-around;
}

iframe {
	width: 100%;
}



body {
}

img {
    max-width: 100%;
}

img.supp_action {
    width: 50%;
    cursor: pointer;
}

img#ajoute_action {
    width: 50%;
    margin: 0;
    cursor: pointer;
}

.contenu_nouvelle_complainte img#img_signature {
    box-shadow: 2px 2px 5px black;
    cursor: pointer;
    width: 10em;
}

iframe#frame_accueil {
    width: 100%;
    margin-top: -8.5em;
    height: 50em;
    overflow: hidden;
}

#form_premiere_co input[type="submit"] {
    border: none;
    padding: 0.4em 0.5em 0.4em 0.5em;
    background: #4cb1ff;
    color: #ffffff;
    cursor: pointer;
    font-weight: 800;
    box-shadow: 1px 1px 5px black;
}

body#messages_pleine_page {
    background: #006ec3;
    color: white;
}

.date_recap input[type="date"], .date_stats input[type="date"] {
    margin-left: 0.2em;
    border: none;
    box-shadow: 1px 1px 5px black;
}

.date_stats input[type="date"] {
    margin-right: 0.2em;
}

.date_recap, .date_stats {
    width: 100%;
    display: flex;
    justify-content: center;
    line-height: 1.5em;
    margin-bottom: 1em;
}

table#recap_vol {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    table-layout: fixed;
    border: solid 1px black;
    border-collapse: collapse;
}

#recap_vol td.nom_pilote {
    background: #0889ed;
    color: white;
    font-weight: 400;
}

#recap_vol th {
    border: solid 1px black;
    background: #006ec3;
    color: white;
}

#recap_vol td {
    border: solid 1px black;
    text-align: center;
    word-break: break-all;
}

.ligne_vol_facture td {
    background: #03d43d;
}

#recap_vol td.nom_avion {
    font-size: 0.6em;
    font-weight: 900;
    color: black;
    background: #d5d5d5;
}

button.b_nouvel_util {
    border: none;
    background: #006ec3;
    font-weight: 600;
    line-height: 1.5em;
    cursor: pointer;
    color: white;
    padding: 0.4em 1em 0.4em 1em;
    box-shadow: 2px 2px 5px black;
}

.nouvel_util {
    display: flex;
    justify-content: center;
    margin-bottom: 1em;
}

div#msg_patienter {
    height: fit-content;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    flex-direction: column;
    color: white;
    font-weight: 500;
}

div#overlay_please_wait {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000a3;
    z-index: 10000;
    display: none;
    justify-content: center;
}

.filtres {
    display: flex;
    justify-content: center;
    margin-bottom: 0.4em;
    line-height: 1em;
}

input#search_input {
    margin-left: 0.5em;
}

.search_bar {
    display: flex;
    justify-content: center;
    margin-bottom: 0.2em;
}

table.tableau_utilisateurs {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    border: solid 1px black;
    text-align: center;
    border-collapse: collapse;
    /* table-layout: fixed; */
}

.actions_utilisateur {
    display: flex;
    justify-content: space-around;
    /* flex-direction: column; */
}

.actions_utilisateur img {
    height: 0.9em;
    cursor: pointer;
}

.actions_utilisateur button {
    border: none;
    font-weight: 800;
    margin-top: 0.2em;
    margin-bottom: 0.1em;
    color: white;
    font-size: 0.4em;
    box-shadow: 0px 0px 0px black;
    cursor: pointer;
}

button.supprimer {
    background: #ff3b3b;
}

button.qualifications {
    background: #006ec3;
}

button.infos {
    background: #06bd14;
}

table.tableau_utilisateurs th {
    background: #006ec3;
    color: white;
    padding: 0.2em 0.2em 0.2em 0.2em;
}

table.tableau_utilisateurs td {
    border: solid 1px black;
}

td.cel_nom {
    text-align: left;
    padding-left: 1em;
}

table.tableau_dispo_ex {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    border-collapse: collapse;
    border: solid 1px black;
}

table.tableau_dispo_ex th {
    text-align: center;
    color: white;
    background: #006ec3;
    border: solid 1px black;
}

table.tableau_dispo_ex td {
    text-align: center;
    border: solid 1px black;
}

img#add_dispo {}

input#reset_dispos {
    margin-left: 0.5em;
    border: none;
    background: #e81c35;
    cursor: pointer;
    font-weight: 800;
    color: white;
    padding: 0.2em 1em 0.2em 1em;
    box-shadow: 1px 1px 5px black;
}

.div_envoi_dispo {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 1em;
}

input#envoi_dispos {
    text-align: center;
    /* margin-left: auto; */
    margin-right: 0.5em;
    width: fit-content;
    border: none;
    padding: 0.5em 1em 0.5em 1em;
    background: #2c2c2c;
    color: white;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 1px 1px 5px black;
}

table.dispo_instru {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    table-layout: fixed;
}

.dispo_instru td {
    /* border: solid 0.1em black; */
    height: 1.2em;
    background: #ff7272;
}

.dispo_instru td.ON {
    background: #25e01c;
}

.dispo_instru td.col_marge {
    background: white;
    border: none;
}

td.prem_col {background: white;border: none;}

.dispo_instru td.col_heure {
    background: white;
    text-align: center;
    font-weight: 500;
    /* padding-left: 0em; */
    /* border: solid 0.05em black; */
}

.dispo_instru .texte_heure {
    margin-left: -95%;
}

.conteneur_boutton_val {
    display: flex;
}

input.valide_infos_perso {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    cursor: pointer;
    width: 8em;
    padding: 0.2em 0.2em 0.2em 0.2em;
    border: none;
    background: #1e57e4;
    font-weight: 600;
    color: white;
    margin-bottom: 1em;
    transition: all 0.5s ease-out;
    box-shadow: 2px 2px 5px black;
}

input.valide_infos_perso:hover {
    background: #3d3d3d;
}

table.tableau_qualif {
    width: 80%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-right: auto;
    margin-left: auto;
    border: solid 1px black;
    text-align: center;
}

img#add_qualif, img#add_indispo, img#supp_indispo, img#add_dispo, img#supp_dispo {
    height: 2em;
    cursor: pointer;
}

img#supp_qualif {
    height: 2em;
    cursor: pointer;
}

.tableau_qualif th {
    background: #006ec3;
    color: white;
    padding: 0.2em;
    border: solid 1px black;
}

.tableau_qualif td {
    background: white;
    border: solid 1px black;
    padding: 0.2em;
}

.conteneur_infos {
}

.conteneur_infos input[type="text"], .conteneur_infos input[type="password"] {
    margin-left: 0.3em;
    margin-right: 1em;
    height: 1.2em;
    border: none;
    box-shadow: 2px 2px 5px black;
}

.conteneur_infos input[type="password"] {
    width: 11em;
}

.conteneur_infos>div {
    width: 40em;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    /* border: solid; */
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
    display: flex;
    justify-content: center;
    background: #224062;
    color: white;
    font-weight: 400;
    box-shadow: 2px 2px 10px black;
}

.options {
    display: flex;
    flex-direction: column;
}

.options>div {
    width: fit-content;
    /* text-align: center; */
    margin-left: 0%;
    margin-bottom: 0.2em;
}

div.profile {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.profile>div {
    width: fit-content;
    margin-left: 30%;
    margin-bottom: 0.2em;
}

div.pseudo_mdp {
    position: relative;
    display: flex;
    justify-content: space-around;
}

div.mdp {
    box-shadow: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 3em;
    margin-right: 12em;
    position: relative;
}

.mdp input[type="password"] {
    position: absolute;
    left: 12em;
}

.nom_prenom {}

.nouvelle_mel, .nouvelle_complainte {
    margin-top: 0.5em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    padding: 1em 1em 1em 1em;
    box-shadow: 2px 2px 5px black;
}

.bouttons_signature button {
    margin-right: 1em;
    cursor: pointer;
    color: white;
    margin-left: 1em;
    padding: 0.5em 1em 0.5em 1em;
    border: none;
    font-weight: 700;
    font-family: Lato;
    font-size: 1.3em;
    transition: all 0.5s ease-out;
    box-shadow: 2px 2px 5px black;
}

button.annuler_signature {
    background: #e62929;
}

button.valider_signature {
    background: #25c325;
}

.bouttons_signature button:hover {
    background: #1e1e1e;
}

.bouttons_signature {
    display: flex;
    justify-content: center;
}

.signature_pad_container {
    width: 100%;
    height: 90%;
    display: flex;
}

canvas#signature_pad {
    background: white;
    border: solid;
    width: 80%;
    height: 80%;
    margin: auto;
}

div#overlay_signature {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    background-color: #00163e9e;
    /* display: flex; */
    flex-direction: column;
}

canvas.signature_pad {
    width: 40em;
    height: 40em;
    border: solid;
}

.manuel {
    display: flex;
    flex-direction: column;
}

.box {
    width: 30%;
}

.conteneur_documents {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-around;
}

.icon {
    text-align: center;
    margin-left: 1.6em;
    /* width: 12em; */
    display: flex;
    /* margin-left: 2em; */
}

img.img_icon {
    display: block;
    width: 1em;
    height: 1em;
    /* margin: auto; */
}

.ligne_par_3 {
    /* display: flex; */
    /* justify-content: space-around; */
}

summary.titre-section-doc {
    color: #1181e8;
}

summary.titre-section-doc {}

.documents {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    /* margin-bottom: 4em; */
}

.titre_section {
    text-align: center;
}

.documents details {
    /* color: blue; */
}

input[type="checkbox"] {
    vertical-align: middle;
}

input[type="checkbox"] {
    vertical-align: middle;
}

.filtres input[type="checkbox"] {
    height: 1em;
}

select#echeance {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    width: fit-content;
}

	a {
		-moz-transition: color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;
		text-decoration: none;
	}

table.planning_maintenance td.en_visite a {
    color: black;
    font-weight: 500;
    font-size: 0.6em;
}

		a:hover {
			text-decoration: underline;
		}

	strong, b {
		font-weight: 900;
	}

.message_alerte strong {
    color: white;
}

	p {
		margin: 0 0 2em 0;
		text-align: justify;
	}

p.doc_legend {
    color: #00bb34;
    font-weight: 600;
    text-align: center;
    margin-left: 0.5em;
    margin-right: auto;
    margin-bottom: 0.1em;
    padding-right: 0.7em;
}

p.doc_legend:hover {
    /* color: black; */
}	
	
	p.gras {
		font-size:120px;
	}	
	
	h1, h2, h3, h4, h5, h6 {
		font-weight: 700;
		line-height: 1.5;
		margin: 0 0 1em 0;
		text-transform: uppercase;
	}

.compteur h3 {
    margin-bottom: inherit;
    text-shadow: 2px 2px 5px black;
}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	h1 {
		font-size: 2em;
		margin: 0 0 0.25em 0;
		color: #ffb100;
		/* box-shadow: -3px -3px 3px black; */
	}

	h2 {
		font-size: 1.55em;
		color: #ffb100;
		margin-left: 0.5em;
		margin-bottom: 0.5em;
		margin-top: 0.5em;
	}

h2.titre_stats {
    color: #53b2fb;
    text-align: center;
}

h2.titre_phase {
    color: #00BCD4;
}

	h3 {
		font-size: 1.35em;
	}

	h4 {
		font-size: 1.1em;
	}

	h5 {
		font-size: 0.9em;
	}

	h6 {
		font-size: 0.7em;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

/**MENU NAV ESPACE PILOTE**/	

.emenu_conteneur {
	background: #006ec3;
	z-index: 100000;
	color: white;
	display: inline-block;
	width: -webkit-fill-available;
	cursor: default;
	height: 3.5em;
	margin-top: -4.5em;
	left: 0;
	right:0;
	line-height: 3em;
	position: fixed;
	margin-bottom: 1em;
	box-shadow: 0px 2px 6px 0px black;
}
	
.emenu {
	display: table;
	/* background: #f1f1f1; */
	cursor: default;
	height: 3.5em;
	left: 0;
	line-height: 3em;
	position: relative;
	text-align: right;
	width: 50%;
	width: fit-content;
	width: -moz-fit-content;
	margin-left: auto;
	margin-right: auto;
	z-index: 10001;
}

.boutonmenuprincipal {
	color: white;
	border: none;
	cursor: pointer;
	padding: 0px 1.45em 0 1.45em;
	font-size: 0.75em;
	font-weight: 700;
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown:hover .boutonmenuprincipal {
	color: #93bab4;
	text-decoration:none;
}

.dropdown-child {
	display: none;
	background: #006ec3;
	font-weight: 600;
	width: fit-content;
	white-space: nowrap;
	padding: 0.1em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	/* border: solid; */
	box-shadow: 2px 2px 8px black;
}

.dropdown-child a {
	color: white;
	text-decoration: none;
	display: block;
	text-align:left;
	height: 3em;
	padding: 0 1.5em 0 1.5em;
	margin-bottom: 1em;
	font-size: 0.75em;
}

.dropdown-child a:hover {
    color: #93bab4;
}

.sous-titre-menu{
	font-weight:700;
	text-align:center;
}

.lien-menu {
	text-align:left;
}

.dropdown:hover .dropdown-child, .dropdown:active .dropdown-child {
	position: absolute;
	width: max-content;
	display: flex;
	flex-direction:column;
}

/** MESSAGES D'ALERTE **/

.message_alerte {
	width: 60%;
	text-align: center;
	margin: auto;
	margin-top: 5em;
}

#infos_premiere_co {
    color: white;
    position: relative;
    line-height: 2em;
    width: 32em;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10em;
}

#infos_premiere_co input[type="text"] {
    position: absolute;
    left: 20em;
    width: 10em;
    margin-top: 0.3em;
    border: none;
    padding-left: 0.3em;
    box-shadow: 1px 1px 5px black;
}

div#premiere_co p {
    text-align: center;
}

.massage_alerte ul {
    justify-content: left;
    text-align: left;
}

.message_alerte p {
    font-weight: 300;
    text-align: center;
}

.message_alerte a {
    color: #ffffff;
}

a.lien_browser {
    color: black;
}

.message_alerte h1 {
    color: #ffffff;
    text-shadow: 1px 1px 5px black;
}

/** DIVERS **/
#datepicker {
	text-align: center;
}



/**DIVERS**/

.div-carnet {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

/** RESERVER **/

.formulaire_reservation {
	width: 25%;
	margin-right:auto;
	margin-left:auto;
}

/** DOCUMENTS **/

.titre-section-doc {
	color: #ffd100;
	font-weight: 700;
	font-size: 25px;
}



/** RECAP VOL **/

.choix-recap {
	width: 450px;
	display: flex; 
	flex-direction: row; 
	justify-content: space-between;
}

.container-centre {
	text-align: center;
}

table.table_organigramme {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1em;
    border-collapse: collapse;
}

.table_organigramme img {
    width: 1.5em;
    cursor: pointer;
}

.table_organigramme th {
    background: #006ec3;
    color: white;
}

.table_organigramme td, .table_organigramme th {
    border: solid 1px black;
    text-align: center;
}

table#table-kardex {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    border-collapse: collapse;
    text-align: center;
}

h3.kardex-h3 {
    margin-left: 0.5em;
    color: #ffb100;
}

#table-kardex th {
    border: solid 1px black;
    background: #006ec3;
    color: white;
    padding: 0.2em 0 0.2em 0;
}

.kardex_cat td {
    background: #60baff;
    color: white;
    border: solid 1px black;
}

#table-kardex td {
    border: solid 1px black;
    padding: 0.2em 0 0.3em 0;
}

.container-form-kardex {
    width: fit-content;
    min-width: 21em;
    margin-right: auto;
    margin-left: auto;
    background: #224062;
    color: white;
    padding: 1em 1em 1em 1em;
    box-shadow: 2px 2px 6px black;
}

.container-form-kardex input[type="submit"] {
    background: #006ec3;
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
    font-weight: 600;
    font-size: 0.8em;
    color: white;
    padding: 0.3em 0.6em 0.4em 0.6em;
    box-shadow: 2px 2px 2px black;
    border: none;
    cursor: pointer;
    transition: all 0.5s ease-out;
}

.container-form-kardex input[type="submit"]:hover {
    background: #333333;
}

.kardex-error {
    width: 90%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    padding: 0.5em;
    font-weight: 400;
    background: #ff877e;
    color: #ffffff;
    border: solid 3px #F44336;
    border-radius: 8px;
}

#table-kardex svg {
    cursor: pointer;
}

.timeline-fi {
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    border-collapse: collapse;
}

.timeline-fi th, .timeline-fi td {
    border: solid 1px black;
}

.timeline-fi th {
    background: #006ec3;
    color: white;
    padding: 0.3em;
}

div#overlay_saisie_vol {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #006ec3;
    z-index: 100000;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

div#question_saisie_vol {
    width: fit-content;
    height: fit-content;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    color: white;
    font-size: 1.3em;
    font-weight: 400;
}

div#bouton_confirme_saisie {
    width: fit-content;
    margin-right: 0.5em;
    background: #828282;
    padding: 0.2em 0.5em 0.2em 0.5em;
    cursor: not-allowed;
    box-shadow: 2px 2px 5px black;
}

div#bouton_pas_sur {
    width: fit-content;
    margin-left: 0.5em;
    background: black;
    padding: 0.2em 0.5em 0.2em 0.5em;
    cursor: pointer;
    box-shadow: 2px 2px 5px black;
}

.boutons_saisie {
    font-weight: 500;
    font-size: 0.8em;
    display: flex;
    justify-content: center;
}

#question_saisie_vol > ul {
    list-style-position: inside;
}

#question_saisie_vol b {
    color: #ff4c4c;
}

#overlay_saisie_vol h1 {
    color: white;
    font-size: 1.8em;
}

#type_alx {
    display: none;
}

div#form_intention {
    width: 70%;
    margin: auto;
    display: flex;
    flex-direction: column;
    background: #224062;
    color: white;
    font-weight: 400;
    padding: 0.5em 0.2em 1.2em 0.2em;
    box-shadow: 4px -4px 12px #929292;
}

div#form_intention input, div#form_intention textarea, div#form_intention select {
    box-shadow: 2px 2px 5px black;
    border: none;
}

#form_intention > input[type="submit"] {
    width: fit-content;
    margin: auto;
    padding: 0.2em 0.5em 0.2em 0.5em;
    font-weight: 500;
    color: white;
    background: #2196f3;
    cursor: pointer;
}

div#form_intention > div {
    width: fit-content;
    margin: 0.2em auto 0.2em auto;
}

.spec_pdv {
    display: none;
}

.c_trajet {
    display: flex;
    justify-content: space-between;
}

.c_trajet textarea {width: 300px;margin-left: 0.2em;height: 3.5em;}

.connexion {
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
    height: fit-content;
    margin-top: 5em;
    margin-bottom: auto;
    color: white;
}

.connexion > img {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1em;
    display: block;
}

.connexion h1 {
    color: white;
    text-align: center;
    margin-bottom: 0.4em;
}

.connexion input[type="submit"] {
    margin-top: 1.2em;
    border:  none;
    font-weight: 600;
    font-size: 0.8em;
    color: white;
    background-color: dodgerblue;
    text-transform: uppercase;
    height: 3.5em;
    padding: 0 2.5em;
    box-shadow: 2px 2px 5px black;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.connexion input[type="submit"]:hover {
    background-color: #2f2f2f;
}

.validation {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

button.accueil {
    margin-top: 0em;
    margin-left: 1.2em;
    border:  none;
    font-weight: 600;
    color: white;
    background-color: dodgerblue;
    text-transform: uppercase;
    box-shadow: 2px 2px 5px black;
    cursor: pointer;
    height: 3.5em;
    padding: 0 2.5em;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

button.accueil:hover {
    background-color: #2f2f2f;
}

.champs_form input {
    border: none;
    margin: 0 .2em 0 .2em;
    height: 2.75em;
    padding: 0 0.1em 0 0.4em;
    width: 15em;
    background: white;
    box-shadow: 2px 2px 5px black;
}

#selection-certif {
    display: none;
}

/*MODULE A */
#_021 {
    background-color: #f5009f;
}

#_050 {
    background-color: #ff1fb0;
}

#_070 {
    background-color: #ff47bf;
}

#_040 {
    background-color: #ff70cd;
}

/*MODULE B */
#_031 {
    background-color: #f5d000;
}

#_032 {
    background-color: #ffdd1f;
}

#_061 {
    background-color: #ffe347;
}

#_080 {
    background-color: #ffea70;
}

/*MODULE C */
#STAGE_INITIAL {
    background-color: #f5009f;
}

#_010 {
    background-color: #00ebc0;
}

#_022 {
    background-color: #30ffd8;
}

#_033 {
    background-color: #80ffe3;
}

#_062 {
    background-color: #bffff2;
}



input[type="text"].hidden {
    box-shadow: 2px 2px 5px;
}

table#annuaire_instructeur {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    border: solid 1px black;
    border-collapse: collapse;
}

table#annuaire_instructeur th {
    background: #2a91e1;
    color: white;
    padding: 0.2em;
}

table#annuaire_instructeur td, table#annuaire_instructeur th {
    border: solid 1px black;
}

.seances_sel {display: none;margin-top: 0.7em;font-size: 0.8em;}

.msg_timeline {margin: 1em auto 0.2em auto;width: fit-content;}

table#timeline {border-collapse: collapse;border: solid 1px black;margin: 1em auto 1em auto;}

#timeline th {border: solid 1px black;background: #006ec3;color: white;font-size: 0.5em;padding: 0.2em 0.3em 0.2em 0.3em;}

#timeline td {padding: 0.2em 0.2em 0.2em 0.2em;border: solid 1px black;}

td.seance_eff {background: #4ef54e;font-size: 0.5em;text-align: center;font-weight: 600;}

td.seance_prev {}

td.seance_prev {
    background: #00adff;
    font-size: 0.5em;
    text-align: center;
    font-weight: 600;
}

#timeline img {width: 1em;height: 1em;margin-top: 0.1em;cursor: pointer;}

.nom_timeline {display: flex;margin-right: 1.2em;}

.choix_pilote {
    text-align: center;
}

.categ-dispos {
    display: flex;
    flex-direction: column;
    margin: 0.2em 0 0.2em 0;
}

.categ-dispos {}

table.dispos_fis {
    border: solid 1px black;
    border-collapse: collapse;
    margin: 0 0.2em 0 0.2em;
}

table.dispos_fis .fi {
    padding: 0.1em 1em 0.2em 0.5em;
}

table.dispos_fis th {
    border: solid 1px black;
    background: #006ec3;
    color: white;
}

table.dispos_fis td {
    border: solid 1px black;
    min-width: 6em;
    text-align: center;
}

table.dispos_fis td:first-child {
    position: sticky;
    left: 0;
    color: white;
    background: #006ec3; /* Ensure the background color is set */
    z-index: 1; /* Ensure the sticky column is above other content */
}

td.disp_fi_claire {
    background: #eeffff;
}

span.hor-dispo {
    font-weight: 500;
    line-height: 0.6em;
    font-size: 0.7em;
    margin: 0;
}

span.hor-dispo.disp-full {
    color: #15d715;
}

span.hor-dispo.disp-sim {
    color: #ffb122;
}

span.hor-dispo.disp-acc {
    color: #8764ed;
}

span.hor-dispo.disp-gnd {
    color: #ff2b51;
}

p.qualif_perim_alert {
    color: #ed9090;
    font-weight: 600;
}

td.col_sam {
    background: #fff8e2;
}

td.col_dim {
    background: #ffd7d7;
}

input[name="mail_vi"] {
    margin-left: 0.4em;
}

.dispo_fi_pro {
    display: none;
    position: absolute;
    left: 75px;
    background: #e5ffe9;
    padding: 0.2em 0.5em 0.2em 0.5em;
    box-shadow: 1px 1px 2px 1px;
}

td.col_avion:hover .dispo_fi_pro {
    display: block;
}

table.recap_rh_table {
    table-layout: auto;
    border-collapse: collapse;
    margin-top: 2em;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.recap_rh_table. td, th {
    border: 1px solid black;
}

.recap_rh_table td {
    border: 1px solid black;
    padding-right: 1em;
    padding-left: 1em;
}

.recap_rh_table th {
    background: #006ec3;
    font-weight: bold;
    color: white;
    border: 1px solid black;
}

td.col_premiere_maintenance.sat {
    color: orange;
}

td.col_premiere_maintenance.sun {
    color: #e53f00;
}