/* --- General Style --- */
	:root{
	  	--bk-color: #f4f4f9;
	  	--menu-bar: #FFF;
	  	--font-dark: #191530;
	  	--font-light: #f5f5f5;
	  	--button-color: #ffcb29;
	  	--widget-color: #191530;
	}

	body{
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		color: var(--font-dark, black);
		position: absolute;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: var(--bk-color, grey);
		margin: 0;
	}

	input:focus {
	    outline: none;
	}
	input{
	    width: min-content;
	}

	a{
		text-decoration: none;
		color: var(--font-dark, black);
	}

	H1::first-letter{
	   	text-transform:uppercase;
	}
	H2::first-letter{
	   	text-transform:uppercase;
	}
	H3::first-letter{
	   	text-transform:uppercase;
	}
	p::first-letter{
	   	text-transform:uppercase;
	}

	form {
	  max-width: 600px;
	  margin: auto;
	}

	label {
	  display: block;
	  margin-bottom: 10px;
	  font-weight: bold;
	  margin-top: 30px;
	}

	input,
	select {
	  display: block;
	  width: 100%;
	  padding: 8px;
	  border: 1px solid #ccc;
	  border-radius: 4px;
	  box-sizing: border-box;
	  margin-bottom: 20px;
	}

	textarea {
	  display: block;
	  width: 100%;
	  padding: 8px;
	  border: 1px solid #ccc;
	  border-radius: 4px;
	  box-sizing: border-box;
	  margin-bottom: 20px;
	  resize: vertical;
	  height: 150px;
	}
	#search_input{
		border: none;
	}
/* --- /General Style --- */


/* --- Login Page --- */
	#login_container{
		position: absolute;
		overflow: auto;
		height: 100vh;
		width: 100vw;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: var(--bk-color, grey);
	}

	#login_div{
		position: absolute;
		top: 15%;
		height: 650px;
		width: 400px;
		left: 50%;
		transform: translateX(-50%);
		background-color: var(--menu-bar, white);
		-webkit-box-shadow: 0px 0px 13px 0px rgba(80,80,80,0.10); 
		box-shadow: 0px 0px 13px 0px rgba(80,80,80,0.10);
		border-radius: 30px;
		transition: 0.4s;
	}

	#login_flightly_logo_div{
		position: absolute;
		top: 80px;
		left: 50%;
		height: 100px;
		width: 250px;
		transform: translateX(-50%);
	}

	#login_flightly_logo_img{
		position: absolute;
		top: 0;
		height: auto;
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
	}

	#login_inputs_div{
		position: absolute;
		top: 180px;
		right: 50px;
		width: 300px;
		height: 360px;
		background-color: var(--menu-bar, white);
		z-index: 2;
		transition: 0.4s;
	}
	#subscribe_inputs_div{
		position: absolute;
		top: 180px;
		left: 50px;
		width: 300px;
		height: 360px;
		z-index: 1;
	}
	#login_user_input_div{
		position: absolute;
		top: 0;
		left: 0;
		height: 90px;
		width: 100%;
	}
	#login_password_input_div{
		position: absolute;
		top: 120px;
		left: 0;
		height: 90px;
		width: 100%;
	}
	#firstname_user_input_div{
		position: absolute;
		top: 0;
		left: 0;
		height: 90px;
		width: 100%;
	}
	#lastname_user_input_div{
		position: absolute;
		top: 120px;
		left: 0;
		height: 90px;
		width: 100%;
	}
	.login_input_text{
		font-size: 1.1em;
		font-weight: 700;
		color: var(--font-dark, black);
		margin-top: 0;
	}
	.login_input_bar_div{
		position: relative;
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		height: 40%;
		width: 100%;
		background-color: var(--bk-color, grey);
		border-radius: 50px;
		display: inline-block;
		-webkit-box-shadow: 0px 0px 13px 0px rgba(80,80,80,0.05); 
		box-shadow: 0px 0px 13px 0px rgba(80,80,80,0.05);
	}
	.login_input_bar{
		position: absolute;
		top: 0;
		left: 20px;
		height: 90%;
		border: none;
		font-family: 'Montserrat', sans-serif;
		background-color: var(--bk-color, grey);
		font-weight: 700;
		font-size: 0.8em;
	}
	.login_input_bar::placeholder{
		font-weight: 400;
		opacity: 0.8;
	}
	#login_inputs_checkbox{
		position: absolute;
		bottom: 6.5%;
		left: 0;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 0.8em;
	}
	#login_inputs_checkbox_text{
		position: absolute;
		bottom: 7%;
		left: 8%;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 0.8em;
	}
	#login_inputs_button{
		position: absolute;
		right: 0;
		bottom: 70px;
		height: 50px;
		width: 170px;
		background-color: var(--font-dark, black);
		border-radius: 50px;
		border: none;
		font-weight: 700;
		color: var(--menu-bar, white);
		font-size: 1em;
		cursor: pointer;
		transition: 0.3s;
	}
	#login_inputs_button:hover{
		-webkit-box-shadow: 0px 0px 13px 0px rgba(80,80,80,0.20); 
		box-shadow: 0px 0px 13px 0px rgba(80,80,80,0.20);
		background-color: #2ecc71;
	}
	#login_end_link{
		position: absolute;
		top: 570px;
		left: 12.5%;
		width: 75%;
	}
	.login_end_link_a{
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 0.8em;
		text-decoration: underline;
		display: block;
		text-align: center;
		line-height: 25px;
	}
	#login_user_input{
		border: 0px;
	}
	#signUp_inputs_button{
		position: absolute;
		right: 0;
		bottom: 0;
		height: 50px;
		width: 170px;
		background-color: #2ecc71;
		border-radius: 50px;
		border: none;
		font-weight: 700;
		color: var(--menu-bar, white);
		font-size: 1em;
		cursor: pointer;
		transition: 0.3s;
	}
	#signUp_inputs_button:hover{
		-webkit-box-shadow: 0px 0px 13px 0px rgba(80,80,80,0.20); 
		box-shadow: 0px 0px 13px 0px rgba(80,80,80,0.20);
	}
	#subscribe_text{
		position: absolute;
		top: 50%;
		left: 50%;
		text-align: center;
		color: var(--font-dark, black);
		transform: translate(-50%, -50%);
	}
/* --- /Login Page --- */


/* --- Style All Pages --- */
	.div_container{
		position: absolute;
		top: 0;
		left: 125px;
		right: 0;
		bottom: 0;
		margin-left: 50px;
		margin-right: 50px;
		margin-top : 20px;
		margin-bottom: 20px;
		overflow: auto;
		min-width: 900px;
	}
	.div_little_container{
		position: absolute;
		top: 140px;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: auto;
		display: grid; 
		grid-template-columns: repeat(5, 1fr); 
		grid-template-rows: repeat(5, 1fr); 
		grid-column-gap: 20px;
		grid-row-gap: 20px; 
	}
	#div_profil_button_bubble{
		position: absolute;
		top: 15px;
		right: 0;
		height: 60px;
		width: 60px;
		border-radius: 50%;
		background-color: var(--font-dark, black);
		-webkit-box-shadow: 0.2px 0px 13px 0px rgba(80,80,80,0.15); 
		box-shadow: 0.2px 0px 13px 0px rgba(80,80,80,0.15);
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 99;
	}
	#img_profil_button_bubble{
		height: 100%;
		width: 100%;
		object-fit: cover;
		border-radius: 50%;
		z-index: 99;
	}
	#div_profil_menu{
		position: absolute;
		top: 70px;
		right: 0;
		width: 250px;
		border-radius: 15px;
		background-color: var(--font-dark, black);
		-webkit-box-shadow: 0.2px 0px 13px 0px rgba(80,80,80,0.15); 
		box-shadow: 0.2px 0px 13px 0px rgba(80,80,80,0.15);
		color: var(--menu-bar, white);
		z-index: 98;
		padding: 15px;
		transition: 0.3s;
		opacity: 0;
	}
	#text_profil_menu_title{
		font-size: 1em;
		font-weight: 600;
		margin-top: 0;
		display: inline;
	}
	#text_profil_menu_profil_name{
		font-size: 0.8em;
		font-weight: 600;
		margin-top: 0;
	}
	#div_profil_menu_switch_app_button{
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 0.8em;
		font-weight: 600;
		margin-top: 0;
		cursor: pointer;
		background-color: white;
		color: black;
		border-radius: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	#indicator_profil_menu_title{
		height: 10px;
		width: 10px;
		border-radius: 50%;
		background-color: #2ecc71;
		margin-left: 15px;
		display: inline-block;
	}
	.text_profil_menu_profils{
		margin-top: 0;
		margin-bottom: 8px;
		cursor: pointer;
	}

	.h1_container_title{
		position: relative;
		font-weight: 700;
		font-size: 2em;
		letter-spacing: 2px;
		color: var(--font-dark, black);
		margin-bottom: 0;
	}
	.h2_container_subtitle{
		position: relative;
		font-weight: 500;
		font-size: 1.2em;
		color: var(--font-dark, black);
		margin: 0;
	}

	#div_menu_bar{
		position: absolute;
		top: 0;
		left: 0;
		width: 100px;
		max-height: calc(100% - 40px);
		background-color: var(--menu-bar, white);
		-webkit-box-shadow: 0.2px 0px 13px 2px rgba(80,80,80,0.1); 
		box-shadow: 0.2px 0px 13px 2px rgba(80,80,80,0.1);
		color: var(--font-dark, black);
		border-radius: 15px;
		margin: 20px;
		overflow: auto;
	}

	#div_menu_bar_logo{
		position: relative;
		width: 80%;
		height: 60px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	#img_menu_bar_logo{
		position: absolute;
		top: 0;
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
	}

	.div_menu_bar_inputs{
		position: relative;
		height: 45px;
		width: 45px;
		background-color: var(--bk-color, grey);
		border-radius: 50%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 35px;
		cursor: pointer;
		-webkit-box-shadow: 0px 0px 13px 0px rgba(80,80,80,0.05); 
		box-shadow: 0px 0px 13px 0px rgba(80,80,80,0.05);
	}

	.img_menu_bar_input_images{
		position: absolute;
		top: 25%;
		height: 50%;
		width: auto;
		left: 50%;
		transform: translateX(-50%);
	}

	.p_menu_bar_input_titles{
		position: absolute;
		text-align: center;
		margin-top: 120%;
		font-size: 0.6em;
		font-weight: 600;
		width: 180%;
		margin-left: -40%;
	}
	#add_new_flight_button{
		margin-bottom: 30px;
	}

	.div_widget{
		background-color: var(--widget-color, black);
		color: var(--font-dark, black);
		border-radius: 15px;
		position: relative;
		min-width: 150px;
		min-height: 40px;
		transition: 0.2s;
		padding: 15px;
	}
	.img_widget_icon{
		top: 10px;
		right: 10px;
		height: 27px;
		width: auto;
		position: absolute;
	}
	.p_widget_text{
		color: var(--font-light, white);
		margin-left: 5px;
		font-size: 1.1em;
		font-weight: 600;
		margin-top: 7px;
		margin-bottom: 0;
	}
	.p_widget_title{
		color: var(--font-light, white);
		font-size: 0.9em;
		font-weight: 600;
		z-index: 3;
		margin: 0;
		margin-right: 20px;
	}
	#div_return_button{
		position: absolute;
		top: 30px;
		left: 0;
		height: 45px;
		width: 45px;
		background-color: var(--font-dark, black);
		border-radius: 50%;
		cursor: pointer;
		-webkit-box-shadow: 0px 0px 13px 0px rgba(80,80,80,0.05); 
		box-shadow: 0px 0px 13px 0px rgba(80,80,80,0.05);
	}

	#img_return_button{
		position: absolute;
		top: 15%;
		height: 70%;
		width: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	#calendar_button_div{
		position: absolute;
		top: 15px;
		right: 80px;
		height: 60px;
		width: 50px;
		cursor: pointer;
		z-index: 99;
		display: none;
	}
	#calendar_button_img{
		position: absolute;
		top: 20%;
		left: 50%;
		height: 60%;
		width: auto;
		transform: translateX(-50%);
	}
	#div_info_button{
		position: absolute;
		top: 15px;
		right: 140px;
		height: 60px;
		width: 50px;
		cursor: pointer;
		z-index: 99;
		display: none;
	}
	#img_info_button{
		position: absolute;
		top: 20%;
		left: 50%;
		height: 60%;
		width: auto;
		transform: translateX(-50%);
	}
	#div_slots_to_validate_button{
		position: absolute;
		top: 28px;
		right: 150px;
		padding-left: 10px;
		padding-right: 10px;
		height: 35px;
		border-radius: 10px;
		cursor: pointer;
		background-color: rgb(0, 85, 249);
		color: white;
		font-weight: 600;
		text-align: center;
		letter-spacing: 0.2px;
		font-size: 0.8em;
	}
	#div_slots_to_validate_button:hover{
		background-color: rgb(0, 64, 249);
	}

	.div_sub_menu_page{
		position: absolute;
		width: 100%;
		height: 50px;
		top: 140px;
		left: 0;
		background-color: white;
		color: var(--font-dark, black);
		border-radius: 15px;
		display: flex;
		overflow: auto;
		-ms-overflow-style: none;  /* IE and Edge */
		scrollbar-width: none;  /* Firefox */
	}
	/* Hide scrollbar for Chrome, Safari and Opera */
	.div_sub_menu_page::-webkit-scrollbar {
		display: none;
	}
	.div_sub_menu_page_item{
		display: inline-block;
		margin: auto;
		transition: 0.3s;
		cursor: pointer;
		text-align: center;
		padding-left: 15px;
		padding-right: 15px;
		min-width: 80px;
		border-radius: 15px;
		background-color: none;
		font-weight: 500;
		font-size: 0.9em;
	}
	.div_sub_menu_page_item:hover{
		background-color: rgba(25, 21, 48, 0.8);
		color: var(--font-light, white);
	}
	.div_sub_menu_page_item_hover{
		background-color: var(--font-dark, black);
		color: var(--font-light, white);
		font-weight: 600;
	}
	.div_section{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		overflow: auto;
		display: grid;
		grid-template-columns: repeat(5, auto);
		grid-template-rows: repeat(5, auto);
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
	.div_qualifications_element{
		position: relative;
		background-color: var(--font-dark, black);
		color: var(--font-light, white);
		border-radius: 15px;
		padding: 15px;
		min-width: 150px;
		transition: 0.2s;
		display: grid;
		cursor: pointer;
		grid-column-gap: 30px;
		grid-row-gap: 10px;
	}
	.div_qualifications_element:hover{
		background-color: #2ecc71;
	}
	.div_files_element{
		position: relative;
		background-color: white;
		border-radius: 15px;
		padding: 15px;
		min-width: 150px;
		transition: 0.2s;
		display: grid;
		cursor: pointer;
		grid-column-gap: 30px;
		grid-row-gap: 10px;
	}
	.div_files_element:hover{
		background-color: #2ecc71;
	}
	.div_other_files_element{
		position: relative;
		background-color: rgb(234, 234, 240);
		color: var(--font-light, white);
		border-radius: 15px;
		padding: 15px;
		width: 120px;
		transition: 0.2s;
		display: grid;
		cursor: pointer;
	}
	.div_other_files_element:hover{
		background-color: #eaeaf0;
	}

	.div_school_custom_file_template_element{
		position: relative;
		background-color: var(--font-dark, black);
		color: var(--font-light, white);
		border-radius: 15px;
		padding: 15px;
		min-width: 150px;
		transition: 0.2s;
		display: grid;
		cursor: pointer;
	}
	.div_school_custom_file_template_element:hover{
		background-color: #2ecc71;
	}

	.div_pilot_custom_file_element{
		position: relative;
		background-color: var(--font-dark, black);
		color: var(--font-light, white);
		border-radius: 15px;
		padding: 15px;
		min-width: 150px;
		transition: 0.2s;
		display: grid;
	}

	.img_div_files_upload_icon{
		position: absolute;
		top: 10px;
		right: 10px;
		height: 30px;
		width: auto;
	}
	.img_div_files{
		max-height: 40px;
		width: 40px;
		margin: auto;

	}
	.img_div_generics_files{
		max-height: 80px;
		width: 80px;
		margin: auto;
	}
	.p_div_files_label{
		font-size: 0.7em;
		font-weight: 600;
		margin: 0;
		margin-top: 10px;
		text-align: center;
		word-wrap: anywhere;
		color: black;
	}
	.p_div_generics_files_label{
		font-size: 0.9em;
		font-weight: 600;
		margin: 0;
		margin-top: 10px;
		text-align: center;
		word-wrap: anywhere;
	}
	#div_pilot_qualifications_list_container{
		grid-area: 1 / 3 / 2 / 6;
		background-color: white;
		border-radius: 15px;
		padding: 15px;
		position: relative;
		height: 200px;
		min-width: 200px;
	}
	#div_pilot_qualifications_list{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		margin-top: 50px;
		grid-row-gap: 15px;
		overflow: auto;
		position: relative;
		max-height: 150px;
		overflow: auto;
	}
	#div_pilot_licenses_list_container{
		grid-area: 1 / 1 / 2 / 3;
		background-color: white;
		border-radius: 15px;
		padding: 15px;
		position: relative;
		height: 200px;
		min-width: 200px;
	}
	#div_pilot_licenses_list{
		position: relative;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		margin-top: 50px;
		grid-row-gap: 15px;
		overflow: auto;
		max-height: 150px;
		overflow: auto;
	}
	#div_pilot_contributions_list_container{
		grid-area: 2 / 1 / 3 / 3;
		background-color: white;
		border-radius: 15px;
		padding: 15px;
		position: relative;
		height: 200px;
		min-width: 200px;
	}
	#div_pilot_contributions_list{
		position: relative;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		margin-top: 50px;
		grid-row-gap: 15px;
		overflow: auto;
		max-height: 150px;
		overflow: auto;
	}
	#div_pilot_generics_files_list{
		grid-area: 2 / 3 / 3 / 6;
		position: relative;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		padding-bottom: 50px;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
		min-height: 150px;
		overflow: auto;
	}
	.div_files_others_documents{
		grid-area: 4 / 1 / 5 / 6;
		background-color: white;
		border-radius: 15px;
		position: relative;
		display: grid;
		grid-template-columns: 270px auto;
		min-height: 350px;
		overflow: auto;
	}
	.div_files_others_documents_menu{
		position: relative;
		border-right: 2px solid rgba(0, 0, 0, 0.3);
		display: grid;
		padding: 15px;
		grid-template-columns: 1fr;
		grid-row-gap: 10px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.div_files_others_documents_menu_element{
		cursor: pointer;
		padding: 8px;
		background-color: #f4f4f9;
		border-radius: 10px;
		transition: 0.4s;
	}
	.div_files_others_documents_menu_element:hover{
		background-color: #eaeaf0;
	}
	.p_files_others_documents_menu_element_text{
		margin: 0;
		font-weight: 600;
		text-align: left;
	  	letter-spacing: 0.2px;
		color: rgba(0, 0, 0, 0.8);
		line-height: 20px;
		margin-left: 4px;
	}
	.div_files_others_documents_menu_element_add{
		height: 35px;
		border-radius: 10px;
		cursor: pointer;
		background-color: rgb(0, 85, 249);
		color: white;
		font-weight: 600;
		text-align: center;
	  	letter-spacing: 0.2px;
		margin-top: 20px;
	}
	.div_files_others_documents_menu_element_add:hover{
		background-color: rgb(0, 64, 249);
	}

	.div_files_others_documents_menu_element_add_file{
		height: 35px;
		border-radius: 10px;
		cursor: pointer;
		background-color: rgb(0, 85, 249);
		color: white;
		font-weight: 600;
		text-align: center;
	  	letter-spacing: 0.2px;
		margin-top: 20px;
	}
	.div_files_others_documents_menu_element_add_file:hover{
		background-color: rgb(0, 64, 249);
	}

	.div_files_others_documents_menu_element_generate_file{
		height: 35px;
		border-radius: 10px;
		cursor: pointer;
		background-color: rgb(41, 41, 41);
		color: white;
		font-weight: 600;
		text-align: center;
	  	letter-spacing: 0.2px;
	}
	.div_files_others_documents_menu_element_generate_file:hover{
		background-color: rgb(81, 81, 81);
	}
	#div_files_others_documents_mosaic_container_add{
		grid-template-columns: 1fr;
		max-width: 550px;
	}

	.div_files_others_documents_mosaic{
		padding: 15px;
	}
	.div_files_others_documents_mosaic_container{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		width: 100%;
	}
	#div_school_files_others_documents_mosaic_container{
		grid-template-columns: repeat(3, 1fr);
	}
	#div_school_files_others_documents_mosaic_container_validated{
		grid-template-columns: repeat(3, 1fr);
	}
	#div_school_files_others_documents_mosaic_container_expired{
		grid-template-columns: repeat(3, 1fr);
	}
	.h2_files_others_documents_mosaic_title{
		margin-bottom: 4px;
	}
	.h3_files_others_documents_mosaic_subtitle{
		margin-top: 0;
		font-weight: 600;
		font-size: 0.8em;
		opacity: 0.8;
	}

	.p_div_files_others_documents{
		font-size: 1.2em;
		font-weight: 600;
		margin-top: 0;
		position: absolute;
		top: 15px;
		left: 15px;
	}
	.div_custom_files_templates{
		grid-area: 5 / 1 / 6 / 6;
		background-color: white;
		border-radius: 15px;
		padding: 15px;
		position: relative;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		padding-top: 50px;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
		min-height: 150px;
		overflow: auto;
	}
	.p_div_custom_files_templates{
		font-size: 1.2em;
		font-weight: 600;
		margin-top: 0;
		position: absolute;
		top: 15px;
		left: 15px;
	}
	.div_custom_files{
		grid-area: 5 / 1 / 6 / 6;
		background-color: white;
		border-radius: 15px;
		padding: 15px;
		position: relative;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		padding-top: 50px;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
		min-height: 150px;
		overflow: auto;
	}
	.p_div_custom_files{
		font-size: 1.2em;
		font-weight: 600;
		margin-top: 0;
		position: absolute;
		top: 15px;
		left: 15px;
	}
	.p_div_qualifs_licenses_label{
		font-size: 0.8em;
		font-weight: 600;
		margin: 0;
		line-height: 15px;
		text-align: left;
		word-wrap: anywhere;
	}

	#div_pilot_management{
		grid-template-columns: repeat(4, 1fr);
	}
	#div_pilot_management_data{
		min-width: 300px;
	}


	/* Conteneur principal de la checkbox */
	.checkbox-container {
		display: flex;
		align-items: center;
		font-family: Arial, sans-serif;
		font-size: 16px;
		color: #333;
		cursor: pointer;
		user-select: none;
	}

	/* Texte associé à la checkbox */
	.checkbox-label {
		margin-left: 10px;
		color: #333;
	}

	/* Masquer la case par défaut */
	.checkbox-container input[type="checkbox"] {
		display: none;
	}

	/* Style pour la boîte customisée */
	.checkbox-custom {
		width: 24px;
		height: 24px;
		border: 2px solid #007bff;
		border-radius: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background-color 0.3s ease;
	}

	/* Style pour le checkmark (caché par défaut) */
	.checkbox-custom::before {
		content: "";
		width: 12px;
		height: 12px;
		background-color: #007bff;
		border-radius: 15px;
		opacity: 0;
		transform: scale(0);
		transition: opacity 0.2s ease, transform 0.2s ease;
	}

	/* État activé de la checkbox */
	.checkbox-container input[type="checkbox"]:checked + .checkbox-custom::before {
		opacity: 1;
		transform: scale(1);
	}

	/* Hover pour la boîte */
	.checkbox-container:hover .checkbox-custom {
		background-color: #f0f8ff;
	}
