/* **********************************************/
/*				 ELU							*/
/* **********************************************/
#container_gestionElu{
	display:flex;
	flex-direction:row;
	width: 98%;
}
#container_gestionTableInvite .buttons_new,
#container_gestionTableElu .buttons_new{
	font-size:medium;
}
#container_gestionEluAndInvite{
	display:flex;
	justify-content: space-around;
	margin: 10px;
	height: 100%;
	width: 100%;
}
.class_gestionListAndTable{
	display:flex;
	font-size: small;
	height: 87%;
	border: 1px solid #258BCC;
	padding-top: 5px;
}
.class_gestionTable{
	display: flex;
	flex-direction: column;
	border: 3px solid #258BCC;
	width: 48%;
	height: 95%;
}
#formCaGestionElu > p:first-child ,
.class_gestionTable > p:first-child {
	background-color: #258BCC;
  color: white;
  text-align: center;
  width: 100%;
}
#table_gestionEluVehicule,
#formCaGestionElu .class_cordinate{
	display: flex;
	flex-direction: column;
	background-color: inherit;
	height: auto;
	color:white;
	border:1px solid #258BCC;
	width: 98%;
	margin-bottom: 10px;
}


#formCaGestionElu{
	display:flex;
	flex-direction:column;
	align-items: center;
	height: 100%;
	overflow: hidden;
}
#formCaGestionElu .list_tab {
	/* position: relative; */
	/* padding: 1px;  */
	margin-bottom: 10px;
}
/* #formCaGestionElu #toolbar_gestionBaseElu { */
#formCaGestionElu #toolbar_gestionEluInvite ,
#formCaGestionElu #toolbar_gestionEluCa {
	flex-wrap: unset;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	/* overflow-y: scroll; */
	overflow-x: hidden;
	/* background-color: #85b7d5; */
	/* max-height: 90%; */
	width: 35%;
	overflow-y: auto;
  border: 1px solid #258BCC;
  background-color: #258BCC;
  height: 100%;
}
.container_CordinateVehicule{
	display:flex;
	flex-direction:column;
	/* justify-content: space-between; */
	align-items: center;
	width: 65%;
}
#container_gestionTableElu .container_CordinateVehicule .label_text{
	margin-bottom: 5px;
	background-color: #258BCC;
	width: 98%;
}
#formCaGestionElu #toolbar_gestionEluInvite input[type='button'],
#formCaGestionElu #toolbar_gestionEluCa input[type='button']{
    border-style: ridge;
    color: white;
    cursor: pointer;
    text-align: left;
	width:100%;
	font-weight: normal;
}
 #formCaGestionElu #toolbar_gestionEluInvite input[type='button'][btn_check='unchecked'],
#formCaGestionElu #toolbar_gestionEluCa input[type='button'][btn_check='unchecked']{
   background-color: white;
	color:black;
    border-style: ridge;
    border-color: #258BCC;
    cursor: pointer;
}

#formCaGestionElu .class_cordinate tr{
	display:flex;
	margin:5px 0px 15px 0px;
}
#formCaGestionElu #table_gestionEluVehicule tr td,
#formCaGestionElu .class_cordinate tr th{
	margin:1px;
	width: 13%;
	text-align:right;
	font-weight: inherit;
	padding-left: 1%;
}
#formCaGestionElu #table_gestionEluVehicule tr td:first-child {
	text-align: left;
	width:60%;
}
#formCaGestionElu #table_gestionEluVehicule tr td:nth-child(2) {
	text-align: left;
	width:40%;
}
#formCaGestionElu .class_cordinate tr th:first-child {
	text-align: left;
}
#formCaGestionElu .class_cordinate tr td{
 margin:1px;
}
#formCaGestionElu .class_cordinate tr:nth-child(2) td:last-child{
	width:81%
}
#formCaGestionElu .class_cordinate tr:nth-child(3) td:nth-child(2){
	width:15%
}
#formCaGestionElu .class_cordinate tr:nth-child(3) td:nth-child(4) {
	width:65%;
}
#formCaGestionElu .class_cordinate tr:nth-child(4) td {
	width:35%;
}
#formCaGestionElu .class_cordinate tr:nth-child(5) td:last-child{
	width:98%
}
#formCaGestionElu .class_cordinate input[type2='phone']{
	max-width:120px;
}
#formCaGestionElu .class_cordinate input[type2='postal']{
	max-width:40px;
}
#formCaGestionElu .class_cordinate input[type2='street']{
	max-width:unset;
	width:100%;
}
#formCaGestionElu .class_cordinate tr td input {
	width:95%;
}
#formCaGestionElu .class_cordinate tr:nth-child(2) input {
	width:100%;
}
#formCaGestionElu .class_cordinate tr:nth-child(n+6) th {
    width: 30%;
    margin-left: 10%;
}
#formCaGestionElu .class_cordinate caption{
	background-color: #258BCC;
}


