/*
* Copyright 2012-2024 Université de Lille, CHU de Lille, Caroen Kevin, Coadou Hervé, Zitouni Djamel
*
* Ce code est soumis aux droits d'auteur et ne peut être reproduit, distribué ou utilisé sans autorisation.
*/
fieldset {
	/*margin-top:10px;*/
	width: auto;
}

.card-error {
	color: #ef4747;
	background-color: #ef474720;
	border-left: 4px solid #ef4747;
	padding: 5px !important;
	margin: 10px auto !important;
}

.card-error p:before {
	content: "✖";
	background-color: #ef4747;
}

.card-validation {
	color: #87ad5b;
	background-color: #87ad5b20;
	border-left: 4px solid #87ad5b;
	padding: 5px !important;
	margin: 10px auto !important;
}

.card-validation p:before {
	content: "✔";
	background-color: #87ad5b;
}

div[class^="card-"] p {
	padding-left: 15px;
	font-weight: bold;
}

div[class^="card-"] p:before {
	position: relative;
	left: -10px;
	border-radius: 50px;
	width: 20px;
	display: inline-block;
	text-align: center;
	color: white;
	font-size: 10px;
	vertical-align: bottom;
}

.flex {
	flex: 1;
}

.form-flex {
	display: flex;
	flex-direction: row;
	flex: 1;
	align-items: center;
	color: #666;
}

.form-flex .label_table {
	width: 30% !important;
}

/* .form-flex:nth-child(2) { width: 75% !important; } */

.legend_table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color: #fff;
	background: #666;
	border: 1px solid #333;
	padding: 2px 6px;
}

.label_table {
	width: 20%;
	height: 32px;
	margin-top: 3px;
	margin-right: 2px;
	padding-top: 11px;
	padding-left: 6px;
	background-color: #CCCCCC;
	float: left;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color: #666;
}

.label_textarea_table {
	width: 20%;
	height: 97px;
	margin-top: 3px;
	margin-right: 2px;
	padding-top: 11px;
	padding-left: 6px;
	background-color: #CCCCCC;
	float: left;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color: #666;
}

.form_table {
	margin: 0;
	padding: 0;
}


#leftSide_table {
	width: 100%;
}

.div_textbox_table {
	width: 75%;
	float: right;
	background-color: #E6E6E6;
	height: 35px;
	margin-top: 3px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	color: black;
}

.div_textbox_table_flex {
	display: flex;
    align-items: center;
	width: 75%;
	float: right;
	background-color: #E6E6E6;
	height: 35px;
	margin-top: 3px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	color: black;
}

.div_textbox_table_flex>input[type="image"] {
	height: inherit;
}

.div_textarea_table {
	width: 75%;
	float: right;
	background-color: #E6E6E6;
	height: 100px;
	margin-top: 3px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	color: black;
}

textarea.textbox_table {
	height: 24px;
	position: relative;
}

.textbox_table {
	width: 98%;
	font: normal 18px Arial;
	color: #999999;
	padding: 3px 0px 3px 3px;
}

.textbox_table25 {
	width: 25%;
	font: normal 18px Arial;
	color: #999999;
	padding: 3px 0px 3px 3px;
}

.textbox_table:focus:not([disabled]),
.textbox_table:hover:not([disabled]) {
	background-color: #F0FFE6;
}


.textbox_table2 {
	width: 8em;
	font: normal 18px Arial;
	color: #999999;
	padding: 3px 5px 3px 3px;
}

.textbox_table2:focus:not([disabled]),
.textbox_table::not([disabled]) {
	background-color: #F0FFE6;
}


.div_select_table {
	width: 75%;
	float: right;
	background-color: #E6E6E6;
	height: 35px;
	margin-top: 3px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.select_table {
	width: 99%;
	font: normal 18px Arial;
	color: #999999;
	background-color: white;
	padding: 3px 5px 3px 3px;
}

.select_table:focus,
.select_table::not([disabled]) {
	background-color: #F0FFE6;
}

.select_table_dz {
	width: 92%;
	font: normal 18px Arial;
	color: #999999;
	display: inline-block;

}

.div_select_table input {
	padding-bottom: 1%;
	padding-left: 1.5%;
}

.div_area_table {
	width: 75%;
	float: right;
	background-color: #E6E6E6;

	margin-top: 3px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.area_table {
	width: 97%;
	font: normal 18px Arial;
	height: 90%;
	color: #999999;
	padding: 3px 5px 3px 3px;
	resize: vertical;
	position: relative;
}

.area_table:focus,
.area_table:hover:not([disabled]) {
	background-color: #F0FFE6;
}

.button_div_table {
	width: 75%;
	float: right;
	background-color: #CCCCCC;
	/*text-align:right;*/
	height: 35px;
	margin-top: 3px;
	padding: 5px 4px 3px;
}

.buttons_table {
	font-size: 12px;
	padding: 6px 14px;
	background: #e3e3db;
	color: #989070;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
}

.black_button {
	color: #F1F1F1;
	background-color: #525659;
	border: none;
	margin: 10px;
	width: auto;
	height: 30px;
}

.buttons_table:active {
	color: #e3e3db;
	background-color: #686963;
}

.buttons_table:disabled {
	background-color: #ccc;
}

/* .pax_name input {
	margin: 0.2em 0;
} */

.red_button {
	background-color: crimson;
	color: #EEE;
	border-color: #d45d73 #c61234 #c61234 #d45d73;
}

.red_button:active {
	color: crimson;
}

.infos {
	float: right;
	margin-right: 5px;
	cursor: pointer;
}

.div_delete {
	/* display: flex;
    align-items: center;
    align-content: center;
    justify-content: center; */

	background-color: #E6E6E6;
	margin-left: 3px;
	padding: 0 5px;
	max-height: inherit;
}

.div_delete input {
	width: 25px;
}