/* --- /Style Pages --- */


/* --- Home Page --- */
	#windly_iframe{
		height: 100%;
		width: 100%;
		border-radius: 15px;
	}
	#fr24_iframe{
		height: 100%;
		width: 100%;
		border-radius: 15px;
	}
	#table_widget_flights_statistics{
		width: 100%;
		margin: auto;
		background-color: #f4f4f9;
		border-radius: 5px;
		margin-top: 15px;
	}

	#div_widget_home_nb_pilotes{grid-area: 1 / 1 / 2 / 2; min-height: 100px;}
	#div_widget_home_flotte{grid-area: 1 / 2 / 2 / 3; min-height: 100px;}
	#div_widget_home_reporting{grid-area: 1 / 3 / 2 / 4;}
	#div_widget_home_nb_heures{grid-area: 2 / 1 / 4 / 3; height: max-content;}
	#div_widget_home_today{grid-area: 2 / 3 / 3 / 4;}
	#div_widget_next_slots{grid-area: 3 / 4 / 5 / 6;}
	#div_widget_home_windy{grid-area: 1 / 4 / 3 / 6;}
	#div_widget_home_flightradar24{grid-area: 4 / 1 / 5 / 3;}
	
/* --- /Home Page --- */

/* --- Planes Page --- */
	.flotte {
		color: var(--font-dark, black);
		position: relative;
		min-height: 150px;
	}
	.div_flotte_container_img {
		background-color: var(--widget-color, black);
		-webkit-box-shadow: 0.2px 0px 13px 0px rgba(80,80,80,0.35); 
		box-shadow: 0.2px 0px 13px 0px rgba(80,80,80,0.35);
		border-radius: 15px;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		position: absolute;
		height: 80%;
		width: 100%;
		overflow: hidden;
	}
	.img_flotte{
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: auto;
		object-fit: cover;
		position: absolute;
	}
	.plane_name{
		position: absolute;
		top: 83%;
		height: 12%;
		width: 100%;
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-weight: 500;
	}
	#add_plane_button{
		height: 60%;
		top: 50%;
	}
	#input_widget_text_cost{
		width: 150px;
		margin-left: 15px;
		margin-right: 15px;
		height: 30px;
	}
	#input_widget_text_status_plane{
		width: 150px;
		margin-left: 15px;
		margin-right: 15px;
		height: 30px;
	}
	#print_inactive_planes{
		position: absolute;
		right: 60px;
		cursor: pointer;
		background-color: var(--font-dark, black);
	 	color: white;
		padding: 5px 13px;
		line-height: 0;
		border: none;
		border-radius: 30px;
		transition: 0.3s;
	}
	#print_inactive_planes:hover{
		background-color: #45a049;
	}
/* --- /Planes Page --- */

/* --- Plane Page --- */
	#div_little_container_plane_page{
		top: 220px;
	}
	#table_widget_plane_specs{
		color: var(--font-dark, black);
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
		width: 200px;
	}

	#plane_picture_config{grid-area: 1 / 1 / 3 / 2;}
	#div_widget_plane_status{grid-area: 1 / 2 / 2 / 3;}
	#div_widget_plane_motor{grid-area: 2 / 2 / 3 / 3;}
	#div_widget_plane_location{grid-area: 2 / 3 / 3 / 4;}
	#div_widget_plane_hour_motor{grid-area: 1 / 3 / 2 / 4;}
	#div_widget_plane_gain{grid-area: 1 / 4 / 2 / 5;}
	#div_widget_plane_gain_2{grid-area: 1 / 1 / 2 / 2;}
	#div_widget_plane_cost{grid-area: 1 / 5 / 2 / 6;}
	#div_widget_plane_flights{grid-area: 3 / 1 / 6 / 4;}
	#div_widget_plane_nb_vol{grid-area: 2 / 2 / 3 / 3;}
	#div_widget_plane_maintenance{grid-area: 2 / 5 / 3 / 6;}
	#div_widget_plane_specs{grid-area: 3 / 4 / 4 / 6;}

	#plane_picture_config {
		width: 250px;
		height: 250px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		margin-right: 40px;
		border-radius: 50%;
		background-color: var(--font-dark, black);
	}

	#img_plane_picture_config {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 50%;
	}

	#div_big_widget_plane_statistics_flex{
		grid-template-columns: repeat(2, 1fr); 
		grid-column-gap: 20px;
		grid-row-gap: 20px; 
		display: grid;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 25px;
		margin-top: 15px;
	}
	#div_plane_flights_statistics_table{
		position: relative;
		grid-area: 2 / 1 / 3 / 3;
		background-color: white;
		border-radius: 15px;
	}
	#table_widget_plane_statistics{
		height: 90%;
		max-width: 350px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	#div_plane_generics_files_list{
		grid-area: 1 / 1 / 2 / 6;
		position: relative;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		padding-bottom: 50px;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
		min-height: 150px;
		overflow: auto;
	}
	#div_plane_files_others_documents{
		grid-area: 2 / 1 / 3 / 6;
	}
	#div_plane_files_others_documents_menu{
		height: 140px;
	}
/* --- /Plane Page --- */


/* --- Plane Maintenance Operations Page --- */
	#div_container_maintenance_infos{
		background-color: var(--menu-bar, white);
		color: var(--font-dark, black);
		border-radius: 15px;
		position: relative;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 1px;
		padding-top: 1px;
		height: auto;
	}
	#div_container_list_maintenance_operations{
		position: relative;
		grid-area: 3 / 1 / 6 / 3; 
		overflow: auto; 
		min-width: 450px;
	}
	#div_container_maintenance_infos{
		grid-area: 1 / 1 / 3 / 3; 
		overflow: auto; 
		min-width: 450px;
	}
	#div_container_maintenance_cycle{
		position: relative;
	}
	#div_maintenance_operation_update_display{
		cursor: pointer; 
		position: absolute; 
		top: 15px; 
		right: 70px;
	}
	#div_maintenance_operation_update{
		cursor: pointer; 
		position: absolute; 
		top: 15px; 
		right: 150px;
		display: none;
	}
	#div_maintenance_operation_cancel_update{
		cursor: pointer; 
		position: absolute; 
		top: 15px; 
		right: 110px;
		display: none;
	}
	#div_maintenance_operation_delete{
		cursor: pointer; 
		position: absolute; 
		top: 15px; 
		right: 70px;
		display: none;
	}
	#div_maintenance_operation_details_container{
		position: relative;
		grid-area: 1 / 3 / 6 / 6;
		min-width: 500px;
	}
	#div_maintenance_operation_details{
		background-color: var(--menu-bar, white);
		color: var(--font-dark, black);
		border-radius: 15px;
		position: relative;
		top: 0;
		left: 0;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 1px;
		padding-top: 1px;
		height: auto;
	}
	#button_add_maintenance_operation{
		position: absolute;
		top: 10px;
		right: 0;
		height: 30px;
		width: 150px;
		background-color: var(--font-dark, black);
		color: var(--font-light, white);
		border-radius: 30px;
		font-weight: 600;
		text-align: center;
		padding-top: 10px;
		cursor: pointer;
		transition: 0.2s;
		margin-bottom: 0;
	}
	#button_add_maintenance_operation:hover{
		background-color: #2ecc71;
	}
	.new_maintenance_input{
		height: 100%;
		width: 100%;
		border: none;
		line-height: 100%;
		font-size: 1em;
		font-weight: 600;
		margin-bottom: 0;
	}
	.new_maintenance_input_engine_hour{
		width: 30%;
		display: inline-block;
		padding: 8px;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
		margin-bottom: 20px;
		margin-bottom: 0;
	}
	#send_new_maintenance_operation_button{
		margin-left: auto;
		margin-right: auto;
		height: 30px;
		width: 300px;
		background-color: var(--font-dark, black);
		color: var(--font-light, white);
		border-radius: 30px;
		font-weight: 600;
		text-align: center;
		padding-top: 10px;
		cursor: pointer;
		transition: 0.2s;
		margin-bottom: 0;
	}
	#send_new_maintenance_operation_button:hover{
		background-color: #2ecc71;
	}
	#add_new_motor_button{
		display: inline-block;
		margin-left: 30px;
		height: 20px;
		width: 170px;
		background-color: var(--font-dark, black);
		color: var(--font-light, white);
		border-radius: 30px;
		font-weight: 600;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 7px;
		cursor: pointer;
		transition: 0.2s;
		margin-bottom: 0;
	}
	#add_new_motor_button:hover{
		background-color: #2ecc71;
	}
	#add_new_maintenance_file_button{
		display: inline-block;
		margin-left: 30px;
		height: 20px;
		width: 100px;
		background-color: var(--font-dark, black);
		color: var(--font-light, white);
		border-radius: 30px;
		font-weight: 600;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 7px;
		cursor: pointer;
		transition: 0.2s;
		margin-bottom: 0;
	}
	#add_new_maintenance_file_button:hover{
		background-color: #2ecc71;
	}
	.img_delete_row_maintenance_cycle{
		height: 30px;
		width: auto;
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
	}
	.input_update_maintenance_cycle_hours{
		display:inline-block; 
		width: 60px;
		margin-bottom: 0px;
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translateY(-50%);
	}
	.selected-maintenance {
		background-color: #191530;
		color: #fff;
	}
	#div_upload_maintenance_file_button{
		background-color: #191530;
		width: 100px;
		color: white;
		padding: 5px;
		text-align: center;
		border-radius: 15px;
		margin-top: 10px;
		cursor: pointer;
	}
	.file-item{
		cursor: pointer;
	}
/* --- /Plane Maintenance Operations Page --- */


/* --- Planes maintenance Page --- */
	#div_container_planes_list{
		position: relative;
		grid-area: 1 / 1 / 6 / 6; 
		overflow: auto; 
		min-width: 450px;
	}
	#div_list_planes_maintenance{
		position: relative;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.plane_maintenance_legend_element{
		display: flex;
		justify-content: space-between;
		padding: 12px;
		border-bottom: 1px solid white;
		background-color: #191530;
		border-radius: 15px;
		margin-bottom: 10px;
		border: none;
		font-weight: 600;
		cursor: pointer;
		position: relative;
		color: white;
	}
	.plane_maintenance_legend_element span {
		text-align: left;
		line-height: 30px;
	}
	.plane_maintenance_legend_element span:nth-child(1) {
		width: 220px;
		margin-right: 10px;
		margin-left: 45px;
	}
	.plane_maintenance_legend_element span:nth-child(2) {		
		width: 200px;
		text-align: center;
		margin-right: auto;
	}
	.plane_maintenance_legend_element span:nth-child(3) {
		width: 200px;
		text-align: center;
	}
	.plane_maintenance_element{
		display: flex;
		justify-content: space-between;
		padding: 12px;
		border-bottom: 1px solid white;
		background-color: white;
		border-radius: 15px;
		margin-bottom: 10px;
		border: none;
		font-weight: 600;
		cursor: pointer;
		position: relative;
	}
	.plane_maintenance_element span {
		text-align: left;
		line-height: 30px;
	}
	.plane_maintenance_element span:nth-child(1) {
		margin-left: 5px;
		width: 30px;
		margin-right: 10px;
	}
	.plane_maintenance_element span:nth-child(2) {
		width: 220px;
		margin-right: 10px;
	}
	.plane_maintenance_element span:nth-child(3) {
		width: 200px;
		display: flex;
	}
	.plane_maintenance_element span:nth-child(4) {
		margin-left: auto;
		width: 100px;
	}
	.plane_maintenance_element span:nth-child(5) {
		width: 80px;
	}
	.plane_maintenance_state{
		position: relative;
	}
	.plane_maintenance_state_container{
		position: relative;
		padding-left: 15px;
		padding-right: 15px;
		border-radius: 15px;
		color: white;
		font-weight: 600;
		text-align: center;
		margin-right: auto;
		margin-left: auto;
		font-size: 0.8em;
		max-height: 30px;
	}
	.plane_maintenance_icon{
		height: 30px;
		width: 30px;
		background-color: #191530;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		border-radius: 50%;
	}
	.plane_maintenance_img{
		position: relative;
		height: 100%;
		width: auto;
		object-fit: cover;
		border-radius: 50%;
	}
	.plane_maintenance_name{
		position: relative;
	}
	.plane_maintenance_situation{
		position: relative;
		height: 10px;
		width: 100%;
		background-color: var(--font-light, white);
		z-index: 1;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 10px;
		border-radius: 15px;
		overflow: hidden;
	}
	.plane_maintenance_situation_bar{
		height: 100%;
		background-color: #2ecc71;
		position: absolute;
		top: 0;
		left: 0;
	}
	.plane_maintenance_situation_text{
		position: relative;
	}


/* --- /Planes maintenance Page --- */


/* --- List flights Element --- */
	.div_container_flights_list{
		background-color: var(--font-light, white);
		border-radius: 15px;
	}
	#div_list_vols{
		max-height: 70%;
		overflow: auto;
		max-width: calc(100vw - 40px);
	}
	.flight-item {
		display: flex;
		justify-content: space-between;
		padding: 12px;
		border-bottom: 1px solid #ccc;
		align-items: center;
	}
	.flight-item span {
		flex: 1;
		text-align: center;
		cursor: pointer;
	}
	.header {
		background-color: var(--font-dark, black);
		color: var(--font-light, white);
		border-radius: 15px;
		font-weight: 600;
	}

	.flight-item span:nth-child(1) {
		width: 15%;
	}
	.flight-item span:nth-child(2) {
		width: 15%;
	}
	.flight-item span:nth-child(3) {
		width: 25%;
	}
	.flight-item span:nth-child(4) {
		width: 20%;
	}
	.flight-item span:nth-child(5) {
		width: 10%;
	}
	.flight-item span:nth-child(6) {
		width: 15%;
	}
	#filters {
		display: flex;
		justify-content: space-between;
		grid-column-gap: 30px;
		max-width: calc(100vw - 40px);
		overflow: auto;
	}

	.flights_filter_item{
		position: relative;
	}
	.flights_filter_item_label{
		margin-top: 0;
	}

	#flights_statistics{
		position: relative;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-column-gap: 20px;
		margin-bottom: 20px;
		min-height: 100px;
		overflow: auto;
		max-width: calc(100vw - 40px);
	}
/* --- /List flights Element --- */



/* --- Message page --- */
	#send_group_message_title_input{
		height: 35px;
		width: 100%;
		border-radius: 15px;
	}
	#send_group_message_content_input{
		height: 300px;
		width: 100%;
		border-radius: 15px;
	}

	#div_container_messages_list{
		background-color: var(--menu-bar, white);
		color: var(--font-dark, black);
		border-radius: 15px;
		position: relative;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 1px;
		padding-top: 1px;
		height: auto;
		grid-area: 1 / 1 / 6 / 3;
		padding: 25px;
		overflow: auto;
	}

	#div_container_new_message{
		background-color: var(--menu-bar, white);
		color: var(--font-dark, black);
		border-radius: 15px;
		position: relative;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 1px;
		padding-top: 1px;
		height: auto;
		grid-area: 1 / 3 / 6 / 6;
		padding: 25px;
		z-index: 2;
		overflow: auto;
	}

	#div_container_message_details{
		background-color: var(--menu-bar, white);
		color: var(--font-dark, black);
		border-radius: 15px;
		position: relative;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 1px;
		padding-top: 1px;
		height: auto;
		grid-area: 1 / 3 / 6 / 6;
		padding: 25px;
		z-index: 1;
		overflow: auto;
	}

	#button_add_new_message{
		position: absolute;
		top: 20px;
		right: 25px;
		height: 30px;
		width: 150px;
		background-color: var(--font-dark, black);
		color: var(--font-light, white);
		border-radius: 30px;
		font-weight: 600;
		text-align: center;
		padding-top: 10px;
		cursor: pointer;
		transition: 0.2s;
		margin-bottom: 0;
	}
	#button_add_new_message:hover{
		background-color: #2ecc71;
	}
/* --- /Message page --- */