/* #formCaGestionElu #container_gestionBaseCaInviteCordinate2,
#formCaGestionElu #container_gestionBaseCaInviteCordinate {
	display:flex;
	height: 100%;
	width:45%;
}
#formCaGestionElu #container_gestionBaseCaInviteCordinate .buttons_new {
	justify-content:space-around;
}
#formCaGestionElu #container_gestionBaseCaInviteCordinate .buttons_new input {
	font-size:1em;
}
#formCaGestionElu #container_gestionInviteCordinate2,
#formCaGestionElu #container_gestionInviteCordinate {
	display: flex;
	flex-direction:column;
	justify-content: space-between;
	width: 65%;
	height: 90%;
} */
/* #formCaGestionElu .class_cordinate tr{
	display:flex;
	margin:5px 0px 15px 0px;
}
#formCaGestionElu .class_cordinate tr th{
	margin:1px;
	width: 13%;
	text-align:right;
	font-weight: inherit;
	padding-left: 1%;
}
#formCaGestionElu .class_cordinate tr th:first-child {
	text-align: left;
}
#formCaGestionElu .class_cordinate tr td{
 margin:1px;
}
#formCaGestionElu .class_cordinate tr:nth-child(2) td:last-child{
	width:81%
}
#formCaGestionElu .class_cordinate tr:nth-child(3) td:nth-child(2){
	width:15%
}
#formCaGestionElu .class_cordinate tr:nth-child(3) td:nth-child(4) {
	width:65%;
}
#formCaGestionElu .class_cordinate tr:nth-child(4) td {
	width:35%;
}
#formCaGestionElu .class_cordinate tr:nth-child(5) td:last-child{
	width:98%
}
#formCaGestionElu .class_cordinate input[type2='phone']{
	max-width:120px;
}
#formCaGestionElu .class_cordinate input[type2='postal']{
	max-width:40px;
}
#formCaGestionElu .class_cordinate input[type2='street']{
	max-width:unset;
	width:100%;
}
#formCaGestionElu .class_cordinate tr td input {
	width:95%;
}
#formCaGestionElu .class_cordinate tr:nth-child(2) input {
	width:100%;
}
#formCaGestionElu .class_cordinate tr:nth-child(n+6) th {
    width: 30%;
    margin-left: 10%;
}

#formCaGestionElu .class_cordinate caption{
	background-color: #258BCC;
} */
#popup_caInviteAdd,
#popup_caEluAdd {
	width:max-content;
	left:-100px;
}
#table_gestionButtonElu,
#table_gestionButtonElu{
	text-align:center;
	font-size: smaller;
	background-color :white;
	color:black;
	width:100%;
	border-collapse: collapse;
}
#table_gestionButtonElu,
#table_gestionButtonElu {
	display: flex;
	flex-direction: column;
}
#table_gestionButtonElu tbody,
#table_gestionButtonInvite tbody{
	display: flex;
	flex-direction:column;
	height: 240px;
	overflow-y: scroll;
	width: 100%;
}
#table_gestionButtonElu th, 
#table_gestionButtonElu caption, 
#table_gestionButtonInvite th, 
#table_gestionButtonInvite caption{
	border: 1px solid white;
	background-color :#258BCC;
	color:white;
	text-align: center;
}
#table_gestionButtonElu td, 
#table_gestionButtonInvite td{
	border: 1px solid #258BCC;
}
#table_gestionButtonElu tbody tr td:nth-child(-n+2),
#table_gestionButtonInvite tbody tr td:nth-child(-n+2)  {
	text-align: left;
	padding-left:2px;
}