/* --- SGS Page --- */
	#div_widget_sgs_violation_pilots{
		cursor: pointer;
		grid-area: 1 / 2 / 2 / 3;
	}
	#div_widget_sgs_nb_open_reports{
		cursor: pointer;
		grid-area: 1 / 1 / 2 / 2;
	}
	#div_widget_sgs_nb_violation_flights{
		cursor: pointer;
		grid-area: 1 / 3 / 2 / 4;
	}
	#div_container_security_messages_list{
		background-color: var(--menu-bar, white);
		color: var(--font-dark, black);
		border-radius: 15px;
		position: relative;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 1px;
		padding-top: 1px;
		height: auto;
		grid-area: 2 / 4 / 6 / 6;
		padding: 25px;
		overflow: auto;
	}
	#div_container_reports_list{
		background-color: var(--menu-bar, white);
		color: var(--font-dark, black);
		border-radius: 15px;
		position: relative;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 1px;
		padding-top: 1px;
		height: auto;
		grid-area: 2 / 1 / 6 / 4;
		padding: 25px;
		overflow: auto;
	}

	#button_add_new_report{
		position: absolute;
		top: 20px;
		right: 25px;
		height: 30px;
		width: 150px;
		background-color: var(--font-dark, black);
		color: var(--font-light, white);
		border-radius: 30px;
		font-weight: 600;
		text-align: center;
		padding-top: 10px;
		cursor: pointer;
		transition: 0.2s;
		margin-bottom: 0;
	}
	#button_add_new_report:hover{
		background-color: #2ecc71;
	}

	#div_list_reports{
		overflow-x: hidden;
		overflow-y: auto;
	}
	.report-item {
		display: flex;
		justify-content: space-between;
		padding: 12px;
		border-bottom: 1px solid #ccc;
		background-color: var(--bk-color, grey);
		border-radius: 15px;
		margin-bottom: 10px;
		border: none;
		font-weight: 600;
		border-right: 15px solid var(--bk-color, grey);
		cursor: pointer;
		position: relative;
		border-left-width: 15px;
		border-left-style: solid;
		transition: border-left-width 0.3s ease;
	}
	.report-item:hover {
		border-left-width: 100px;
	}
	.report-item span {
		text-align: center;
	}
	.report-item span:nth-child(1) {
		width: 0px;
	}
	.report-item span:nth-child(2) {
		margin-left: 5px;
		width: 30px;
	}
	.report-item span:nth-child(3) {
		width: 120px;
	}
	.report-item span:nth-child(4) {
		width: auto;
		margin-right: auto;
	}
	.report-item span:nth-child(5) {
		max-width: 120px;
		margin-right: 20px;
	}
	.report-item span:nth-child(6) {
		max-width: 200px;
	}
	.div_report_item_status_name {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: -90px;
		font-weight: 600;
		color: white;
	}
	.p_report_item_status_name_text{
		margin: 0;
		padding: 0;
		font-size: 0.9em;
		text-align: center;
	}

	#div_big_widget_report_details_container {
		background-color: var(--menu-bar, white);
		color: var(--font-dark, black);
		border-radius: 15px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 1px;
		padding-top: 1px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		padding: 25px;
		overflow: auto;
	}
		#div_big_widget_report_details_infos {
			grid-area: 1 / 1 / 2 / 3;
			display: grid;
			grid-column-gap: 20px;
			grid-row-gap: 30px;
			grid-template-rows: 50px 60px 130px auto;
			grid-template-columns: 150px 100px 100px 140px auto auto;
		}
			#div_big_widget_report_details_number_and_title{
				grid-area: 1 / 1 / 2 / 5;
				display: flex;
			}
			#h2_big_widget_report_details_title_text{
				margin-left: 5px;
			}
			#p_big_widget_report_details_status_title{
				font-weight: 800;
				font-size: 1em;
				margin: 0;
				text-align: left;
			}
			#div_big_widget_report_details_status{
				grid-area: 2 / 4 / 3 / 5;
			}
			#div_big_widget_report_details_status_container{
				background-color: rgb(244, 244, 249);
				border-radius: 50px;
				height: 30px;
				width: auto;
				position: relative;
				margin-top: 10px;
			}
			#div_big_widget_report_details_status_indicator {
				border-radius: 50%;
				background-color: #f4f4f9;
				display: grid;
				margin: 0;
				margin-top: 6px;
				margin-left: 6px;
				height: 17px;
				width: 17px;
				position: absolute;
			}
			#p_big_widget_report_details_status_text{
				text-align: left;
				letter-spacing: 1px;
				font-weight: 600;
				margin: 0;
				margin-left: 25px;
				width: 150px;
			}
			
			#div_big_widget_report_details_status_button_container{
				grid-area: 1/6/2/7;
				margin-right: 140px;
				display: block;
			}
			#div_big_widget_report_details_status_button{
				height: 30px;
				border-radius: 10px;
				cursor: pointer;
				background-color: rgb(0, 85, 249);
				color: white;
				font-weight: 600;
				text-align: center;
				letter-spacing: 0.2px;
				grid-area: 2/ 2 / 3 / 3;
				line-height: 28px;
				max-width: 150px;
				margin-left: auto;
				padding-left: 10px;
				padding-right: 10px;
			}
			#div_big_widget_report_details_status_button:hover{
				background-color: rgb(0, 64, 249);
			}
			#div_big_widget_report_details_type {
				grid-area: 2 / 1 / 3 / 2;
			}
			#p_big_widget_report_details_type_title{
				font-weight: 800;
				font-size: 1em;
				margin: 0;
				text-align: left;
			}
			#p_big_widget_report_details_type_text{
				font-weight: 600;
				font-size: 1.5em;
				margin: 0;
				padding: 10px;
				text-align: left;
			}
			#div_big_widget_report_details_plane_infos {
				grid-area: 3 / 1 / 4 / 3;
				display: grid;
				grid-template-columns: 70px 1fr;
				grid-column-gap: 20px;
				position: relative;
				padding-top: 35px;
			}
				#div_big_widget_report_details_plane_title{
					position: absolute;
				}
				#div_big_widget_report_details_plane_no_plane{
					display: grid;
					grid-template-rows: 40px 30px;
					grid-template-columns: 120px 100px auto;
					grid-column-gap: 20px;
					height: 100%;
					position: absolute;
					top: 25px;
					left: 0;
				}
				#p_big_widget_report_details_plane_no_plane_text{
					font-weight: 500;
					font-size: 1em;
					margin: 0;
					padding: 10px;
					padding-left: 0;
					text-align: left;
					grid-area: 1/1/2/3;
				}
				#select_big_widget_report_details_plane_no_plane_select{
					width: 120px;
					height: 30px;
					border-radius: 10px;
					border: 1px solid #ccc;
					font-weight: 600;
					grid-area: 2/1/3/2;
				}
				#div_big_widget_report_details_plane_no_plane_select_button{
					height: 30px;
					border-radius: 10px;
					cursor: pointer;
					background-color: rgb(0, 85, 249);
					color: white;
					font-weight: 600;
					text-align: center;
					letter-spacing: 0.2px;
					grid-area: 2/ 2 / 3 / 3;
					line-height: 15px;
				}
				#div_big_widget_report_details_plane_no_plane_select_button:hover{
					background-color: rgb(0, 64, 249);
				}
				#div_big_widget_report_details_plane_picture{
					height: 70px;
					width: 70px;
					background-color: #191530;
					display: flex;
					justify-content: center;
					align-items: center;
					position: relative;
					border-radius: 50%;
				}
				#img_big_widget_report_details_plane_picture {
					width: 100%;
					height: 100%;
					object-fit: cover;
					border-radius: 50%;
				}
				#p_big_widget_report_details_plane_registration{
					font-weight: 800;
					font-size: 2em;
					margin-top: 0;
					margin-bottom: 0;
				}
				#p_big_widget_report_details_plane_model{
					font-weight: 600;
					font-size: 1.2em;
					margin-top: 0px;
				}
			#div_big_widget_report_details_manager_and_creator {
				grid-area: 2 / 5 / 4 / 7;
				position: relative;
			}	
				#div_big_widget_report_details_manager_title{
					width: 320px; 
					margin-left: auto;
				}
				#div_big_widget_report_details_manager_no_manager{
					display: grid;
					grid-template-rows: 40px 30px;
					grid-template-columns: auto 200px 100px;
					grid-column-gap: 20px;
					height: 100%;
					position: absolute;
					top: 0;
					right: 0;
					margin-top: 25px;
				}
				#p_big_widget_report_details_manager_no_manager_text{
					font-weight: 500;
					font-size: 1em;
					margin: 0;
					padding: 10px;
					padding-left: 0;
					text-align: left;
					grid-area: 1/2/2/4;
				}
				#select_big_widget_report_details_manager_no_manager_select{
					width: 200px;
					height: 30px;
					border-radius: 10px;
					border: 1px solid #ccc;
					font-weight: 600;
					grid-area: 2/2/3/3;
				}
				#div_big_widget_report_details_manager_no_manager_select_button{
					height: 30px;
					border-radius: 10px;
					cursor: pointer;
					background-color: rgb(0, 85, 249);
					color: white;
					font-weight: 600;
					text-align: center;
					letter-spacing: 0.2px;
					grid-area: 2/ 3 / 3 / 4;
					line-height: 15px;
				}
				#div_big_widget_report_details_manager_no_manager_select_button:hover{
					background-color: rgb(0, 64, 249);
				}
				#div_big_widget_report_details_manager{
					display: grid;
					grid-template-columns: 70px 230px;
					grid-template-rows: 1fr;
					grid-column-gap: 20px;
					position: absolute;
					top: 30px;
					right: 0;
				}
					#div_big_widget_report_details_manager_picture{
						height: 70px;
						width: 70px;
						background-color: #191530;
						display: flex;
						justify-content: center;
						align-items: center;
						position: relative;
						border-radius: 50%;
					}
					#img_big_widget_report_details_manager_picture {
						width: 100%;
						height: 100%;
						object-fit: cover;
						border-radius: 50%;
					}
					#p_big_widget_report_details_manager_text{
						font-weight: 600;
						font-size: 1.2em;
						margin: 0;
						padding: 10px;
						text-align: left;
						line-height: 45px;
					}
				#div_big_widget_report_details_creator_container{
					margin-top: 120px;
					position: absolute;
					top: 0;
					right: 0;
				}
					#div_big_widget_report_details_creator_title{
						width: 320px; 
						margin-left: auto;
					}
					#div_big_widget_report_details_creator{
						display: grid;
						grid-template-columns: 70px 230px;
						grid-template-rows: 1fr;
						grid-column-gap: 20px;
						position: absolute;
						top: 30px;
						right: 0;
					}
					#div_big_widget_report_details_creator_picture{
						height: 70px;
						width: 70px;
						background-color: #191530;
						display: flex;
						justify-content: center;
						align-items: center;
						position: relative;
						border-radius: 50%;
					}
					#img_big_widget_report_details_creator_picture {
						width: 100%;
						height: 100%;
						object-fit: cover;
						border-radius: 50%;
					}
					#p_big_widget_report_details_creator_text{
						font-weight: 600;
						font-size: 1.2em;
						margin: 0;
						padding: 10px;
						text-align: left;
						line-height: 45px;
					}

				#div_big_widget_report_details_severity{
					grid-area: 2 / 2 / 3 / 3;
				}
				#p_big_widget_report_details_severity_title{
					font-weight: 800;
					font-size: 1em;
					margin: 0;
					text-align: left;
				}
				#p_big_widget_report_details_severity_text{
					text-align: left;
					font-weight: 800;
					font-size: 1.5em;
					margin-top: 5px;
					line-height: 20px;
					padding: 10px;
				}
				#select_big_widget_report_details_severity_select{
					margin-top: 17px;
				}
				#div_big_widget_report_details_frequency{
					grid-area: 2 / 3 / 3 / 4;
				}
				#p_big_widget_report_details_frequency_title{
					font-weight: 800;
					font-size: 1em;
					margin: 0;
					text-align: left;
				}
				#p_big_widget_report_details_frequency_text{
					text-align: left;
					font-weight: 800;
					font-size: 1.5em;
					margin-top: 5px;
					line-height: 20px;
					padding: 10px;
				}
				#select_big_widget_report_details_frequency_select{
					margin-top: 17px;
				}
				#select_big_widget_report_details_frequency_select{
					margin-top: 17px;
				}
			#div_big_widget_report_details_notes {
				grid-area: 4 / 1 / 5 / 4;
				background-color: #f4f4f9;
				border-radius: 15px;
				padding: 15px;
				overflow-y: auto;
			}
			#h3_div_big_widget_report_details_notes_title{
				margin: 0;
			}
			#p_big_widget_report_details_notes_text{
				margin-top: 5px;
				font-size: 0.9em;
			}

			#div_big_widget_report_details_actions {
				grid-area: 4 / 4 / 5 / 7;
				position: relative;
				border-radius: 15px;
				padding: 15px;
				overflow-y: auto;
			}
			#div_big_widget_report_details_actions_indicator_bar_container{
				position: absolute;
				top: 15px;
				left: 110px;
				height: 20px;
				width: 100px;
				background-color: #dfdfe6;
				border-radius: 15px;
			}
			#div_big_widget_report_details_actions_indicator_bar{
				height: 100%;
				border-radius: 15px;
				width: 0%;
				transition: width 0.3s ease;
			}
			#p_big_widget_report_details_actions_indicator_bar_text{
				position: absolute;
				top: 1px;
				left: 110px;
				margin: 0;
				width: 50px;
				font-weight: 700;
			}
			#div_big_widget_report_details_actions_list{
				overflow: auto;
				max-height: 350px;
				margin-top: 15px;
			}

			#div_big_widget_report_details_actions_add_button{
				position: absolute;
				right: 10px;
				margin-top: 0;
				top: 10px;
				height: 30px;
				width: 30px;
				cursor: pointer;
			}
			#div_big_widget_report_details_actions_save_button{
				position: absolute;
				right: 40px;
				margin-top: 0;
				top: 10px;
				height: 30px;
				width: 30px;
				cursor: pointer;
			}

			.button_new_action_delete{
				margin-top: 0;
				height: 30px;
				width: 30px;
				cursor: pointer;
			}
			.new_report_action_item{
				position: relative;
				display: flex;
				justify-content: space-between;
				padding: 12px;
				border-bottom: 1px solid #ccc;
				background-color: var(--bk-color, grey);
				border-radius: 15px;
				margin-bottom: 10px;
				border: none;
				font-weight: 600;
				cursor: pointer;
			}
			.input_new_action_content{
				width: calc(100% - 40px);
				margin: 0;
			}
	
			.report-action-item {
				display: flex;
				justify-content: space-between;
				padding: 12px;
				border-bottom: 1px solid #ccc;
				background-color: var(--bk-color, grey);
				border-radius: 15px;
				margin-bottom: 10px;
				border: none;
				font-weight: 600;
				border-right: 15px solid var(--bk-color, grey);
				cursor: pointer;
				border-left-width: 15px;
				border-left-style: solid;
				transition: border-left-width 0.3s ease;
			}
			.report-action-item span {
				text-align: left;
			}
			.report-action-item span:nth-child(1) {
				width: calc(100% - 180px - 50px - 20px);
				margin-right: auto;
				line-height: 30px;
			}
			.report-action-item span:nth-child(2) {
				width: 180px;
				margin-right: 10px;
				margin-left: 10px;
				text-align: right;
				display: flex;
			}
			.report-action-item span:nth-child(3) {
				width: 50px;
			}
			.div_action_creator_picture{
				height: 30px;
				width: 30px;
				background-color: #191530;
				display: flex;
				justify-content: center;
				align-items: center;
				position: relative;
				border-radius: 50%;
				margin-right: 10px;
			}
			.img_action_creator_picture{
				object-fit: cover;
				border-radius: 50%;
				width: 100%;
				height: 100%;	
			}
			.div_action_creator_name{
				text-align: left;
				line-height: 30px;
			}

			.div_action_button_icon{
				height: 30px;
				width: 30px;
				display: flex;
				justify-content: center;
				align-items: center;
				position: relative;
				border-radius: 50%;
				margin-right: 10px;
			}

			.img_action_button_icon{
				object-fit: cover;
				border-radius: 50%;
				width: 100%;
				height: 100%;	
			}

			

		#div_big_widget_report_details_pictures {
			grid-area: 2 / 1 / 3 / 2;
			background-color: #f4f4f9;
			border-radius: 15px;
			padding: 15px;
			overflow-y: auto;
			position: relative;
			min-height: 200px;
		}
		#div_big_widget_report_details_comments {
			grid-area: 2 / 2 / 3 / 3;
		}
		#div_big_widget_report_details_comments_list{
			overflow: auto;
			max-height: 350px;
		}

		.report-comment-item {
			display: flex;
			justify-content: space-between;
			padding: 12px;
			border-bottom: 1px solid #ccc;
			background-color: var(--bk-color, grey);
			border-radius: 15px;
			margin-bottom: 10px;
			border: none;
			font-weight: 600;
			cursor: pointer;
		}
		.report-comment-item span {
			text-align: left;
		}
		.report-comment-item span:nth-child(1) {
			width: calc(100% - 150px - 160px - 20px);
			margin-right: auto;
		}
		.report-comment-item span:nth-child(2) {
			width: 150px;
			margin-right: 10px;
			margin-left: 10px;
			text-align: right;
		}
		.report-comment-item span:nth-child(3) {
			width: 160px;
		}


/* --- /SGS Page --- */

.div_container_transactions_list{
		background-color: var(--font-light, white);
		border-radius: 15px;
		position: relative;
	}


/* --- Flight Page --- */
	.flight_basic_details_container {
		grid-area: 1 / 1 / 4 / 6;
		background-color: var(--font-light, white);
		border: 1px solid #ddd;
		border-radius: 5px;
		color: var(--font-dark, black);
		-webkit-box-shadow: 0.2px 0px 13px 0px rgba(80,80,80,0.05); 
		box-shadow: 0.2px 0px 13px 0px rgba(80,80,80,0.05);
		padding: 20px;
		min-height: 350px;
	}
	.flight_basic_details {
		display: flex;
		flex-wrap: wrap;
		margin: -10px;
	}
	.flight_basic_details_row {
		flex-basis: calc(50% - 20px);
		margin: 10px;
	}
	.flight_basic_details_label {
		font-weight: bold;
	}
	.flight_basic_details_value {
		margin-left: 5px;
	}
	#div_widget_instructeur_vol{grid-area: 4 / 4 / 5 / 4; text-decoration: underline; cursor: pointer;}
	#div_widget_conditions_vol{grid-area: 5 / 1 / 6 / 2;}
	#div_widget_evaluation_vol{grid-area: 4 / 3 / 5 / 4;}
	#div_widget_notes_vol{grid-area: 4 / 1 / 5 / 3; min-width: 250px}
	#div_widget_suite_vol{grid-area: 5 / 3 / 6 / 4;}
	#div_widget_pictures{grid-area: 5 / 4 / 6 / 5;}
	#div_widget_signature_vol{grid-area: 5 / 2 / 6 / 3; cursor: pointer; min-width: 150px;}
	#div_widget_mini_map{grid-area: 4 / 5 / 6 / 6;}
	.div_widget_vol{
		background-color: var(--font-light, white);
		color: var(--font-dark, black);
		border-radius: 15px;
		border: 1px solid #ddd;
		padding: 20px;
	}

	#img_widget_signature_vol{
		width: 100%;
		height: auto;
		vertical-align: middle;
		max-height: 120px;
	}
	#img_big_signature_vol{
		max-height: 100%;
		width: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: 70%;
	}

	.div_widget_vol {
		padding: 20px;
		border: 1px solid #ddd;
		border-radius: 8px;
		margin-bottom: 20px;
	}

	#photo-upload-container {
		display: flex;
		align-items: center;
		margin-top: 10px;
		margin-bottom: 15px;
	}

	#div_big_widget_flight_pictures{
		margin-top: 60px;
	}	

	#existing-photo-preview-container {
		width: 400px;
		overflow-x: auto;
		white-space: nowrap;
		padding: 10px;
		margin-top: 15px;
		cursor: pointer;
		height: 140px;
	}
	#existing-photo-preview{
		height: 100%;
		width: 100%;
	}

	.photo-preview img {
		height: 100%;
		margin-right: 10px;
		border: 2px solid #ddd;
		border-radius: 8px;
		object-fit: cover;
		cursor: pointer;
	}

	.mosaic {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		padding: 20px;
		margin-right: 60px;
	}

	.mosaic img {
		max-width: 200px;
		max-height: 200px;
		object-fit: cover;
		border: 2px solid #ddd;
		border-radius: 8px;
		box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
	}

	.mosaic img:hover {
		transform: scale(1.05);
		transition: transform 0.3s;
	}

	.nav_button {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		background-color: rgba(0, 0, 0, 0.5);
		color: white;
		border: none;
		padding: 10px;
		cursor: pointer;
		z-index: 10;
	}

	#prevButton {
		left: 10px;
	}

	#nextButton {
		right: 10px;
	}

	.control_button {
		position: absolute;
		background-color: rgba(0, 0, 0, 0.3);
		color: white;
		border: none;
		padding: 10px;
		cursor: pointer;
		z-index: 10;
	}

	#control_button_return{
		top: -50px;
		left: 15px;
	}
	#control_button_download{
		left: 15px;
		bottom: 20px;
	}
	#control_button_delete{
		right: 15px;
		bottom: 20px;
	}
	.img_control_button{
		height: 50px;
		width: auto;
		position: absolute;
		bottom: 15px;
		padding: 5px;
		border-radius: 15px;
		transition: 0.2s;
	}
	.img_control_button:hover{
		background-color: rgba(0, 0, 0, 0.3);
	}

	#div_big_image_display_bottom_buttons{
		position: relative;
		display: grid;
		grid-template-columns: 1fr 1.5fr;
		grid-column-gap: 10px;
		margin-top: 40px;
		margin-bottom: 0;
		border-top: 2px solid rgba(0, 0, 0, 0.3);
		padding-top: 30px;
	}
	#div_big_image_display_bottom_left_button{
		height: 35px;
		border-radius: 10px;
		cursor: pointer;
		background-color: rgb(41, 41, 41);
		color: white;
		font-weight: 600;
		text-align: center;
	  	letter-spacing: 0.2px;
	}
	#div_big_image_display_bottom_left_button:hover{
		background-color: rgb(81, 81, 81);
	}
	#div_big_image_display_bottom_right_button{
		height: 35px;
		border-radius: 10px;
		cursor: pointer;
		background-color: rgb(0, 85, 249);
		color: white;
		font-weight: 600;
		text-align: center;
	  letter-spacing: 0.2px;
	}
	#div_big_image_display_bottom_right_button:hover{
		background-color: rgb(0, 64, 249);
	}


	#div_big_image_display_signature_infos{
		position: relative;
		display: grid;
		grid-template-columns: 1fr;
		margin-bottom: 0;
		border-top: 2px solid rgba(0, 0, 0, 0.3);
		padding-top: 0px;
		margin-top: 30px;
	}
	#div_big_image_display_signature_button{
		height: 35px;
		border-radius: 10px;
		cursor: pointer;
		background-color: rgb(0, 85, 249);
		color: white;
		font-weight: 600;
		text-align: center;
	  	letter-spacing: 0.2px;
		margin-top: 10px;
	}
	#div_big_image_display_signature_button:hover{
		background-color: rgb(0, 64, 249);
	}

	#div_big_image_display_signature_button_2{
		height: 35px;
		border-radius: 10px;
		cursor: pointer;
		background-color: rgb(41, 41, 41);
		color: white;
		font-weight: 600;
		text-align: center;
	  	letter-spacing: 0.2px;
		margin-top: 10px;
	}
	#div_big_image_display_signature_button_2:hover{
		background-color: rgb(81, 81, 81);
	}


	#div_big_image_display_share_infos{
		position: relative;
		display: grid;
		grid-template-columns: 1fr;
		margin-bottom: 0;
		border-top: 2px solid rgba(0, 0, 0, 0.3);
		padding-top: 0px;
		margin-top: 30px;
	}

	#div_big_image_display_share_button{
		height: 35px;
		border-radius: 10px;
		cursor: pointer;
		background-color: rgb(0, 85, 249);
		color: white;
		font-weight: 600;
		text-align: center;
	  	letter-spacing: 0.2px;
		margin-top: 10px;
	}
	#div_big_image_display_share_button:hover{
		background-color: rgb(0, 64, 249);
	}

	#div_big_image_display_share_button_get_link{
		height: 35px;
		border-radius: 10px;
		cursor: pointer;
		background-color: rgb(41, 41, 41);
		color: white;
		font-weight: 600;
		text-align: center;
	  	letter-spacing: 0.2px;
		margin-top: 10px;
	}
	#div_big_image_display_share_button_get_link:hover{
		background-color: rgb(81, 81, 81);
	}

	#big_image {
		max-width: 80%;
		max-height: 80%;
		margin: auto;
		display: block;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		position: absolute;
	}
	#big_image_pdf {
		max-width: 80%;
		min-width: 600px;
		height: 80%;
		margin: auto;
		display: block;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		position: absolute;
		overflow: hidden;
	}

	#div_big_image_display_filename{
		display: flex; 
		align-items: center; 
		margin-bottom: 20px; 
		column-gap: 10px;
	}

	#div_filename{
		height: 30px;
		width: calc(100% - 50px);
	}
	#input_filename{
		height: 100%;
		width: 100%;
		border-radius: 15px;
		border: none;
		padding-left: 10px;
		padding-right: 10px;
	}

	#div_big_image_display{
		position: grid;
		height: 100%;
		width: 100%;
		margin: auto;
		top: 0px;
		grid-template-columns: auto 350px;
		grid-template-rows: auto;
		transition: 0.3s ease;
	}

	#div_big_image_display_left{
		position: relative;
		background-color: white;
		grid-area: 1 / 1 / 2 / 2;
	}
	#div_big_image_display_right{
		position: relative;
		background-color: #f5f5f7;
		padding: 25px;
		padding-top: 80px;
		overflow: auto;
		grid-area: 1 / 2 / 2 / 3;
	}

	#div_big_image_display_open_infos_button{
		display: none;
		font-weight: 600;
	}

	#div_upload_button{
		position: absolute;
		right: 10px;
		margin-top: 0;
		top: 10px;
		height: 30px;
		width: 30px;
		cursor: pointer;
	}
	#div_upload_button_2{
		position: absolute;
		left: 10px;
		margin-top: 0;
		top: 10px;
		height: 50px;
		width: 50px;
		cursor: pointer;
	}
	#div_custom_files_templates_upload_button{
		position: absolute;
		right: 10px;
		margin-top: 0;
		top: 10px;
		height: 30px;
		width: 30px;
		cursor: pointer;
	}
	.img_upload_button{
		height: 100%;
		width: auto;
		margin: auto;
	}

	#div_big_image_display_infos{
		position: relative;
	}

	#div_filename_update_button{
		height: 30px;
		width: 30px;
		cursor: pointer;
		background-color: rgb(0, 85, 249);
		border-radius: 15%;
		position: relative
	}
	#div_filename_update_button:hover{
		background-color: rgb(0, 64, 249);
	}
	#div_big_image_display_infos_expiration_date_update_button{
		height: 30px;
		width: 30px;
		cursor: pointer;
		background-color: rgb(0, 85, 249);
		border-radius: 15%;
		position: relative
	}
	#div_big_image_display_infos_expiration_date_update_button:hover{
		background-color: rgb(0, 64, 249);
	}
	.img_filename_update_button{
		height: 70%;
		width: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	
	.div_big_widget_template_guide_container table {
		width: 100%;
		border-collapse: collapse;
		margin: 20px 0;
	}
	
	.div_big_widget_template_guide_container table th, .div_big_widget_template_guide_container table td {
		border: 1px solid #ccc;
		padding: 10px;
		text-align: left;
	}
	
	.div_big_widget_template_guide_container table th {
		background-color: #f5f5f5;
	}
	
	.div_big_widget_template_guide_container pre {
		background: #f9f9f9;
		padding: 10px;
		border: 1px dashed #ccc;
		overflow-x: auto;
	}
	
	.div_big_widget_template_guide_container blockquote {
		background: #e6f7ff;
		padding: 10px 20px;
		margin: 20px 0;
		border-left: 5px solid #00aaff;
	}
	
	.div_big_widget_template_guide_container ul {
		margin: 10px 0 20px 20px;
	}


	#div_little_container_flight{
		width: 800px;
		margin: auto;
		grid-column-gap: 0px;
		grid-template-rows: none;
	}

	#div_flight_travel_airports{
		min-height: 150px;
		position: relative;
		background-color: white;
		border-radius: 15px;
		grid-area: 1 / 1 / 2 / 6;
	}
	.h1_flight_travel_airports{
		font-size: 3em;
		font-weight: 800;
		position: absolute;
		top: 20px;
		margin: 0;
	}
	.h2_flight_travel_airports_name{
		position: absolute;
		top: 60px;
		font-size: 1.4em;
	}
	#h2_flight_travel_airports_name_left{
		left: 25px;
	}
	#h2_flight_travel_airports_name_right{
		right: 25px;
	}
	#h1_flight_travel_airports_left{
		left: 25px;
	}
	#h1_flight_travel_airports_right{
		right: 25px;
	}

	#div_flight_travel_airports_line{
		border-top: 10px dotted #191530;
		position: absolute;
		top: 45px;
		left: 50%;
		transform: translateX(-50%);
		width: 340px;
	}
	.div_flight_travel_airports_point{
		height: 25px;
		width: 25px;
		border-radius: 50%;
		background-color: #191530;
		position: absolute;
		top: -17.5px;
	}
	#div_flight_travel_airports_point_left{
		left: -5px;
	}
	#div_flight_travel_airports_point_right{
		right: -5px;
	}
	#div_flight_travel_airports_icon{
		position: absolute;
		top: 10px;
		height: 80px;
		width: 80px;
		left: 50%;
		transform: translateX(-50%);
	}
	.img_flight_travel_airports_icon{
		height: 100%;
		width: auto;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	#h2_flight_travel_type_flight{
		position: absolute;
		top: 120px;
		margin: 0;
		left: 50px;
		font-size: 1em;
		font-weight: 500;
	}
	#flight_travel_flight_mode{
		position: absolute;
		top: 150px;
		margin: 0;
		left: 25px;
		font-size: 1em;
		font-weight: 500;
	}
	#text_solo_supervised_flight{
		position: absolute;
		bottom: 15px;
		margin: 0;
		left: 25px;
		font-size: 1em;
		font-weight: 700;
	}
	#div_flight_day_night_icon{
		position: absolute;
		top: 117px;
		height: 25px;
		width: 25px;
		left: 20px;
	}
	#img_flight_night_icon{
		height: 100%;
		width: auto;
		position: relative;
		margin: auto;
	}
	#img_flight_day_icon{
		height: 100%;
		width: auto;
		position: relative;
		margin: auto;
	}
	#select_flight_is_night{
		position: absolute;
		top: 95px;
		left: 25px;
		width: 80px;
	}
	#div_flight_travel_steps{
		position: absolute;
		top: 100px;
		left: 50%;
		transform: translateX(-50%);
		width: 300px;
		height: 140px;
		overflow: scroll;
		-ms-overflow-style: none;  /* IE and Edge */
		scrollbar-width: none;  /* Firefox */
	}
	/* Hide scrollbar for Chrome, Safari and Opera */
	#div_flight_travel_steps::-webkit-scrollbar {
		display: none;
	}
	#h2_flight_travel_steps_title{
		margin-top: 0;
		margin-bottom: 5px;
		font-size: 1em;
		font-weight: 800;
		text-align: center;
	}
	.p_flight_travel_steps_text{
		font-size: 1em;
		font-weight: 600;
		margin: 5px;
		text-align: center;
	}

	#div_flight_pilots{
		position: relative;
		background-color: white;
		border-radius: 15px;
		grid-area: 2 / 1 / 3 / 6;
		min-height: 125px;
	}
	.div_flight_pilots_icon{
		position: absolute;
		top: 25px;
		height: 70px;
		width: 70px;
	}
	#div_flight_pilots_icon_left{
		left: 25px;
	}
	#div_flight_pilots_icon_right{
		right: 25px;
	}
	.img_flight_pilots_icon{
		height: 100%;
		width: auto;
		position: absolute;
		top: 5px;
		left: 50%;
		transform: translateX(-50%);
	}
	.h1_flight_pilots{
		position: absolute;
		top: 40px;
		margin: 0;
		font-size: 1.3em;
	}
	#h1_flight_pilots_left{
		left: 105px;
	}
	#h1_flight_pilots_right{
		right: 105px;
	}
	.h2_flight_pilots_status{
		position: absolute;
		top: 70px;
		margin: 0;
		font-size: 1.1em;
		font-weight: 500;
	}
	#h2_flight_pilots_status_left{
		left: 105px;
	}
	#h2_flight_pilots_status_right{
		right: 105px;
	}
	#h2_flight_pilots_referent_right{
		position: absolute;
		top: 95px;
		margin: 0;
		font-size: 0.8em;
		font-weight: 500;
		right: 105px;
	}

	#div_flight_widgets{
		position: relative;
		display: grid;
		grid-row-gap: 20px;
		grid-column-gap: 20px;
		grid-area: 3 / 1 / 6 / 6;
	}

	#div_flight_widgets_info{
		position: relative;
		background-color: white;
		border-radius: 15px;
		min-width: 290px;
		grid-area: 1 / 1 / 2 / 2;
		display: grid;
		grid-template-columns: 1fr;
	}
	.little_div_flight_widget_info{
		position: relative;
		width: 100%;
		padding-top: 12px;
		height: 35px;
		padding-bottom: 12px;
	}
	.div_flight_infos_icon{
		position: absolute;
		left: 15px;
		height: 35px;
		width: 35px;
	}
	.img_flight_infos_icon{
		height: 100%;
		width: auto;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.p_flight_infos_text{
		font-size: 1em;
		font-weight: 800;
		position: relative;
		left: 60px;
		margin: 0;
		margin-top: 10px;
	}

	.div_create_new_flight_bloc_bloc{
		display: inline-block; 
		width: 180px;
	}
	#div_create_new_flight_end_bloc{
		padding-left: 30px;
	}

	.div_create_new_flight_flight_flight{
		display: inline-block; 
		width: 180px;
	}
	#div_create_new_flight_end_flight{
		padding-left: 30px;
	}

	#div_flight_widgets_map{
		min-height: 320px;
		position: relative;
		background-color: white;
		border-radius: 15px;
		grid-area: 1 / 2 / 2 / 6;
		z-index: 0;
	}

	#div_flight_widgets_notes{
		position: relative;
		background-color: white;
		border-radius: 15px;
		grid-area: 2 / 1 / 4 / 2;
		min-height: 200px;
		padding: 15px;
	}
	#h3_flight_widgets_notes_title{
		margin: 0;
	}
	#p_flight_widgets_notes_text{
		margin-top: 5px;
		margin-bottom: 10px;
		font-size: 0.9em;
	}

	#div_flight_widgets_plane{
		position: relative;
		background-color: white;
		border-radius: 15px;
		grid-area: 2 / 2 / 3 / 6;
		min-height: 80px;
		padding: 15px;
		cursor: pointer;
	}
	#h3_flight_widgets_plane_title{
		margin: 0;
	}
	.div_flight_plane_icon{
		position: absolute;
		left: 15px;
		height: 35px;
		width: 35px;
		top: 50px;
	}
	.img_flight_plane_icon{
		height: 100%;
		width: auto;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	#p_flight_plane_text{
		font-size: 1em;
		font-weight: 800;
		position: absolute;
		left: 60px;
		margin: 0;
		top: 60px;
	}

	#div_flight_widgets_pictures{
		position: relative;
		background-color: white;
		border-radius: 15px;
		grid-area: 3 / 2 / 5 / 6;
		min-height: 200px;
		padding: 15px;
		cursor: pointer;
		overflow: hidden;
	}
	#h3_flight_widgets_pictures_title{
		margin: 0;
	}

	#div_flight_widgets_school{
		position: relative;
		background-color: white;
		border-radius: 15px;
		grid-area: 4 / 1 / 6 / 2;
		min-height: 100px;
		padding: 15px;
		cursor: pointer;
	}
	.div_flight_school_icon{
		position: absolute;
		left: 15px;
		height: 35px;
		width: 35px;
	}
	.img_flight_school_icon{
		height: 100%;
		width: auto;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.p_flight_school_text{
		font-size: 1em;
		font-weight: 800;
		position: absolute;
		left: 60px;
		margin: 0;
	}
	#div_flight_school_icon_evaluation{
		top: 15px;
	}
	#p_flight_school_text_evaluation{
		top: 25px;
	}
	#div_flight_school_icon_next_flight{
		top: 70px;
	}
	#p_flight_school_text_next_flight{
		top: 80px;
	}

	#div_flight_widgets_creator{
		position: relative;
		background-color: white;
		border-radius: 15px;
		grid-area: 5 / 2 / 6 / 6;
		min-height: 60px;
		padding: 15px;
		cursor: pointer;
	}
	#p_flight_widgets_creator_text{
		margin: 0;
	}
	#p_flight_widgets_notes_sign{
		margin: 0;
		margin-top: 10px;
		font-weight: 700;
		font-size: 0.7em;
		text-decoration: underline;
		cursor: pointer;
	}

	#select_flight_basic_details_depart_airport{
		position: absolute;
		top: 40px;
		left: 25px;
		width: 150px;
	}
	#select_flight_basic_details_arrival_airport{
		position: absolute;
		top: 40px;
		right: 25px;
		width: 150px;
	}
	#select_flight_travel_flight_mode{
		position: absolute;
		top: 150px;
		left: 25px;
		width: 100px;
	}
	#select_solo_supervised_flight{
		position: absolute;
		bottom: 0px;
		left: 25px;
		width: 120px;
	}
	#select_flight_travel_type_flight_name{
		position: absolute;
		top: 120px;
		left: 25px;
		width: 100px;
	}
	#select_flight_travel_school_flight{
		position: absolute;
		top: 120px;
		left: 150px;
		width: 100px;
	}
	#input_p_flight_infos_text_start_date{
		position: absolute;
		top: 15px;
		left: 65px;
		width: 70%;
    	max-width: 180px;
	}
	#input_p_flight_infos_text_end_date{
		position: absolute;
		top: 60px;
		left: 65px;
		width: 70%;
    	max-width: 180px;
	}
	#input_p_flight_infos_text_time_takeoff{
		position: absolute;
		top: 15px;
		left: 65px;
		width: 70%;
    	max-width: 180px;
	}
	#input_p_flight_infos_text_time_landing{
		position: absolute;
		top: 15px;
		left: 65px;
		width: 70%;
    	max-width: 180px;
	}
	#input_p_flight_infos_text_time_engine_hours_before{
		position: absolute;
		top: 15px;
		left: 65px;
		width: 100px;
	}
	#input_p_flight_infos_text_time_engine_hours_after{
		position: absolute;
		top: 55px;
		left: 65px;
		width: 100px;
	}
	#input_p_flight_infos_text_time_engine_2_hours_before{
		position: absolute;
		top: 95px;
		left: 65px;
		width: 100px;
	}
	#input_p_flight_infos_text_time_engine_2_hours_after{
		position: absolute;
		top: 135px;
		left: 65px;
		width: 100px;
	}
	#input_p_flight_infos_text_time_brief{
		position: absolute;
		top: 15px;
		left: 120px;
		width: 50px;
	}
	#input_p_flight_infos_text_nb_landing_number{
		position: absolute;
		top: 15px;
		left: 65px;
		width: 100px;
	}
	#div_update_landing_fees{
		position: relative;
	}
	.div_update_landing_fees_step{
		position: relative;
		height: 30px;
	}
	.label_input_landing_fees{
		font-size: 1em;
		font-weight: 800;
		position: relative;
		left: 60px;
		margin: 0;
		margin-top: 5px;
		padding-top: 5px;
		margin-bottom: 5px;
	}
	.label_input_landing_fees_arrival_airport{
		font-size: 1em;
		font-weight: 800;
		position: relative;
		left: 60px;
		margin: 0;
		margin-top: 5px;
		padding-top: 5px;
		margin-bottom: 5px;
	}
	.input_landing_fees{
		position: absolute;
		top: 0px;
		left: 150px;
		width: 60px;
	}
	#input_p_flight_infos_text_cost{
		position: absolute;
		top: 15px;
		left: 65px;
		width: 100px;
	}
	#input_p_flight_infos_text_fuel_before_value{
		position: absolute;
		top: 15px;
		left: 65px;
		width: 50px;
	}
	#input_p_flight_infos_text_fuel_after_value{
		position: absolute;
		top: 15px;
		left: 130px;
		width: 50px;
	}
	#flight_basic_details_cost_alert_message{
		position: absolute;
		display: block;
		left: 20px;
		margin-right: 10px;
		font-size: 0.7em;
		margin-top: 0;
	}

	#select_h1_flight_pilots_left{
		position: absolute;
		top: 40px;
		left: 100px;
		width: 30%;
	}
	#select_h1_flight_pilots_right{
		position: absolute;
		top: 40px;
		right: 100px;
		width: 30%;
	}
	#select_h1_flight_referent_instructor_right{
		position: absolute;
		top: 100px;
		right: 100px;
		width: 30%;
	}
	#input_p_flight_widgets_notes_text{
		position: absolute;
		top: 45px;
		width: 250px;
	}
	#select_p_flight_plane_text{
		position: absolute;
		top: 60px;
		left: 65px;
		width: 200px;
	}
	#input_p_flight_school_text_next_flight{
		position: absolute;
		top: 70px;
		left: 65px;
		width: 200px;
	}

	#div_landing_fees_details{
		position: absolute;
		top: 50px;
		left: 15px;
		width: 200px;
		background-color: #191530;
		color: white;
		padding: 10px;
		padding-left: 15px;
		border-radius: 15px;
		transition: 0.3s;
		font-weight: 600;
	}
	#img_landing_fees_details_close_icon{
		position: absolute;
		top: 10px;
		right: 10px;
		height: 20px;
		width: auto;
		cursor: pointer;
		display: none;
	}

	#div_METAR_details{
		position: absolute;
		top: 50px;
		left: 15px;
		width: 250px;
		background-color: #191530;
		color: white;
		padding: 10px;
		padding-left: 15px;
		border-radius: 15px;
		transition: 0.3s;
		font-weight: 600;
	}
	#img_METAR_details_close_icon{
		position: absolute;
		top: 10px;
		right: 10px;
		height: 20px;
		width: auto;
		cursor: pointer;
		display: none;
	}

	.button_validate_flight{
		display: inline-table;
		cursor: pointer;
		height: 100%;
		width: 50%;
		background-color: #191530;
		color: #fff;
		font-weight: 600;
		border-radius: 15px;
		text-align: center;
		transition: 0.2s;
	}
	.button_validate_flight:hover{
		background-color: #2ecc71;
	}

	#p_flight_state_text{
		margin-top: -23px;
		text-align: center;
		font-size: 0.9em;
		font-weight: 600;
		color: #191530
	}

	#p_flight_violation_text{
		margin-top: -53px;
		text-align: center;
		font-size: 0.9em;
		font-weight: 600;
		color: #191530
	}

	#div_flight_stats_table_container{
		position: relative;
		background-color: white;
		border-radius: 15px;
		height: auto;
		padding: 20px;
		display: flex;
		font-weight: 500;
	}
	#div_flight_stats_graph_container{
		position: relative;
		background-color: white;
		border-radius: 15px;
		height: auto;
		padding: 20px;
		display: flex;
		font-weight: 500;
		gap: 10px;
	}
	.div_statistics_container{
		background-color: var(--menu-bar, white);
		color: var(--font-dark, black);
		border-radius: 15px;
		position: relative;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 20px;
		grid-area: 1 / 2 / 2 / 6;
	}
/* --- /Flight Page --- */