#table_gestionButtonElu thead tr th:nth-child(n+3),
#table_gestionButtonElu tbody tr td:nth-child(n+3),
#table_gestionButtonInvite thead tr th:nth-child(n+3),
#table_gestionButtonInvite tbody tr td:nth-child(n+3)  {
	width:60px;
}
#table_gestionButtonElu thead tr th,
#table_gestionButtonElu tbody tr td ,
#table_gestionButtonInvite thead tr th,
#table_gestionButtonInvite tbody tr td  {
	width:140px;
}


#formCaGestionElu #container_gestionEluCordinate {
  display: flex;
  height: 57%;
  width: 95%;
  border: 3px solid #258BCC;
  font-size: small;
  
  flex-direction: row;
 }
#formCaGestionElu #container_gestionBaseEluCordinateChild2,
#formCaGestionElu #container_gestionBaseEluCordinateChild,
#formCaGestionElu #container_gestionBaseEluCordinate2,
 #formCaGestionElu #container_gestionBaseEluCordinate {
 /* display: flex; */
  /* height: 100%; */
  /* width:45% */

}
#formCaGestionElu #container_gestionBaseEluCordinateChild {
	/* flex-direction:column; */
	/* width: 65%; */
	/* position:relative;   */
}
#formCaGestionElu #container_gestionBaseEluCordinateChild .buttons_new{
	position:absolute;
	bottom:10px;
}
/* #formCaGestionElu #table_gestionEluCordinate tr{
	display:flex;
}
#formCaGestionElu #table_gestionEluCordinate tr th{
	margin:1px;
	width: 13%;
	text-align:right;
	font-weight: inherit;
	padding-left: 1%;
}
#formCaGestionElu #table_gestionEluCordinate tr th:first-child {
	text-align: left;
}
#formCaGestionElu #table_gestionEluCordinate tr td{
 margin:1px;
}
#formCaGestionElu #table_gestionEluCordinate tr:nth-child(5) td:last-child,
#formCaGestionElu #table_gestionEluCordinate tr:nth-child(2) td:last-child{
	width:81%
}
#formCaGestionElu #table_gestionEluCordinate input[type2='phone']{
	max-width:120px;
}
#formCaGestionElu #table_gestionEluCordinate input[type2='postal']{
	max-width:40px;
}
#formCaGestionElu #table_gestionEluCordinate input[type2='street']{
	max-width:unset;
	width:100%;
}
#formCaGestionElu #table_gestionEluCordinate tr:nth-child(1) td input {
	width:95%;
}
#formCaGestionElu #table_gestionEluCordinate tr:nth-child(3) td:nth-child(4) {
	width:52%;
}
#formCaGestionElu #table_gestionEluCordinate tr:nth-child(5) td:last-child input,
#formCaGestionElu #table_gestionEluCordinate tr:nth-child(2) td:last-child input,
#formCaGestionElu #table_gestionEluCordinate tr:nth-child(3) td:nth-child(3) input {
	width:100%;
}
#formCaGestionElu #table_gestionEluCordinate tr:nth-child(3) td:nth-child(4) input {
	width:95%;
}
#formCaGestionElu #table_gestionEluCordinate tr:nth-child(n+6) th {
    width: 30%;
    margin-left: 10%;
} */

#formCaGestionElu #table_gestionEluCordinate caption,
#formCaGestionElu #table_gestionEluVehicule caption{
	background-color: #258BCC;
}
#formCaGestionElu #table_gestionEluVehicule tr td:nth-child(4) input{
	width:40px;
}
#formCaGestionElu .button_popup {
    background-color: #9FC12B;
    font-family: source_sans_proregular;
}
#formCaGestionElu #btn_gestionBaseHelp img {
	height: 20px;
	width: auto;
	position: absolute;
	/* top: -2.5px; */
	top: -12px;
	right: 2.5px;
	cursor: pointer;
}


/* ****************************************************************************************/
/*                    Règles spécifiques pour all et petite taille                        */
/* ****************************************************************************************/
@media all and (max-width: 480px)
{


}