/* --- Class Page --- */
	#div_little_container_class{
		width: 800px;
		margin: auto;
		grid-column-gap: 0px;
		grid-template-rows: none;
	}
	#div_class_pilots{
		position: relative;
		background-color: white;
		border-radius: 15px;
		grid-area: 2 / 1 / 3 / 6;
		min-height: 110px;
	}
	#h2_class_pro{
		position: absolute;
		top: 120px;
		margin: 0;
		left: 25px;
		font-size: 1em;
		font-weight: 500;
	}
	#div_class_widgets{
		position: relative;
		display: grid;
		grid-row-gap: 30px;
		grid-column-gap: 30px;
		grid-area: 3 / 1 / 6 / 6;
	}
	#div_class_widgets_info{
		position: relative;
		background-color: white;
		border-radius: 15px;
		min-width: 290px;
		grid-area: 1 / 1 / 2 / 2;
		display: grid;
		grid-template-columns: 1fr;
	}
	#div_class_widgets_notes{
		position: relative;
		background-color: white;
		border-radius: 15px;
		grid-area: 1 / 2 / 2 / 6;
		min-height: 200px;
		padding: 15px;
	}
	#div_class_widgets_pictures{
		position: relative;
		background-color: white;
		border-radius: 15px;
		grid-area: 2 / 2 / 4 / 6;
		min-height: 200px;
		padding: 15px;
		cursor: pointer;
		overflow: hidden;
	}
	#div_class_widgets_school{
		position: relative;
		background-color: white;
		border-radius: 15px;
		grid-area: 2 / 1 / 3 / 2;
		min-height: 100px;
		padding: 15px;
		cursor: pointer;
	}
	#div_class_widgets_creator{
		position: relative;
		background-color: white;
		border-radius: 15px;
		grid-area: 3 / 1 / 4 / 2;
		min-height: 60px;
		padding: 15px;
		cursor: pointer;
	}
/* --- /Class Page --- */


/* --- Pilot Page --- */
	#div_little_container_pilot_page{
		top: 220px;
	}
	#div_nb_vol_instructor{grid-area: 2 / 3 / 3 / 4;}
	#div_widget_nb_heures_pilote{grid-area: 1 / 2 / 2 / 3;}
	#div_pilot_informations{grid-area: 2 / 2 / 3 / 3; min-height: 50px;}
	#div_widget_solde_pilote{grid-area: 1 / 3 / 2 / 4;}
	#div_widget_solde_pilote_2{grid-area: 1 / 1 / 2 / 2;}
	#div_widget_frequency{grid-area: 1 / 4 / 2 / 5;}
	#div_widget_time_last_flight{grid-area: 1 / 5 / 2 / 6;}
	#div_widget_link_user{grid-area: 2 / 5 / 3 / 6;}
	#div_widget_training{grid-area: 2 / 4 / 3 / 5;}
	#div_widget_pilot_plane_can_fly{grid-area: 3 / 2 / 4 / 3;}

	#div_nb_vol_instructor_2{grid-area: 1 / 2 / 2 / 3;}
	#div_widget_nb_heures_pilote_2{grid-area: 1 / 1 / 2 / 2;}
	#div_widget_frequency_2{grid-area: 1 / 3 / 2 / 4;}
	#div_widget_time_last_flight_2{grid-area: 1 / 4 / 2 / 5;}
	#div_widget_nb_classes_hours{grid-area: 1 / 5 / 2 / 6;}

	#div_widget_slots_list{
		min-width: 0; 
		overflow: auto; 
		min-height: 180px;
		max-width: 600px;
		grid-area: 4 / 1 / 5 / 3;
	}

	.div_container_flights_list{grid-area: 3 / 1 / 6 / 4; overflow: hidden; min-width: 600px;}
	.div_container_transactions_list{grid-area: 2 / 1 / 6 / 4; overflow: hidden; min-width: 400px; min-height: 300px;}
	#div_container_school_packs_list{grid-area: 2 / 4 / 6 / 6; overflow: auto; min-width: 400px; min-height: 300px; max-height: 400px;}
	#cost{
		max-height: 70%;
		overflow-y: scroll;
	}
	#div_list_transactions{
		max-height: 70%;
		overflow-y: scroll;
	}
	#div_list_transactions_time_flight{
		max-height: 70%;
		overflow-y: scroll;
	}
	#div_list_transactions_time_brief{
		max-height: 70%;
		overflow-y: scroll;
	}
	#div_list_transactions_time_class{
		max-height: 70%;
		overflow-y: scroll;
	}
	#div_list_transactions_time_nb_landing{
		max-height: 70%;
		overflow-y: scroll;
	}

	.button_delete_invoice_line{
		width: 28px;
		height: 28px;
		line-height: 1;
		cursor: pointer;
		border: none;
		background-color: white;
		border-radius: 10px;
	}

	.div_widget_big_progression_pilot{
		height: 10px;
		width: 70%;
		background-color: var(--font-light, white);
		z-index: 1;
		margin-left: 15px;
		margin-bottom: 20px;
		position: relative;
		border-radius: 15px;
		overflow: hidden;
	}
	.div_widget_progression_pilot{
		height: 100%;
		background-color: #2ecc71;
		position: absolute;
		top: 0;
		left: 0;
	}
	.p_widget_progression_pilot{
		position: relative;
		font-size: 1.2em;
		color: white;
		font-weight: 600;
		margin-left: 15px;
		margin-bottom: 7px;
		margin-top: 10px;
	}

	#div_pilot_training_widgets_container{
		position: relative;
		display: flex;
		column-gap: 20px;
		max-height: 200px;
		min-height: 100px;
		overflow: auto;
		grid-area: 1 / 1 / 2 / 4;
	}

	#div_pilot_training{
		grid-template-rows: auto;
	}

	.img_add_training_button{
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: auto;
		object-fit: cover;
		position: absolute;
		height: 60%;
	}

	#div_pilot_training_widgets_status_selector{
		position: absolute;
		top: 55px;
		left: 15px;
		background-color: #191530;
		border-radius: 30px;
		height: 30px;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-column-gap: 5px;
		padding: 7px;
	}

	.div_pilot_training_status_selector{
		position: relative;
		border-radius: 50%;
		transition: 0.3s;
		height: 30px;
		width: 30px;
	}
	
	.div_pilot_training_status_selector:hover {
		background-color: #2ecc71;
	}
	
	.div_pilot_training_status_selector.active {
		background-color: #2ecc71;
	}

	.img_pilot_training_status_selector{
		height: 20px;
		width: auto;
		margin-top: 5px;
		margin-bottom: 5px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		cursor: pointer;
	}

	#div_pilot_training_widget_details{
		grid-area: 2 / 1 / 6 / 4; 
		margin: 0; 
		margin-top: 10px; 
		max-width: none;
		background-color: white;
		border-radius: 15px;
		position: relative;
	}

	#pilot_training_widget_details_title{
		font-size: 1.5em;
		font-weight: 700;
		margin: 0;
		position: absolute;
		top: 15px;
		left: 15px;
	}

	.div_step_state{
        height: 100%;
        transition: 0.4s;
        position: absolute;
        top: 0;
        line-height: 40px;
        text-align: center;
		font-weight: 700;
    }
    #div_step_state_left{
        left: 0;
        cursor: pointer;
    }
    #div_step_state_right{
        right: 0;
        cursor: pointer;
    }
	#div_pilot_training_widget_classes{
		grid-area: 2 / 4 / 3 / 6; 
		margin: 0; 
		margin-top: 10px; 
		max-width: none;
		background-color: white;
		border-radius: 15px;
		position: relative;
	}
	#div_classes_list{
		max-height: 70%;
		overflow-y: scroll;
	}
	#button_add_transaction{
		position: absolute;
		top: 0px;
		right: 0px;
		height: 25px;
		width: 120px;
		background-color: var(--font-dark, black);
		color: var(--font-light, white);
		border-radius: 15px;
		font-weight: 600;
		text-align: center;
		padding-top: 7px;
		cursor: pointer;
		transition: 0.2s;
		margin-bottom: 0;
	}
	#button_add_transaction:hover{
		background-color: #2ecc71;
	}
	#button_add_invoice{
		position: absolute;
		top: 0px;
		right: 135px;
		height: 25px;
		width: 180px;
		background-color: var(--font-dark, black);
		color: var(--font-light, white);
		border-radius: 15px;
		font-weight: 600;
		text-align: center;
		padding-top: 7px;
		cursor: pointer;
		transition: 0.2s;
		margin-bottom: 0;
	}
	#button_add_invoice:hover{
		background-color: #2ecc71;
	}
	#div_big_widget_create_transaction{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_create_time_transaction{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_create_invoice{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_pilot_packs{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_update_transaction{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_update_time_transaction{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_update_pilot_plane_can_fly{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_new_message{
		margin-right: 30px;
		margin-left: 30px;
		margin-top: 30px;
	}
	#div_big_widget_message_details{
		margin-right: 30px;
		margin-left: 30px;
		margin-top: 30px;
	}
	#div_big_widget_new_report{
		margin-right: 30px;
		margin-left: 30px;
		margin-top: 30px;
	}
	#div_big_widget_report_details{
		margin-right: 30px;
		margin-left: 30px;
		margin-top: 30px;
	}
	#div_big_widget_instructors_availability{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_school_availability{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_baptism_school_settings{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_baptism_product{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_baptism_new_product{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_baptism_new_promo_code{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_baptism_promo_code{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_baptism_voucher_details{
		margin-right: 30px;
		margin-left: 30px;
	}
	
	#button_goto_training_reporting{
		position: absolute;
		top: 15px;
		right: 15px;
		width: 110px; 
		margin: 0;
		transform: translateX(0%);
	}
	#div_big_widget_training_program{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_link_training_program{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_create_new_slot{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_slot_details{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_widget_training{
		transition: 0.2s;
	}
	#div_widget_training:hover{
		background-color: #2ecc71;
	}
	#div_widget_link_user:hover{
		transition: 0.2s;
	}
	#div_widget_link_user:hover{
		background-color: #2ecc71;
	}
	#img_qrcode{
		width: 80%; 
		height: auto; 
		position: absolute; 
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		border-radius: 15px;
		border: solid 10px var(--font-dark, black);
	}
	#div_big_widget_qrcode_text{
		position: absolute;
		top: 20px;
		left: 50%;
		transform: translateX(-50%);
		font-size: 1.3em;
		font-weight: 500;
		color: var(--font-dark, black);
	}
	#link_qrcode{
		background-color: #4CAF50;
	 	color: white;
		padding: 12px 20px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		transform: translateX(-50%);
		position: absolute;
		left: 25%;
		bottom: 20px;
		width: 150px;
	}
	#link_qrcode:hover{
		background-color: #45a049;
	}
	#send_pilot_link_mail{
		background-color: #4CAF50;
	 	color: white;
		padding: 12px 20px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		transform: translateX(50%);
		position: absolute;
		right: 25%;
		bottom: 20px;
		width: 150px;
	}
	#send_pilot_link_mail:hover{
		background-color: #45a049;
	}

	#div_pilot_informations:hover{
		transition: 0.2s;
		background-color: #2ecc71;
	}
	#input_pilot_firstname{
		width: 300px;
		margin-top: 25px;
		display: inline-block;
		margin-bottom: 10px;
	}
	#input_pilot_lastname{
		width: 300px;
		margin-top: 25px;
		display: inline-block;
		margin-bottom: 10px;
	}
	#select_pilot_status{
		width: 200px;
	}
	#pilot_picture_config {
		grid-area: 1 / 1 / 3 / 2;
		width: 220px;
		height: 220px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		margin-right: 40px;
		border-radius: 50%;
		background-color: var(--font-dark, black);
		margin-bottom: 50px;
	}

	#img_pilot_picture_config {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 50%;
	}

	#div_big_widget_file_valisation_status{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_flight_rules_qualifications{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_flight_rules_licenses{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_flight_rules_contributions{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_create_license{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_create_qualification{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_create_contribution{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_update_license{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_update_qualification{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_update_contribution{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_template_guide{
		margin-right: 30px;
		margin-left: 30px;
	}
	#div_big_widget_plane_files_mandatory{
		margin-right: 30px;
		margin-left: 30px;
	}


	.pilot-plane-can-fly-item {
		display: flex;
		justify-content: space-between;
		padding: 12px;
		border-bottom: 1px solid #ccc;
	}
	.pilot-plane-can-fly-item span {
		flex: 1;
		text-align: center;
		cursor: pointer;
	}

	.pilot-plane-can-fly-item span:nth-child(1) {
		width: auto;
		margin-right: 25px;
	}
	.pilot-plane-can-fly-item span:nth-child(2) {
		max-width: 70px;
		margin-left: 10px;
	}
	.pilot-plane-can-fly-item span:nth-child(3) {
		max-width: 70px;
		margin-left: 10px;
	}
	.pilot-plane-can-fly-item span:nth-child(4) {
		max-width: 70px;
		margin-left: 10px;
	}
/* --- /Pilot Page --- */


/* --- Airport Page --- */
	#div_widget_airport_windy{grid-area: 1 / 1 / 3 / 3;}
	#div_widget_airport_map{grid-area: 1 / 3 / 3 / 6;}
	#div_widget_airport_vac{
		grid-area: 3 / 1 / 4 / 2;
		cursor: pointer;
		transition: 0.2s;
	}
	#div_widget_airport_vac:hover{
		background-color: #2ecc71;
	}
/* --- /Airport Page --- */


/* --- User params Page --- */
	.button_put_pilot_infos{
		background-color: #4CAF50;
		color: white;
		padding: 12px 20px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		margin-top: 20px;
		margin-left: 50%;
		transform: translateX(-50%);
	}
	.div_pilot_infos{
		background-color: var(--font-light, white);
		border: 1px solid #ddd;
		border-radius: 5px;
		color: var(--font-dark, black);
		-webkit-box-shadow: 0.2px 0px 13px 0px rgba(80,80,80,0.05); 
		box-shadow: 0.2px 0px 13px 0px rgba(80,80,80,0.05);
		padding: 20px;
	}
	#user_config{grid-area: 1 / 2 / 3 / 3; min-width: 300px;}
	#password_config{grid-area: 1 / 3 / 2 / 4; min-width: 300px;}
	#logout_div{
		grid-area: 2 / 3 / 3 / 4; 
		min-width: 300px;
		background-color: #c0392b;
		font-size: 1.2em;
		font-weight: 700;
		color: white;
		cursor: pointer;
	}
	#user_picture_config {
		grid-area: 1 / 1 / 2 / 2;
		width: 250px;
		height: 250px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		margin-right: 40px;
		border-radius: 50%;
		background-color: var(--font-dark, black);
	}

	#img_user_picture_config {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 50%;
	}

	#div_modify_pilot_picture {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 50%;
		background-color: rgba(0, 0, 0, 0.0);
		transition: 0.5s;
		cursor: pointer;
	}

	#div_modify_pilot_picture:hover {
		background-color: rgba(0, 0, 0, 0.5);
	}

	#button_modify_pilot_picture {
		position: absolute;
		top: 95%;
		left: 50%;
		transform: translateX(-50%);
		cursor: pointer;
		font-size: 1em;
		font-weight: 400;
	}
	#button_delete_pilot_picture{
		position: absolute;
		top: 112%;
		left: 50%;
		transform: translateX(-50%);
		cursor: pointer;
		font-size: 0.8em;
		font-weight: 400;
	}
    /* Cacher l'élément d'entrée de fichier */
    #input_file {
      display: none;
    }
/* --- /User params Page --- */
	

/* --- Pilots Page --- */
	#pilots_list{
		display: grid; 
		grid-template-columns: repeat(8, 1fr); 
		grid-template-rows: repeat(7, 1fr); 
		grid-column-gap: 30px;
		grid-row-gap: 40px; 
	}
	.pilote {
		display: flex;
		flex-direction: column;
		align-items: center;
		min-width: 150px;
		font-size: 14px;
		position: relative;
	}
	.pilote-icon {
		width: 70px;
		height: 70px;
		background-color: var(--font-dark, black);
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 5px;
		cursor: pointer;
	}
	.pilote-name {
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		color: var(--font-dark, black);
		font-weight: 500;
		max-width: 100%;
	}
	.img-pilote-icon{
		height: 100%;
		width: 100%;
		object-fit: cover;
		border-radius: 50%;
	}
	.pilot_user_indicator{
		height: 10px;
		width: 10px;
		border-radius: 50%;
		background-color: #2ecc71;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(+35px);
	}
	.pilot_user_indicator_bis{
		height: 10px;
		width: 10px;
		border-radius: 50%;
		background-color: #2ecc71;
		position: relative;
		margin-left: 10px;
		margin-bottom: 7px;
		display: inline-block;
	}
	#print_inactive_pilots{
		position: absolute;
		right: 60px;
		cursor: pointer;
		background-color: var(--font-dark, black);
	 	color: white;
		padding: 5px 13px;
		line-height: 0;
		border: none;
		border-radius: 30px;
		transition: 0.3s;
	}
	#print_inactive_pilots:hover{
		background-color: #45a049;
	}

	#change_all_pilots_view_button{
		cursor: pointer;
		position: absolute;
		right: 0px;
		cursor: pointer;
		padding: 5px 13px;
		line-height: 0;
		border: none;
		border-radius: 30px;
		transition: 0.3s;
	}		

	#div_big_widget_pilot_statistics_flex{
		grid-template-columns: repeat(4, 1fr); 
		grid-column-gap: 20px;
		grid-row-gap: 20px; 
		display: grid;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 25px;
		margin-top: 15px;
	}
	#div_pilot_flights_statistics_table{
		position: relative;
		grid-area: 2 / 1 / 3 / 3;
		background-color: white;
		border-radius: 15px;
	}
	#table_widget_pilot_statistics{
		height: 90%;
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	#div_pilot_flights_statistics_nb_hours_by_plane_table{
		position: relative;
		grid-area: 2 / 3 / 3 / 5;
		background-color: white;
		border-radius: 15px;
	}
	#table_widget_pilot_nb_hours_by_plane {
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	#div_pilot_flights_statistics_graph_container{
		grid-area: 1 / 1 / 2 / 5;
		position: relative;
		background-color: white;
		border-radius: 15px;
		height: auto;
		padding: 20px;
		display: flex;
		font-weight: 500;
		gap: 10px;
		width: calc(100% - 40px);
		overflow-y: scroll;
	}
	#div_pilot_flights_statistics_graph{
		width: 100%;
		white-space: nowrap;
		display: flex;
		align-items: flex-end;
		height: 100%;
		min-width: 760px;
	}	
	.div_pilot_flights_statistics_graph_month{
		position: relative;
		height: 400px;
		width: 100%;
		margin-left: 10px;
		margin-right: 10px;
		display: inline-block;
	}
	.div_pilot_flights_statistics_graph_month_bar{
		position: absolute;
		margin-bottom: 20px;
		bottom: 0;
		height: 0%;
		width: 100%;
		transition: 0.5s;
		background-color: #2ecc71;
		border-bottom: 3px solid #191530;
	}
	.div_pilot_flights_statistics_graph_month_bar_0 {
		background-color: #3498db; /* année précédente */
		left: 0;
	}
	.div_pilot_flights_statistics_graph_month_bar_1 {
		background-color: #e67e22; /* année en cours */
		right: 0;
	}
	.div_pilot_flights_statistics_graph_month_title{
		position: absolute;
		bottom: 0;
		margin: 0;
		font-size: 0.7em;
		font-weight: 600;
		text-align: center;
		left: 50%;
		transform: translateX(-50%);
	}
/* --- /Pilots Page --- */


/* --- Settings Page --- */
	#div_settings_menu{
		background-color: var(--menu-bar, white);
		border-radius: 15px;
		position: absolute;
		top: 0;
		left: 0;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	.div_settings_menu_item{
		cursor: pointer;
		width: 150px;
		height: 20px;
		border-radius: 15px;
		padding: 5px;
		margin-bottom: 5px;
		color: var(--font-dark, black);
		transition: 0.4s;
	}
	.div_settings_menu_item:hover{
		color: #45a049;
	}
	.p_settings_menu_item_text{
		font-weight: 600;
		padding: 0;
		margin: 0;
	}
	.div_settings{
		background-color: var(--menu-bar, white);
		color: var(--font-dark, black);
		border-radius: 15px;
		position: relative;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 20px;
		grid-area: 1 / 1 / 2 / 6;
		margin-left: 230px;
	}
	.input_settings{
		width: 300px;
	}
	.btn_update_settings{
		width: 200px;
		background-color: var(--font-dark, black);
		color: var(--menu-bar, white);
		cursor: pointer;
	}
	.btn_update_admins{
		width: 200px;
		background-color: var(--font-dark, black);
		color: var(--menu-bar, white);
		cursor: pointer;
	}
	.admin_item{
		width: 400px;
		height: 20px;
		border-radius: 15px;
		border: 3px solid var(--font-dark, black);
		padding: 10px;
		font-size: 1em;
		font-weight: 600;
		margin-bottom: 10px;
		display: flex;
		justify-content: space-between;
	}
	.admin_item span {
		text-align: left;
	}
	.admin_item span:nth-child(1) {
		width: 60%;
	}
	.admin_item span:nth-child(2) {
		width: 30%;
	}
	.admin_item span:nth-child(3) {
		width: 10%;
	}

	.div_flight_rules-item {
		display: flex;
		justify-content: space-between;
		padding: 12px;
		border-bottom: 1px solid #ccc;
	}
	.div_flight_rules-item span {
		flex: 1;
		text-align: center;
		cursor: pointer;
	}
	.div_flight_rules-item span:nth-child(1) {
		max-width: 70px;
		margin-right: 25px;
	}
	.div_flight_rules-item span:nth-child(2) {
		width: auto;
		margin-left: 10px;
	}

	.div_settings_general_flight_rules_div{
		background-color: #191530;
		color: white;
		border-radius: 15px;
		padding: 15px;
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.training_item{
		width: 400px;
		height: 20px;
		border-radius: 15px;
		border: 3px solid var(--font-dark, black);
		padding: 10px;
		font-size: 1em;
		font-weight: 600;
		margin-bottom: 10px;
		display: flex;
		justify-content: space-between;
		cursor: pointer;
		transition: 0.3s;
	}
	.training_item:hover{
		background-color: #191530;
		color: white;
	}
	.training_item span {
		text-align: left;
	}
	.training_item span:nth-child(1) {
		width: 90%;
	}
	.training_item span:nth-child(2) {
		width: 10%;
	}
	.traning_step_item{
		min-width: 300px;
		height: 20px;
		border-radius: 15px;
		border: 3px solid var(--font-dark, black);
		padding: 10px;
		font-size: 1em;
		font-weight: 600;
		margin-bottom: 10px;
		display: flex;
		justify-content: space-between;
		cursor: pointer;
	}
	.traning_step_item span {
		text-align: left;
	}
	.traning_step_item span:nth-child(1) {
		width: 10%;
	}
	.traning_step_item span:nth-child(2) {
		width: 80%;
	}
	.traning_step_item span:nth-child(3) {
		width: 5%;
	}
	.traning_step_item span:nth-child(4) {
		width: 5%;
	}
	.traning_step_header{
		min-width: 300px;
		height: 20px;
		border-radius: 15px;
		border: 3px solid var(--font-dark, black);
		padding: 10px;
		font-size: 1em;
		font-weight: 600;
		margin-bottom: 10px;
		display: flex;
		justify-content: space-between;
		cursor: pointer;
	}
	.traning_step_header span {
		text-align: left;
	}
	.traning_step_header span:nth-child(1) {
		width: 10%;
	}
	.traning_step_header span:nth-child(2) {
		width: 65%;
	}
	.traning_step_header span:nth-child(3) {
		width: 5%;
	}
	.traning_step_header span:nth-child(4) {
		width: 5%;
	}
	.traning_step_header span:nth-child(5) {
		width: 5%;
	}
	.step_number_input{
		height: 25px;
		width: 45px;
		margin-top: -2.5px;
	}
	.step_title_input{
		height: 25px;
		width: 75%;
		margin-top: -2.5px;
	}
	.step_checkbox_istitle_input{
		height: 30px;
		width: 30px;
		margin-top: -4px;
	}
	.step_checkbox_issubtitle_input{
		height: 30px;
		width: 30px;
		margin-top: -4px;
	}
	.step_delete{
		border-radius: 5px;
		background-color: none;
		transition: 0.4s;
	}
	.step_delete:hover{
		background-color: #408df7;
	}

	#div_settings_plan{
		display: flex;
	}
	.div_settings_plan_description{
		background-color: #0055f9;
		color: var(--menu-bar, white);
		border-radius: 15px;
		position: relative;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 20px;
		padding-top: 10px;
		max-width: 300px;
		min-width: 200px;
		left: 50%;
		transform: translateX(-50%);
	}
	.text_settings_export{
		cursor: pointer;
		padding: 10px;
		padding-left: 15px;
		background-color: var(--font-dark, black);
		color: var(--menu-bar, white);
		border-radius: 20px;
		text-align: center;
		max-width: 500px;
	}

	#send_message_settings_support_input{
		height: 300px;
		width: 100%;
		border-radius: 10px;
	}
	#send_message_settings_support_button{
		cursor: pointer;
		padding: 10px;
		padding-left: 15px;
		background-color: rgb(0, 85, 249);
		color: var(--menu-bar, white);
		border-radius: 10px;
		text-align: center;
		max-width: 100px;
		transition: 0.4s;
		font-size: 1em;
	}
	#send_message_settings_support_button:hover{
		background-color: rgb(0, 64, 249);
	}

	.form_availability_settings{
		margin-left: 20px;
	}
	.button_add_availability_settings{
		margin-bottom: 30px;
	}
	.button_put_availability_settings{
		width: 90px;
		display: inline;
		margin-left: 5px;
		margin-right: 5px;
	}
	.btn_availabilities_settings{
		width: 200px;
		background-color: var(--font-dark, black);
		color: var(--menu-bar, white);
		cursor: pointer;
		display: inline;
	}
	.btn_availabilities_settings:hover{
		background-color: #45a049;
	}

	#div_settings_files_container{
		display: grid;
		overflow: auto;
		grid-template-columns: repeat(4, 1fr);
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}


	#div_school_qualifications_list_container{
		grid-area: 1 / 3 / 2 / 6;
		background-color: white;
		border-radius: 15px;
		padding: 15px;
		position: relative;
		height: 200px;
	}
	#div_school_qualifications_list{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		margin-top: 50px;
		grid-row-gap: 15px;
		overflow: auto;
		position: relative;
		max-height: 150px;
		overflow: auto;
	}
	#div_school_licenses_list_container{
		grid-area: 1 / 1 / 2 / 3;
		background-color: white;
		border-radius: 15px;
		padding: 15px;
		position: relative;
		height: 200px;
	}
	#div_school_licenses_list{
		position: relative;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		margin-top: 50px;
		grid-row-gap: 15px;
		overflow: auto;
		max-height: 150px;
		overflow: auto;
	}
	#div_school_contributions_list_container{
		grid-area: 2 / 1 / 3 / 6;
		background-color: white;
		border-radius: 15px;
		padding: 15px;
		position: relative;
		height: 200px;
	}
	#div_school_contributions_list{
		position: relative;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		margin-top: 50px;
		grid-row-gap: 15px;
		overflow: auto;
		max-height: 150px;
		overflow: auto;
	}
	#div_school_generics_files_list{
		grid-area: 3 / 1 / 3 / 6;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		width: 100%;
		overflow: auto;
	}


	#div_school_files_others_documents{
		background-color: var(--bk-color, grey);
	}

	#div_school_custom_files_templates{
		background-color: var(--bk-color, grey);
	}

	.div_custom_file_template_generate_button{
		height: 20px;
		max-width: 170px;
		min-width: 120px;
		background-color: #4CAF50;
		color: var(--font-light, white);
		border-radius: 30px;
		font-weight: 600;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 7px;
		cursor: pointer;
		transition: 0.2s;
		margin: auto;
	}

	.div_add_button{
		position: absolute;
		right: 10px;
		margin-top: 0;
		top: 10px;
		height: 30px;
		width: 30px;
		cursor: pointer;
	}

	.display_settings_plane_item{
		height: 20px;
		border-radius: 15px;
		border: 3px solid var(--font-dark, black);
		padding: 10px;
		font-size: 1em;
		font-weight: 600;
		margin-bottom: 10px;
		display: flex;
		justify-content: space-between;
		cursor: pointer;
		transition: 0.3s;
	}
	.display_settings_plane_item span {
		text-align: left;
	}
	.display_settings_plane_item span:nth-child(1) {
		width: 30px;
	}
	.display_settings_plane_item span:nth-child(2) {
		width: auto;
		margin-right: auto;
		margin-left: 5px;
	}
	.display_settings_plane_item span:nth-child(3) {
		width: 90px;
		text-align: -webkit-center;
	}
	.display_settings_plane_item span:nth-child(4) {
		width: 60px;
		text-align: -webkit-center;
	}
	.display_settings_plane_item span:nth-child(5) {
		width: 50px;
	}
	.display_settings_plane_item span:nth-child(5) {
		width: 50px;
	}
	.display_settings_plane_item span:nth-child(6) {
		width: 50px;
	}


	#div_display_settings_planes_header{
		height: 20px;
		border-radius: 15px;
		border: 3px solid var(--font-dark, black);
		padding: 10px;
		font-size: 1em;
		font-weight: 600;
		margin-bottom: 10px;
		display: flex;
		justify-content: space-between;
		cursor: pointer;
		transition: 0.3s;
	}
	#div_display_settings_planes_header span {
		text-align: left;
	}
	#div_display_settings_planes_header span:nth-child(1) {
		width: 30px;
	}
	#div_display_settings_planes_header span:nth-child(2) {
		width: auto;
		margin-right: auto;
		margin-left: 5px;
	}
	#div_display_settings_planes_header span:nth-child(3) {
		width: 90px;
	}
	#div_display_settings_planes_header span:nth-child(4) {
		width: 60px;
	}
	#div_display_settings_planes_header span:nth-child(5) {
		width: 50px;
	}
	#div_display_settings_planes_header span:nth-child(6) {
		width: 50px;
	}

	.display_settings_instructor_item{
		height: 20px;
		border-radius: 15px;
		border: 3px solid var(--font-dark, black);
		padding: 10px;
		font-size: 1em;
		font-weight: 600;
		margin-bottom: 10px;
		display: flex;
		justify-content: space-between;
		cursor: pointer;
		transition: 0.3s;
	}
	.display_settings_instructor_item span {
		text-align: left;
	}
	.display_settings_instructor_item span:nth-child(1) {
		width: 30px;
	}
	.display_settings_instructor_item span:nth-child(2) {
		width: auto;
		margin-right: auto;
		margin-left: 5px;
	}
	.display_settings_instructor_item span:nth-child(3) {
		width: 90px;
		text-align: -webkit-center;
	}
	.display_settings_instructor_item span:nth-child(4) {
		width: 60px;
		text-align: -webkit-center;
	}
	.display_settings_instructor_item span:nth-child(5) {
		width: 50px;
	}
	.display_settings_instructor_item span:nth-child(6) {
		width: 50px;
	}


	#div_settings_plan_invoice_transactions_container{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
	#div_settings_plan_invoices {
		display: block;
	}
	#div_settings_plan_invoices_list{
		overflow: auto;
		max-height: 350px;
	}
	.plan_invoice_item {
		display: flex;
		justify-content: space-between;
		padding: 12px;
		border-bottom: 1px solid #ccc;
		background-color: var(--bk-color, grey);
		border-radius: 15px;
		margin-bottom: 10px;
		border: none;
		font-weight: 600;
		cursor: pointer;
	}
	.plan_invoice_item span {
		text-align: left;
	}
	.plan_invoice_item span:nth-child(1) {
		width: 150px;
	}
	.plan_invoice_item span:nth-child(2) {
		width: 200px;
	}
	.plan_invoice_item span:nth-child(3) {
		width: 200px;
	}
	.plan_invoice_item span:nth-child(4) {
		width: 150px;
		margin-left: auto;
	}

	#div_settings_plan_transactions {
		display: block;
	}
	#div_settings_plan_transactions_list{
		overflow: auto;
		max-height: 350px;
	}
	.plan_transaction_item {
		display: flex;
		justify-content: space-between;
		padding: 12px;
		border-bottom: 1px solid #ccc;
		background-color: var(--bk-color, grey);
		border-radius: 15px;
		margin-bottom: 10px;
		border: none;
		font-weight: 600;
		cursor: pointer;
	}
	.plan_transaction_item span {
		text-align: left;
	}
	.plan_transaction_item span:nth-child(1) {
		width: 150px;
	}
	.plan_transaction_item span:nth-child(2) {
		width: 200px;
	}
	.plan_transaction_item span:nth-child(3) {
		width: 150px;
		margin-left: auto;
	}
	
/* --- /Settings Page --- */


/* --- Create New Flight Page --- */
	.div_create_new_flight_container{
		background-color: var(--menu-bar, white);
		border-radius: 15px;
		color: var(--font-dark, black);
		-webkit-box-shadow: 0.2px 0px 13px 0px rgba(80,80,80,0.05); 
		box-shadow: 0.2px 0px 13px 0px rgba(80,80,80,0.05);
	  	overflow-y: auto;
	  	padding-left: 30px;
	  	padding-right: 30px;
	  	grid-area: 1 / 2 / 6 / 5;
	  	min-width: 350px;
	}
	.search-container {
		position: relative;
		display: inline-block;
		width: 100%;
	}
	#piloteList {
		position: absolute;
		z-index: 1;
		top: 100%;
		left: -15px;
		width: 100%;
		background-color: var(--font-dark, black);
		color: var(--menu-bar, white);
		border-radius: 15px;
		border-top: none;
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 0;
		list-style-type: none;
	}
	#piloteList li {
		padding: 12px 12px;
		cursor: pointer;
	}

	#piloteList li:hover {
		background-color: #d2d2d2;
	}

	#piloteFilterList{
		position: absolute;
		z-index: 1;
		top: 100%;
		left: -15px;
		width: 100%;
		background-color: var(--font-dark, black);
		color: var(--menu-bar, white);
		border-radius: 15px;
		border-top: none;
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 0;
		list-style-type: none;
	}
	#piloteFilterList li {
		padding: 12px 12px;
		cursor: pointer;
	}

	#piloteFilterList li:hover {
		background-color: #d2d2d2;
	}

	#update_pilot_list {
		position: absolute;
		z-index: 1;
		top: 110px;
		left: -15px;
		width: 100%;
		background-color: var(--font-dark, black);
		color: var(--menu-bar, white);
		border-radius: 15px;
		border-top: none;
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 0;
		list-style-type: none;
	}
	#update_pilot_list li {
		padding: 12px 12px;
		cursor: pointer;
	}

	#update_pilot_list li:hover {
		background-color: #d2d2d2;
	}

	.p_engine_hours_motor_indicator_text{
		display: inline;
		width: 120px;
	}
	#p_engine_right_hours_motor_before_indicator_text{
		margin-right: 22px;
	}
	#p_engine_right_hours_motor_after_indicator_text{
		margin-right: 22px;
	}
	.input_engine_hours{
		width: 30%;
		display: inline-block;
		padding: 8px;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
		margin-bottom: 20px;
	}
	.input_flight_hours{
		width: 100%;
		display: inline-block;
		padding: 8px;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
		margin-bottom: 20px;
	}
	#button_send_new_x{
		background-color: #4CAF50;
	 	color: white;
		padding: 12px 20px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		margin-top: 20px;
		margin-bottom: 30px;
		margin-left: 50%;
		transform: translateX(-50%);
	}
	#button_send_new_x:hover{
		background-color: #45a049;
	}
	.button_send_new_x{
		background-color: #4CAF50;
	 	color: white;
		padding: 12px 20px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		margin-top: 20px;
		margin-bottom: 30px;
		margin-left: 50%;
		transform: translateX(-50%);
	}
	.button_send_new_x:hover{
		background-color: #45a049;
	}
	.error {
	  color: red;
	  font-weight: bold;
	  margin-bottom: 10px;
	}
	.signature-container {
	  position: relative;
	  width: 100%;
	  max-width: 500px;
	  height: 200px;
	  margin: 20px auto;
	  box-sizing: border-box;
	  background-color: var(--font-light, white);
	  padding: 25px;
	  border-radius: 15px;
	}


	#signature-pad{
		width: 100%;
		height: 100%;
	}	

	.signature-buttons {
	  position: absolute;
	  bottom: 0;
	  right: 0;
	  margin-left: 10px;
	  font-size: 16px;
	  font-weight: 500;
	  border-radius: 5px;
	  padding: 5px 10px;
	  cursor: pointer;
	}
	.selecteur_nature_vol_container {
	  display: flex;
	  justify-content: space-between;
	  margin-bottom: 50px;
	}

	.selecteur_meteo_container {
	  display: flex;
	  justify-content: space-between;
	  margin-bottom: 50px;
	}

	.selecteur_evaluation_container {
	  display: flex;
	  justify-content: space-between;
	  margin-bottom: 50px;
	}

	.selecteur_nature_vol {
	  position: relative;
	  width: 5rem;
	  height: 5rem;
	  background-color: var(--font-dark, black);
	  border-radius: 0.5rem;
	  cursor: pointer;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}
	.selecteur_meteo {
	  position: relative;
	  width: 5rem;
	  height: 5rem;
	  background-color: var(--font-dark, black);
	  border-radius: 0.5rem;
	  cursor: pointer;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}

	.selecteur_evaluation {
	  position: relative;
	  width: 5rem;
	  height: 5rem;
	  background-color: var(--font-dark, black);
	  border-radius: 0.5rem;
	  cursor: pointer;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}

	.selecteur_nature_vol img {
	  width: 3rem;
	  height: 3rem;
	}

	.selecteur_nature_vol.selected {
	  background-color: #2ecc71;
	}

	.selecteur_meteo img {
	  width: 3rem;
	  height: 3rem;
	}

	.selecteur_meteo.selected {
	  background-color: #48cd66;
	}

	.selecteur_evaluation img {
	  width: 3rem;
	  height: 3rem;
	}

	.selecteur-A.selected {
	  background-color: #2ecc71;
	}
	.selecteur-B.selected {
	  background-color: #f1c40f;
	}
	.selecteur-C.selected {
	  background-color: #e67e22;
	}
	.selecteur-D.selected {
	  background-color: #c0392b;
	}

	.selecteur-cavok.selected {
	  background-color: #2ecc71;
	}
	.selecteur-moyen.selected {
	  background-color: #f1c40f;
	}
	.selecteur-difficile.selected {
	  background-color: #e67e22;
	}
	.selecteur-vent.selected {
	  background-color: #c0392b;
	}
	.selecteur-vent-face.selected {
	  background-color: #f1c40f;
	}
	.selecteur-vent-travers.selected {
	  background-color: #c0392b;
	}

	.texte_selecteur {
	  position: absolute;
	  bottom: -30px;
	  left: 50%;
	  transform: translateX(-50%);
	  font-size: 1em;
	  font-weight: 500;
	  text-align: center;
	}

	#apprentissage-fields{
		margin-top: 50px;
	}

	.p_sub_label_create_new_flight{
		margin-top: 5px;
		margin-bottom: 5px;
		font-weight: 500;
	}


	table {
		border-collapse: collapse;
		width: 100%;
		max-width: 800px;
		margin: 20px auto;
	}
	th, td {
		border: 3px solid #191530;
		padding: 8px;
	}
	th {
		background-color: #ddd;
	}
	.check {
		display: inline-block;
		width: 20px;
		height: 20px;
		margin-right: 10px;
		border: 1px solid black;
		vertical-align: middle;
		cursor: pointer;
	}

	#acquired_fields_button{
		background-color: var(--font-dark, black);
		color: white;
		padding: 12px 20px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		margin-top: 40px;
		margin-bottom: 30px;
		margin-left: 50%;
		transform: translateX(-50%);
		text-align: center;
	}

	#div_airports_create_new_flight{
		border-left: 5px solid #191530;
	}

	.div_point_airport_create_new_flight{
		position: absolute;
		top: 5px;
		left: -12.5px;
		height: 20px;
		width: 20px;
		border-radius: 50%;
		background-color: #191530;
	}

	.div_point_2_airport_create_new_flight{
		position: absolute;
		top: 0px;
		left: -32.5px;
		height: 20px;
		width: 20px;
		border-radius: 50%;
		background-color: #191530;
	}
	.div_select_mvt_airport_create_new_flight{
		position: absolute;
		top: 0px;
		right: 30px;
		height: 20px;
		width: 130px;
		margin-top: 20px;
		margin-bottom: 0;
	}
/* --- /Create New Flight Page --- */


/* --- Calendar Page --- */
	#calendar_scroll_wrapper {
		position: absolute;
		top: 100px;
		left: 0px;
		right: 0;
		bottom: 0;
		overflow: auto;          /* scroll horizontal + vertical */
		border-radius: 15px;
	}

	#calendar_container{
		position: relative;
		background-color: #F5F5F5;
		border-radius: 15px;
		display: grid; 
		grid-template-columns: 0.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	}
	#div_time_sunset_sunrise_container{
		position: absolute;
		top: 57.5px;
		left: 0;
		width: 100%;
		height: 35px;
	}
	#div_time_sunrise_image{
		position: absolute;
		top: 0;
		left: 105px;
		height: 100%;
	}
	#div_time_sunset_image{
		position: absolute;
		top: 0;
		right: 105px;
		height: 100%;
	}
	.img_time_sunset_sunrise{
		height: 100%;
		width: auto;
		position: relative;
	}
	.p_time_sunset_sunrise{
		position: absolute;
		top: 0;
		line-height: 35px;
		margin-top: 0;
		font-weight: 600;
		font-size: 1.2em;
	}
	#p_time_aviation_sunrise{
		left: 40px;
	}
	#p_time_sunrise{
		left: 150px;
	}
	#p_time_sunset{
		right: 150px;
	}
	#p_time_aviation_sunset{
		right: 40px;
	}
	

	.slot_item {
		text-align: center;
		cursor: pointer;
		position: relative;
		background-color: #c8c8c8;
	}
	.slot_item:hover{
		background-color: #7391A1;
	}

	.slot_bis_item{
		text-align: center;
		cursor: pointer;
		position: relative;
		background-color: #c8c8c8;
		min-width: 15px;
		border: 0.1px solid rgba(0,0,0,0.1);
	}
	.slot_bis_item:hover{
		background-color: #7391A1;
	}

	/* Style de l'en-tête */
	.slot_header {
		text-align: center;
		font-weight: bold;
		background-color: #191530;
		padding-top: 25px;
		padding-bottom: 30px;
		color: #F5F5F5;
		position: sticky;
		top: 0;
		z-index: 20;
	}

	.hour_item{
		font-weight: bold;
		background-color: #191530;
		height: 45px;
		padding-top: 10px;
		text-align: center;
		font-weight: bold;
		color: #F5F5F5;
		border-bottom: 2px solid white;
	}

	.hour_bis_item{
		position: sticky;
		top: 0;
		z-index: 30;
		font-weight: bold;
		background-color: #191530;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		font-weight: bold;
		color: #F5F5F5;
		border-left: 1px solid #F5F5F5;
	}

	.ressource_item{
		position: sticky;
		left: 0;
		z-index: 20;
		font-weight: bold;
		background-color: #191530;
		padding-top: 12px;
		padding-bottom: 12px;
		text-align: center;
		font-weight: bold;
		color: #F5F5F5;
		border-bottom: 1px solid #F5F5F5;
		min-width: 150px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.first_item{
		background-color: #191530;
		position: sticky;
		top: 0;
		z-index: 1;
	}

	.first_bis_item{
		background-color: #191530;
		position: sticky;
		top: 0;
		left: 0;
		z-index: 40;
		border-bottom: 1px solid #F5F5F5;
	}

	.slot_div{
		position: relative;
		background-color: #164863;
		border-radius: 10px;
		margin-right: 15px;
		cursor: pointer;
		color: white;
		display: flex;
		align-content: baseline;
		flex-wrap: wrap;
	}

	.slot_overview {
		position: absolute;
		z-index: 999; 
		background: rgba(0,0,0,0.8);
		color: #fff;
		padding: 6px 10px;
		border-radius: 4px;
		top: 0;      
		left: 50%; 
		transform: translateX(-50%);
		width: 150px;
		font-size: 0.9em;
		pointer-events: none;
	}
	  

	.slot_unavaibility_div{
		position: relative;
		background-color: rgba(200, 20, 20, 0.7);
		border-radius: 10px;
		margin-right: 15px;
		cursor: pointer;
		color: white;
	}


	.slot_title{
		font-size: 0.7em;
		font-weight: 600;
		margin: 5px 5px;
		margin-bottom: 0px;
	}

	.slot_subtitle{
		position: absolute;
		top: 25px;
		left: 5px;
		font-size: 0.8em;
		font-weight: 500;
	}

	.slot_date_text{
		display: block;
		font-size: 0.8em;
		font-weight: 700;
		margin: 5px 5px;
	}

	.week_button_calendar{
		position: absolute;
		height: 50px;
		background-color: #191530;
		border-radius: 10px;
		color: white;
		top: 0;
		cursor: pointer;
		line-height: 0;
		border: none;
		transition: 0.3s;
	}
	.week_button_calendar:hover{
		background-color: #45a049;
	}

	#previous_week_button{
		left: 35px;
		width: 40px;
		transform: translateX(0%);
	}
	#previous_week_button_2{
		left: 0;
		width: 30px;
		transform: translateX(0%);
	}
	#today_week_button{
		left: 80px;
		width: 130px;
		transform: translateX(0%);
	}
	#next_week_button{
		left: 215px;
		width: 40px;
		transform: translateX(0%);
	}
	#next_week_button_2{
		left: 260px;
		width: 30px;
		transform: translateX(0%);
	}

	#week_displayed{
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		font-weight: 700;
		font-size: 1.5em;
		margin-top: 0;
	}
	#day_displayed{
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		font-weight: 700;
		font-size: 1.5em;
		margin-top: 0;
	}
	.img_week_button_calendar{
		position: absolute;
		top: 25%;
		height: 50%;
		width: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	#print_create_new_slot{
		position: absolute;
		right: 0;
		width: 40px;
		height: 40px;
		cursor: pointer;
		background-color: rgb(0, 85, 249);
		border: none;
		border-radius: 15px;
		transition: 0.3s;
		font-weight: 700;
	}
	#img_add_calendar_slot{
		position: absolute;
		top: 25%;
		height: 50%;
		width: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	#print_filters{
		position: absolute;
		right: 50px;
		height: 40px;
		line-height: 40px;
		padding-left: 15px;
		padding-right: 15px;
		cursor: pointer;
		text-align: center;
		background-color: var(--font-dark, black);
		color: white;
		font-size: 0.8em;
		border: none;
		border-radius: 15px;
		transition: 0.3s;
		font-weight: 700;
	}
	#print_filters:hover{
		background-color: #45a049;
	}

	#div_all_slots_button{
		position: absolute;
		right: 130px;
		height: 40px;
		line-height: 40px;
		padding-left: 15px;
		padding-right: 15px;
		cursor: pointer;
		text-align: center;
		background-color: var(--font-dark, black);
		color: white;
		font-size: 0.8em;
		border: none;
		border-radius: 15px;
		transition: 0.3s;
		font-weight: 700;
	}
	#div_all_slots_button:hover{
		background-color: #45a049;
	}

	.new_slot_type_selector_container {
		display: flex;
		justify-content: space-between;
		margin-bottom: 50px;
	}
	.slot_type_selector {
		position: relative;
		width: 4rem;
		height: 4rem;
		background-color: var(--font-dark, black);
		border-radius: 0.5rem;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.slot_type_selector_text {
		position: absolute;
		bottom: -30px;
		left: 50%;
		transform: translateX(-50%);
		font-size: 0.8em;
		font-weight: 500;
		text-align: center;
	}
	.slot_type_selector_img{
		position: absolute;
		top: 20%;
		height: 60%;
		width: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	.slot_type_selector.selected {
	background-color: #2ecc71;
	}
	#new_slot_pilot_fields {
		position: relative;
		display: inline-block;
		width: 100%;
	}

	#div_update_slot_pilot {
		position: relative;
		display: block;
		width: 100%;
	}

	#div_filters_calendar{
		position: absolute;
		top: 100px;
		height: 200px;
		left: 0px;
		width: 100px;
		border-radius: 15px;
		padding: 10px;
		font-size: 0.7em;
		overflow: auto;
		background-color: #191530;
		color: white;
		z-index: 99;
	}

	.hidden-column {
		display: none;
	}

	#div_pilot_slot_list{
		display: grid;
		width: 100%;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 10px;
		overflow: hidden;
	}

	#div_update_pilot_slot_list{
		display: grid;
		width: 100%;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 10px;
		overflow: hidden;
	}

	.pilot_list_item{
		height: 15px;
		border-radius: 15px;
		border: 3px solid var(--font-dark, black);
		padding: 10px;
		font-size: 0.8em;
		font-weight: 600;
		display: flex;
		justify-content: space-between;
	}
	.pilot_list_item span {
		text-align: left;
	}
	.pilot_list_item span:nth-child(1) {
		width: 90%;
	}
	.pilot_list_item span:nth-child(2) {
		width: 10%;
	}


	
	.update_pilot_list_item{
		height: 15px;
		border-radius: 15px;
		border: 3px solid var(--font-dark, black);
		padding: 10px;
		font-size: 0.8em;
		font-weight: 600;
		display: flex;
		justify-content: space-between;
	}
	.update_pilot_list_item span {
		text-align: left;
	}
	.update_pilot_list_item span:nth-child(1) {
		width: 90%;
	}
	.update_pilot_list_item span:nth-child(2) {
		width: 10%;
	}

	#div_slot_details_state{
		position: relative;
		display: grid;
		grid-row-gap: 10px;
		margin-top: 20px;
		margin-right: 30px;
	}
	#div_slot_details_state_text{
		position: relative;
		display: none;
		background-color: #e67e22;
		border-radius: 15px;
		font-size: 0.9em;
		font-weight: 600;
		color: #191530;
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
		height: 25px;
	}
	#p_slot_state_text{
		margin: 0;
		line-height: 25px;
	}

	#div_slot_details_violation_text{
		position: relative;
		display: none;
		background-color: #ff7979;
		border-radius: 15px;
		font-size: 0.9em;
		font-weight: 600;
		color: #191530;
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
	}
	#p_slot_violation_text{
		margin: 0;
		line-height: 25px;
	}

	#div_settings_general_slot_booking_parameters{
		border-left: 5px solid #191530;
		padding-left: 15px;
	}
/* --- /Calendar Page --- */


/* --- Widget hide background Element --- */
	#div_big_widget_container{
		position: absolute;
		height: 100vh;
		width: 100vw;
		top: 0;
		left: 0;
		z-index: 99;
		display: grid; 
		grid-template-columns: repeat(3, 1fr); 
		grid-template-rows: repeat(3, 1fr); 
		grid-column-gap: 0px;
		grid-row-gap: 0px; 

	}
	.div_big_widget_hidden{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		backdrop-filter: blur(5px);
		background-color: rgba(0, 0, 0, 0.3);
	}
	.div_big_widget{
		position: relative;
		grid-area: 2 / 2 / 3 / 3;
		background-color: var(--font-light, white);
		border-radius: 15px;
		min-width: 350px;
		overflow: auto;
	}
	.close_big_widget{
		position: absolute;
		top: 10px;
		right: 10px;
		height: 40px;
		width: 40px;
		cursor: pointer;
		z-index: 100;
	}
/* --- /Widget hide background Element --- */


/* --- Loading Page background Element --- */
	#div_loading_container{
		position: absolute;
		height: 100vh;
		width: 100vw;
		top: 0;
		left: 0;
		display: grid; 
		grid-template-columns: repeat(3, 1fr); 
		grid-template-rows: repeat(3, 1fr); 
		grid-column-gap: 0px;
		grid-row-gap: 0px; 

	}
	#div_loading{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-box-shadow: 0.5px 0px 25px 5px rgba(80,80,80,0.4); 
		box-shadow: 0.5px 0px 25px 5px rgba(80,80,80,0.4);
		height: 200px;
		width: 200px;
		background-color: white;
		border-radius: 15px;
	}
	#img_loading{
		height: 80%;
		width: auto;
		position: absolute;
		top: 15%;
		left: 50%;
		transform: translateX(-50%);
	}
	#text_loading{
		text-align: center;
		font-size: 1.2em;
		font-weight: 600;
		color: white;
		margin-top: 220px;
	}
/* --- /Loading Page background Element --- */




/* --- Baptism pages --- */
	#div_container_baptism_products_list{
		background-color: var(--menu-bar, white);
		color: var(--font-dark, black);
		border-radius: 15px;
		position: relative;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 1px;
		padding-top: 1px;
		height: auto;
		grid-area: 2 / 1 / 6 / 4;
		padding: 25px;
		overflow: auto;
	}

	#button_add_new_product{
		position: absolute;
		top: 20px;
		right: 25px;
		height: 30px;
		width: 150px;
		background-color: var(--font-dark, black);
		color: var(--font-light, white);
		border-radius: 30px;
		font-weight: 600;
		text-align: center;
		padding-top: 10px;
		cursor: pointer;
		transition: 0.2s;
		margin-bottom: 0;
	}
	#button_add_new_product:hover{
		background-color: #2ecc71;
	}

	#div_list_products{
		overflow-x: hidden;
		overflow-y: auto;
	}
	.product-item {
		display: flex;
		justify-content: space-between;
		padding: 12px;
		border-bottom: 1px solid #ccc;
		background-color: var(--bk-color, grey);
		border-radius: 15px;
		margin-bottom: 10px;
		border: none;
		font-weight: 600;
		border-right: 15px solid var(--bk-color, grey);
		cursor: pointer;
		position: relative;
		border-left-width: 15px;
		border-left-style: solid;
	}
	.product-item span {
		text-align: center;
	}
	.product-item span:nth-child(1) {
		width: auto;
		margin-right: 10px;
	}
	.product-item span:nth-child(2) {
		margin-left: auto;
		margin-right: 10px;
		width: max-content
	}
	.product-item span:nth-child(3) {
		width: 100px;
	}
	.div_product_item_status_name {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: -90px;
		font-weight: 600;
		color: white;
	}
	.p_product_item_status_name_text{
		margin: 0;
		padding: 0;
		font-size: 0.9em;
		text-align: center;
	}




@media screen and (min-width: 1125px) and (max-width: 1300px) {
	#div_menu_bar{
		width: 90px;
	}

	.div_menu_bar_inputs{
		margin-top: 35px;
	}
	.p_menu_bar_input_titles{
		display: none;
	}
	.div_container{
		left: 95px;
	}
	.h1_container_title{
		font-size: 1.5em;
	}
	.h2_container_subtitle {
		font-size: 0.9em;
	}
	.div_little_container{
		top: 100px;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
	.p_widget_text{
		font-size: 1em;
	}


	/* --- Plane Page --- */
		#div_plane_maintenance{
			grid-template-columns: repeat(2, 1fr);
			grid-column-gap: 20px;
			grid-row-gap: 20px;
		}
		#div_container_maintenance_infos{
			grid-area: 1 / 1 / 2 / 3;
			min-height: 250px;
		}
		#div_container_list_maintenance_operations{
			grid-area: 2 / 1 / 3 / 3;
			min-height: 250px;
		}
		#div_maintenance_operation_details_container{
			grid-area: 3 / 1 / 4 / 3;
		}
		#button_add_maintenance_operation{
			top: 12.5px;
			height: 25px;
			width: 100px;
			font-size: 0.8em;
		}
	/* --- /Plane Page --- */


	/* --- Message Page --- */
		#button_add_new_message{
			height: 25px;
			width: 100px;
			font-size: 0.8em;
		}
	/* --- /Message Page --- */

	/* --- SGS Page --- */
		#button_add_new_report{
			height: 25px;
			width: 100px;
			font-size: 0.8em;
		}
	/* --- /SGS Page --- */

	/* --- Settings Page --- */
		#div_settings_plan_invoice_transactions_container{
			grid-template-columns: repeat(1, 1fr);
		}
	/* --- /Settings Page --- */
}




@media screen and (max-width: 1125px) {
	/* --- General Style --- */
	body{
		margin: 0;
	}
	.div_container{
		min-width: 300px;
		margin-left: 20px;
		margin-right: 20px;
		left: 0;
		bottom: 80px;
	}
	.div_little_container{
		top: 70px;
		grid-template-columns: repeat(2, 1fr); 
		grid-template-rows: repeat(5, 1fr); 
		grid-column-gap: 20px;
		grid-row-gap: 20px; 
		padding-top: 15px;
	}
	#div_menu_bar {
	    bottom: 0;
	    top: auto;
	    left: 0;
	    width: 100%;
	    height: 80px;
	    display: flex;
	    justify-content: space-around;
	    align-items: center;
	    border-radius: 0;
	    margin: 0;
		border-top: 0.8px solid rgb(220, 220, 220);
	}

	#div_menu_bar_logo {
		display: none;
	}

	.div_menu_bar_inputs {
		margin-top: 0;
		height: 45px;
		width: 45px;
	}
	.p_menu_bar_input_titles {
		display: none;
	}
	#add_new_flight_button{
		margin-bottom: 0px;
	}
	.h1_container_title{
		font-size: 1.2em;
		margin: 0;
	}
	.h2_container_subtitle{
		font-size: 0.8em;
		margin: 0;
	}
	.h2_div_container{
		margin-top: 5px;
		margin-left: 5px;
		margin-bottom: 10px;
	}
	#div_return_button{
		top: 0px;
		height: 35px;
		width: 35px;
	}
	#div_profil_button_bubble{
		height: 40px;
		width: 40px;
		top: 5px;
	}
	label{
		font-size: 1em;
	}
	h2{
		font-size: 1.2em;
	}
	.img_widget_icon{
		height: 20px;
		top: 10px;
	}
	.close_big_widget{
		height: 40px;
		width: 40px;
	}

	#edit_flight_button{
		top: 5px;
		right: 40px;
		height: 40px;
	}
	#img_edit_flight_button{
		height: 80%;
		top: 10%;
	}

	#calendar_button_div{
		top: 5px;
		right: 40px;
		height: 40px;
	}
	#calendar_button_img{
		height: 80%;
		top: 10%;
	}
	#div_info_button{
		top: 5px;
		right: 80px;
		height: 40px;
	}
	#img_info_button{
		height: 80%;
		top: 10%;
	}
	#div_slots_to_validate_button{
		top: 9px;
		right: 100px;
	}
	.div_section{
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
	#div_pilot_files{
		grid-template-columns: repeat(3, 1fr);
	}
	#div_plane_files{
		grid-template-columns: repeat(3, 1fr);
	}
	#div_settings_files{
		grid-template-columns: repeat(4, 1fr);
	}

	#div_school_licenses_list_container{
		grid-area: 1 / 1 / 2 / 6;
	}
	#div_school_qualifications_list_container{
		grid-area: 2 / 1 / 3 / 6;
	}
	#div_school_contributions_list_container{
		grid-area: 3 / 1 / 4 / 6;
	}
	#div_school_generics_files_list{
		grid-area: 4 / 1 / 5 / 6;
	}
	#div_plane_generics_files_list{
		grid-area: 1 / 1 / 2 / 4;
	}
	.div_files_others_documents{
		grid-area: 2 / 1 / 3 / 4;
		grid-template-columns: 190px auto;
	}
	.div_custom_files_templates{
		grid-area: 3 / 1 / 4 / 4;
	}
	.div_custom_files{
		grid-area: 6 / 1 / 7 / 6;
	}
	#div_school_files_others_documents{
		grid-area: 5 / 1 / 6 / 6;
	}
	#div_school_custom_files_templates{
		grid-area: 6 / 1 / 7 / 6;
	}
	.img_control_button{
		height: 40px;
		top: 60px;
	}
	#big_image_pdf {
		max-width: 80%;
		min-width: 80%;
		height: 70%;
	}
	#div_settings_files_container{
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
	.div_files_element{
		min-width: 80px;
		grid-row-gap: 5px;
	}
	.img_div_files{
		max-height: 40px;
		width: 40px;
	}
	.img_div_files_upload_icon{
		top: 5px;
		right: 5px;
		height: 20px
	}
	.div_other_files_element{
		min-width: 80px;
		grid-row-gap: 5px;
	}

	.div_school_custom_file_template_element{
		min-width: 80px;
		grid-row-gap: 5px;
	}

	.div_pilot_custom_file_element{
		min-width: 80px;
		grid-row-gap: 5px;
	}
/* --- /General Style --- */

/* --- Login Page --- */
	#login_container{
		background-color: var(--menu-bar, white);
	}
	#login_div{
		top: 0;
		height: 100%;
		width: 100%;
		max-width: 400px;
		background-color: var(--menu-bar, white);
		-webkit-box-shadow: 0px 0px 0px 0px rgba(80,80,80,0); 
		box-shadow: 0px 0px 0px 0px rgba(80,80,80,0);
		border-radius: 0;
	}
	#login_password_input_div{
		top: 110px;
	}
	#lastname_user_input_div{
		top: 110px;
	}
	#login_flightly_logo_div{
		top: 40px;
		width: 200px;
	}
	#login_flightly_logo_img{
		top: 0;
	}
	#login_inputs_div{
		top: 130px;
	}
	#subscribe_inputs_div{
		top: 130px;
	}
	#login_end_link{
		top: 520px;
	}
/* --- /Login Page --- */


/* --- Home --- */
	#div_widget_home_nb_pilotes{grid-area: 1 / 1 / 2 / 2;}
	#div_widget_home_flotte{grid-area: 1 / 2 / 2 / 3;}
	#div_widget_home_reporting{grid-area: 2 / 1 / 3 / 2;}
	#div_widget_home_nb_heures{grid-area: 4 / 1 / 5 / 3; height: max-content;}
	#div_widget_home_today{grid-area: 2 / 2 / 3 / 3;}
	#div_widget_next_slots{grid-area: 5 / 1 / 6 / 3; height: 150px;}
	#div_widget_home_windy{grid-area: 3 / 1 / 4 / 3; min-height: 300px;}
	#div_widget_home_flightradar24{grid-area: 6 / 1 / 7 / 3;}
/* --- /Home --- */


/* --- Pilot Page --- */
	#div_pilot_management{
		grid-template-columns: repeat(1, 1fr);
		max-width: 400px;
		margin: auto;
	}
	#div_pilot_management_data{
		margin-top: 50px;
	}

	#pilot_picture_config{
		grid-area: 1 / 1 / 2 / 2;
		height: 120px;
		width: 120px;
		margin: auto;
		margin-bottom: 50px;
	}
	#div_nb_vol_instructor{grid-area: 2 / 2 / 3 / 3;}
	#div_widget_nb_heures_pilote{grid-area: 1 / 2 / 2 / 3;}
	#div_pilot_informations{grid-area: 2 / 1 / 3 / 2;}
	#div_widget_solde_pilote{grid-area: 4 / 1 / 5 / 2;}
	#div_widget_frequency{grid-area: 3 / 1 / 4 / 2;}
	#div_widget_time_last_flight{grid-area: 3 / 2 / 4 / 3;}
	#div_widget_link_user{grid-area: 5 / 1 / 6 / 2;}
	#div_widget_training{grid-area: 4 / 2 / 5 / 3;}
	#div_widget_pilot_plane_can_fly{grid-area: 5 / 2 / 6 / 3;}

	.div_container_flights_list{grid-area: 6 / 1 / 7 / 3; overflow: hidden; min-width: 0px; max-width: 100%;}
	.div_container_transactions_list{grid-area: 4 / 1 / 8 / 3; overflow: hidden; min-width: 0px; max-width: 100%;}
	#div_container_school_packs_list{grid-area: 8 / 1 / 9 / 3; overflow: auto; min-width: 400px; min-height: 300px; max-height: 400px;}

	#div_widget_slots_list{min-width: 0; overflow: auto;grid-area: 6 / 1 / 7 / 3;}

	#div_big_widget_training_program{
		margin-left: 20px;
		margin-right: 20px;
		font-size: 0.8em;
		padding-bottom: 20px;
	}

	#div_pilot_training_widgets_container{
		grid-area: 1 / 1 / 2 / 6;
	}
	#div_pilot_training_widget_details{
		grid-area: 2 / 1 / 3 / 6;
	}
	#div_pilot_training_widget_classes{
		grid-area: 3 / 1 / 4 / 6;
	}
	.flight-item{
		font-size: 0.6em;
	}

	#div_little_container_pilots_list{
		padding-top: 80px;
	}
	#print_inactive_pilots{
		margin-top: 25px;
	}
	#change_all_pilots_view_button{
		margin-top: 20px;
	}
	#search_input{
		width: 100%;
	}
	.pilot_user_indicator{
		transform: translateX(+25px);
	}
	#div_pilot_flights_statistics_table{
		grid-area: 2/1/3/3;
	}
	#div_pilot_licenses_list_container{
		grid-area: 1 / 1 / 2 / 6;
	}	
	#div_pilot_qualifications_list_container{
		grid-area: 2 / 1 / 3 / 6;
	}
	#div_pilot_contributions_list_container{
		grid-area: 3 / 1 / 4 / 6;
	}
	#div_pilot_generics_files_list{
		grid-area: 4 / 1 / 5 / 6;
	}
	#div_pilot_files_others_documents{
		grid-area: 5 / 1 / 6 / 6;
	}

	#div_pilot_flights_statistics_table{
		grid-area: 2 / 1 / 3 / 5;
	}
	#div_pilot_flights_statistics_nb_hours_by_plane_table{
		grid-area: 3 / 1 / 4 / 5;
	}

	.div_sub_menu_page_item{
		min-width: 40px;
		font-size: 0.8em;
		padding-left: 10px;
		padding-right: 10px;
	}
	.div_sub_menu_page{
		top: 70px;
	}
	#div_little_container_plane_page{
		top: 150px;
	}
	#div_little_container_pilot_page{
		top: 150px;
	}
/* --- /Pilot Page --- */

/* --- Plane Page --- */
	#plane_picture_config{
		grid-area: 1 / 1 / 2 / 2;
		height: 120px;
		width: 120px;
		margin: auto;
		margin-bottom: 50px;
	}
	#div_plane_management{
		grid-template-columns: repeat(1, 1fr);
	}
	#div_plane_management_data{
		margin-top: 50px;
	}
	#div_widget_plane_status{grid-area: 1 / 2 / 2 / 3;}
	#div_widget_plane_motor{grid-area: 3 / 1 / 4 / 2;}
	#div_widget_plane_location{grid-area: 4 / 1 / 5 / 2;}
	#div_widget_plane_hour_motor{grid-area: 2 / 1 / 3 / 2;}
	#div_widget_plane_gain{grid-area: 2 / 2 / 3 / 3;}
	#div_widget_plane_cost{grid-area: 3 / 2 / 4 / 3;}
	#div_widget_plane_flights{grid-area: 6 / 1 / 7 / 3; max-width: 100%; height: 300px;}
	#div_widget_plane_nb_vol{grid-area: 4 / 2 / 5 / 3;}
	#div_widget_plane_maintenance{grid-area: 5 / 1 / 6 / 2;}
	#div_widget_plane_specs{grid-area: 5 / 2 / 6 / 3;}

	#table_widget_plane_specs{
		width: auto;
	}

	#div_plane_maintenance{
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
	#div_container_maintenance_infos{
		grid-area: 1 / 1 / 2 / 3;
		min-height: 250px;
	}
	#div_container_list_maintenance_operations{
		grid-area: 2 / 1 / 3 / 3;
		min-height: 250px;
	}
	#div_maintenance_operation_details_container{
		grid-area: 3 / 1 / 4 / 3;
	}
	#button_add_maintenance_operation{
		top: 12.5px;
		height: 25px;
		width: 100px;
		font-size: 0.8em;
	}
/* --- /Plane Page --- */


/* --- Message Page --- */
	#button_add_new_message{
		height: 25px;
		width: 100px;
		font-size: 0.8em;
	}

	#div_container_messages_list{
		grid-area: 1 / 1 / 3 / 3;
	}
	#div_container_message_details{
		grid-area: 3 / 1 / 6 / 3;
	}
	#div_container_new_message{
		grid-area: 3 / 1 / 6 / 3;
	}
/* --- /Message Page --- */

/* --- SGS Page --- */
	#div_container_security_messages_list{
		grid-area: 4 / 1 / 6 / 4;
	}
	#div_container_reports_list{
		grid-area: 2 / 1 / 4 / 4;
	}
	#p_big_widget_report_details_plane_registration{
		font-size: 1.5em;
	}
	#div_big_widget_report_details_plane_infos{
		grid-template-columns: 70px 1fr;
	}
	#div_big_widget_report_details_plane_picture{
		height: 70px;
		width: 70px;
	}
	#existing-photo-preview-container{
		height: 90px;
	}
	.div_big_widget_report_details_status_item{
		font-size: 0.7em;
	}
	.report-comment-item{
		font-size: 0.7em;
	}
	#div_big_widget_report_details_notes{
		grid-area: 4/1/5/7;
	}
	#div_big_widget_report_details_actions{
		grid-area: 5/1/6/7;
	}
	#div_big_widget_report_details_manager_and_creator{
		grid-area: 3/3/4/7;
	}
	#div_big_widget_report_details_pictures{
		grid-area: 2/1/3/3;
	}
	#div_big_widget_report_details_comments{
		grid-area: 3/1/4/3;
	}
	#div_big_widget_report_details_infos {
		grid-template-rows: 50px 60px 230px auto;
		grid-template-columns: 120px 70px 90px 140px 0px auto;
	}

/* --- /SGS Page --- */


/* --- Pilot params Page --- */
	#user_config{grid-area: 2 / 1 / 3 / 3; min-width: 300px;}
	#password_config{grid-area: 3 / 1 / 4 / 3; min-width: 300px;}
	#logout_div{grid-area: 4 / 1 / 5 / 3; min-width: 300px;}
	#user_picture_config {grid-area: 1 / 1 / 2 / 3; margin-right: 0; margin-bottom: 50px; height: 150px; width: 150px;}
	#button_modify_pilot_picture{top: 85%;}
	#button_delete_pilot_picture{top: 115%;}


/* --- /Pilot params Page --- */


/* --- Flight Page --- */
	#div_widget_instructeur_vol{grid-area: 6 / 2 / 7 / 3;}
	#div_widget_conditions_vol{grid-area: 4 / 2 / 5 / 3;}
	#div_widget_evaluation_vol{grid-area: 6 / 1 / 7 / 2;}
	#div_widget_notes_vol{grid-area: 4 / 1 / 5 / 2; min-width: 100px}
	#div_widget_suite_vol{grid-area: 7 / 1 / 8 / 2;}
	#div_widget_pictures{grid-area: 5 / 2 / 6 / 3;}
	#div_widget_signature_vol{grid-area: 7 / 2 / 8 / 3; cursor: pointer; min-width: 100px;}
	#div_widget_mini_map{grid-area: 5 / 1 / 6 / 2;}
	.flight_basic_details_container {grid-area: 1 / 1 / 4 / 3;}

	h3{
		font-size: 0.9em;
	}

	p{
		font-size: 0.7em;
	}
	.flight_basic_details_label{
		font-size: 0.9em;
	}
	.flight_basic_details_value{
		font-size: 0.7em;
	}



	#div_little_container_flight{
		width: 100%;
		grid-row-gap: 20px;
	}
	.h1_flight_travel_airports{
		font-size: 1.3em;
		top: 55px;
	}
	.h2_flight_travel_airports_name{
		font-size: 0.9em;
		top: 75px;
	}
	#div_flight_travel_airports_line{
		top: 27px;
		width: 80%;
	}
	#div_flight_travel_airports_icon{
		height: 42.5px;
		width: 42.5px;
	}
	#div_flight_travel_steps{
		margin-top: 70px;
		height: 70px;
	}

	#div_flight_pilots{
		min-height: 160px;
	}
	.div_flight_pilots_icon{
		height: 50px;
		width: 50px;
	}
	#div_flight_pilots_icon_right{
		right: 15px;
		top: 85px;
	}
	#div_flight_pilots_icon_left{
		left: 15px;
	}
	#h1_flight_pilots_left{
		left: 70px;
	}
	#h2_flight_pilots_status_left{
		left: 70px;
		top: 65px;
		font-size: 1em;
	}
	#h1_flight_pilots_right{
		right: 70px;
		top: 100px;
		font-size: 1em;
	}
	#h2_flight_pilots_status_right{
		right: 70px;
		top: 120px;
	}
	#h2_flight_pilots_referent_right{
		right: 70px;
		top: 140px;
	}

	#div_flight_widgets{
		grid-row-gap: 15px;
		grid-column-gap: 15px;
	}
	#div_flight_widgets_info{
		min-width: max(200px, 40vw);
	}
	.little_div_flight_widget_info{
		height: 25px;
	}
	.div_flight_infos_icon{
		height: 25px;
		width: 25px;
	}
	.p_flight_infos_text{
		font-size: 0.8em;
		left: 50px;
		margin-top: 6px;
	}
	#div_create_new_flight_end_bloc{
		padding-left: 0px;
	}
	#div_create_new_flight_end_flight{
		padding-left: 0px;
	}
	.div_flight_plane_icon{
		height: 25px;
		width: 25px;
		left: initial;
		right: 10px;
		top: 10px;
	}
	#p_flight_plane_text{
		font-size: 0.8em;
		left: 15px;
	}
	.p_flight_school_text{
		font-size: 0.8em;
	}

	#div_flight_widgets_creator{
		min-height: 110px;
	}

	#select_flight_basic_details_depart_airport{
		top: 70px;
	}
	#select_flight_basic_details_arrival_airport{
		top: 70px;
	}
	#input_p_flight_infos_text_start_date{
		top: 15px;
		left: 55px;
	}
	#input_p_flight_infos_text_end_date{
		top: 55px;
		left: 55px;
	}
	#input_p_flight_infos_text_time_engine_hours_before{
		top: 15px;
		left: 55px;
	}
	#input_p_flight_infos_text_time_engine_hours_after{
		top: 55px;
		left: 55px;
	}
	#input_p_flight_infos_text_time_engine_2_hours_before{
		top: 95px;
		left: 55px;
	}
	#input_p_flight_infos_text_time_engine_2_hours_after{
		top: 135px;
		left: 55px;
	}
	#input_p_flight_infos_text_nb_landing_number{
		top: 15px;
		left: 55px;
	}
	#input_p_flight_infos_text_cost{
		top: 15px;
		left: 55px;
	}
	#flight_basic_details_cost_alert_message{
		font-size: 0.6em;
	}

	#select_h1_flight_pilots_left{
		top: 40px;
		left: 65px;
	}
	#select_h1_flight_pilots_right{
		top: 40px;
		right: 65px;
	}
	#select_h1_flight_referent_instructor_right{
		top: 70px;
		right: 65px;
	}
	#input_p_flight_widgets_notes_text{
		top: 45px;
		width: 150px;
	}
	#select_p_flight_plane_text{
		top: 45px;
		left: 15px;
		width: 140px;
	}
	#input_p_flight_school_text_next_flight{
		left: 55px;
		width: 100px;
	}

	#div_landing_fees_details{
		padding-top: 20px;
	}
	#img_landing_fees_details_close_icon{
		display: block;
	}
	#div_METAR_details{
		padding-top: 20px;
	}
	#img_METAR_details_close_icon{
		display: block;
	}

	#p_engine_right_hours_motor_before_indicator_text{
		margin-right: 17px;
	}
	#p_engine_right_hours_motor_after_indicator_text{
		margin-right: 17px;
	}

/* --- /Flight Page --- */


/* --- CLass Page --- */
	#div_little_container_class{
		width: 100%;
		grid-row-gap: 20px;
	}
	#div_class_widgets{
		grid-row-gap: 20px;
		grid-column-gap: 20px;
	}
	#div_class_widgets_info{
		min-width: max(200px, 40vw);
	}
	
	#div_class_widgets_creator{
		min-height: 110px;
	}
	#div_class_pilots{
		min-height: 160px;
	}
/* --- /Class Page --- */


/* --- Calendar Page --- */
	.week_button_calendar{
		margin-top: 10px;
		height: 35px;
	}
	#previous_week_button{
		left: 50%;
		transform: translateX(-110px);
		width: 35px;
	}
	#today_week_button{
		left: 50%;
		transform: translateX(-50%);
		width: 130px;
	}
	#next_week_button{
		left: 50%;
		transform: translateX(75px);
		width: 35px;
	}
	#previous_week_button_2{
		left: 50%;
		transform: translateX(-150px);
	}
	#next_week_button_2{
		left: 50%;
		transform: translateX(120px);
	}
	#calendar_scroll_wrapper{
		top: 150px;
	}
	#div_time_sunset_sunrise_container{
		top: 110px;
		height: 30px;
	}
	#p_time_aviation_sunrise{
		left: 0;
	}
	#div_time_sunrise_image{
		left: 60px;
	}
	#p_time_sunrise{
		left: 95px;
	}
	#p_time_aviation_sunset{
		right: 0;
	}
	#div_time_sunset_image{
		right: 60px
	}
	#p_time_sunset{
		right: 95px;
	}
	.p_time_sunset_sunrise{
		line-height: 30px;
	}
	#div_filters_calendar{
		top: 150px;
	}
	#print_create_new_slot{
		top: 70px;
		width: 40px;
	}
	#print_filters{
		top: 70px;
		display: block;
		right: 50px;
	}
	#div_all_slots_button{
		top: 70px;
		right: 120px;
	}
	.slot_header{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.hour_item{
		height: 30px;
	}
	.ressource_item{
		font-size: 0.7em;
		padding-left: 10px;
		padding-right: 10px;
		min-width: auto;
	}
	#week_displayed{
		top: 70px;
		left: 0;
		transform: translateX(-0%);
	}
	#day_displayed{
		top: 80px;
		left: 0;
		font-size: 1em;
		transform: translateX(-0%);
	}
	.slot_type_selector {
		width: 3rem;
		height: 3rem;
	}
	.slot_type_selector_text {
		font-size: 0.6em;
	}
	#div_pilot_slot_list{
		grid-template-columns: repeat(1, 1fr);
	}
	#div_update_pilot_slot_list{
		grid-template-columns: repeat(1, 1fr);
	}
/* --- /Calendar Page --- */

	.div_create_new_flight_container{
		grid-area: 1 / 1 / 6 / 6;
	}
	.texte_selecteur{
		font-size: 0.8em;
	}
	.p_sub_label_create_new_flight{
		font-size: 1.5em;
	}
	.selecteur_nature_vol_container {
	  justify-content: space-around;
	}
	.selecteur_meteo_container {
	  justify-content: space-around;
	}
	.selecteur_evaluation_container {
	  justify-content: space-around;
	}
	.selecteur_nature_vol {
	  width: 3.5rem;
	  height: 3.5rem;
	}
	.selecteur_meteo {
	  width: 3.5rem;
	  height: 3.5rem;
	}

	.selecteur_evaluation {
	  width: 3.5rem;
	  height: 3.5rem;
	}

	.selecteur_nature_vol img {
	  width: 2rem;
	  height: 2rem;
	}
	.selecteur_meteo img {
	  width: 2rem;
	  height: 2rem;
	}
	.selecteur_evaluation img {
	  width: 2rem;
	  height: 2rem;
	}
	#div_airports_create_new_flight{
		margin-left: 10px;
	}
	.div_select_mvt_airport_create_new_flight{
		width: 30px;
	}


	#pilots_list{
		grid-template-columns: repeat(4, 1fr); 
		grid-column-gap: 20px;
		grid-row-gap: 20px; 
	}
	.pilote {
		min-width: 50px;
		font-size: 8px;
	}
	.pilote-icon {
		width: 60px;
		height: 60px;
	}
	.pilote-name{
		max-width: 150%;
	}

	.flotte {
		color: var(--font-dark, black);
		position: relative;
	}

	/* --- Settings Page --- */
		#div_settings_menu{
			right: 0;	
			margin-top: 10px;
			height: 100px;
			overflow: auto;
		}
		.div_settings{
			grid-area: 1 / 1 / 2 / 3;
			margin-top: 160px;
			margin-left: 0px;
		}
		.admin_item{
			width: auto;
		}
		.training_item{
			width: auto;
		}
		
		#div_settings_plan_invoice_transactions_container{
			grid-template-columns: repeat(1, 1fr);
		}
	/* --- /Settings Page --- */

	.div_statistics_container{
		grid-area: 1 / 1 / 2 / 3;
		margin-top: 160px;
	}

	.div_big_widget{
		margin: 0;
	}
}

@media screen and (max-width: 900px) {
	.img_div_generics_files{
		max-height: 40px;
		width: 40px;
	}
	.p_div_generics_files_label{
		font-size: 0.7em;
	}
	.slot_bis_item{
		min-width: 25px;
	}
	.slot_date_text{
		display: none;
	}
}

@media screen and (max-width: 800px) {
	#div_big_image_display_open_infos_button{
		display: block;
	}
	#div_big_image_display{
		grid-template-columns: auto;
		grid-template-rows: 100px auto;
	}

	#div_big_image_display_left{
		grid-area: 2 / 1 / 3 / 2;
	}
	#div_big_image_display_right{
		grid-area: 1 / 1 / 2 / 2;
		padding-top: 25px;
	}
	#div_big_image_display_filename{
		margin-right: 40px;
	}

	/* --- SGS Page --- */
		#div_big_widget_report_details_manager{
			grid-template-columns: 70px 150px;
		}
		#p_big_widget_report_details_manager_text{
			font-size: 0.8em;
		}
		#div_big_widget_report_details_manager_title{
			width: 230px;
		}
		#div_big_widget_report_details_creator{
			grid-template-columns: 70px 150px;
		}
		#p_big_widget_report_details_creator_text{
			font-size: 0.8em;
		}
		#div_big_widget_report_details_creator_title{
			width: 230px;
		}
		#div_big_widget_report_details_manager_no_manager{
			grid-template-columns: auto 150px 60px;
		}
		#p_big_widget_report_details_manager_no_manager_text{
			font-size: 0.8em;
		}
		#select_big_widget_report_details_manager_no_manager_select{
			width: 150px;
		}
		#div_big_widget_report_details_plane_no_plane{
			grid-template-columns: auto 120px 60px;
		}
		#p_big_widget_report_details_plane_no_plane_text{
			font-size: 0.8em;
		}
		#select_big_widget_report_details_plane_no_plane_select{
			width: 120px;
		}

		#div_big_widget_report_details_manager_and_creator{
			grid-area: 4/1/5/4;
		}
		#div_big_widget_report_details_status_button_container{
			grid-area: 1 / 3 / 2 / 6;
		}
		#div_big_widget_report_details_number_and_title{
			grid-area: 1 / 1 / 2 / 3;
		}
		#div_big_widget_report_details_infos{
			grid-template-rows: 50px 60px 100px 230px 150px 150px;
			grid-template-columns: 120px 80px 100px 120px 0px auto;
		}
		#div_big_widget_report_details_notes{
			grid-area: 5/1/6/7;
		}
		#div_big_widget_report_details_actions{
			grid-area: 6/1/7/7;
		}
		#div_big_widget_report_details_manager_title{
			margin-left: 0;
		}
		#div_big_widget_report_details_manager{
			left: 0;
			right: auto;
		}
		#div_big_widget_report_details_creator_container{
			left: 0;
			right: auto;
		}
		#div_big_widget_report_details_creator{
			right: auto;
		}

	/* --- /SGS Page --- */
}

@media screen and (max-width: 680px) {
	.div_sub_menu_page_item{
		font-size: 0.7em;
		padding-left: 7px;
		padding-right: 7px;
	}
}

@media screen and (max-width: 600px) {
	#div_time_sunset_sunrise_container{
		top: 130px;
	}
	#calendar_scroll_wrapper{
		top: 170px;
	}
	#print_filters{
		height: 20px;
		line-height: 20px;
		top: 105px;
	}
	#print_create_new_slot{
		height: 20px;
		line-height: 20px;
		top: 105px;
	}
	#div_all_slots_button{
		height: 20px;
		line-height: 20px;
		top: 105px;
	}
}