html, body 			{width:100%; height:100%;overflow: hidden; margin:0; padding:0;}
table				{table-layout:fixed; width:99%; text-align:left; padding:0px 0px 0px 0px; border:0px}

.table_point 		{background: #FFF; height:50px;}

tr					{width:100%; text-align:left; vertical-align:top; padding:1px 1px 1px 1px; border:0px}

tr td .help			{width:200px; height:20px; overflow: invisible; position:relative; transition:all 0.25s; transition-delay: 0s; margin-top:0px; margin-bottom:-20px; margin-right:-100px; margin-left:25px;color:#fff; background:rgba(0, 0, 0, 0.5);  padding: 1px 5px 1px 5px; border-radius:1px; 
					/* Effet sur la transparence */ opacity:0;}
tr:hover td .help, tr:focus td .help{opacity:1;transition:all 0.5s;transition-delay: 1s;}

tr:hover				{background: #aaa }
th					{text-align:left; padding:1px 1px 1px 1px; border-bottom:1px solid grey; border-top:1px solid grey}
th:hover				{background: #FFF }
td					{text-align:left; padding:0px 5px 0px 1px; border:0px}
td:last-child		{text-align:right;}
th:last-child		{text-align:right;}
td:first-child		{text-align:left;}
th:first-child		{text-align:left;}

td, th 				{white-space: nowrap; } /* table in one line*/ 

.td_left			{text-align:left;}

.input_integer		{height:22px; width:40px;}
.input_real			{height:22px; width:40px;}
.input_matrix		{height:22px; width:80px;}
.input_word			{height:22px; width:50px;}
.input_string		{height:22px; width:100px;}
.input_coord		{width:50px;}
tr  td .input_string	{margin-left:-10px} 

.hider_left 			{float:right;border-radius: 8px;margin-bottom:2px; box-shadow: 1px 1px 1px #999;  border:solid 1px #444;}
.hider_right 		{height:auto;float:left;text-align:right;border-radius: 8px;margin-bottom:2px; box-shadow: 1px 1px 1px #999;  border:solid 1px #444;}

.hider_left:hover	{background: #aaa }
.hider_right:hover	{background: #aaa }

.container			{height:100%; overflow: auto; transition:all 0.5s; padding-left:0px; padding-right:0px; border-right: 1px solid grey; border-left: 1px solid grey;}
.current-GPS		{height:auto; border-left: 1px solid grey;}
.page-header		{height:40px; width:100%; margin:0; margin-bottom:10px; padding-bottom:0; background-color:#B0DAED; border-radius:10px;}

.page-bottom		{display: none ; height:150px; width:100%; margin:0; padding-bottom:0; background-color:#B0DAED; border-radius:10px;}
.dropdown			{font-size:1em;}
.modal-lg			{width:100%; height:100%;}
.visible			{height:100%;padding-left:15px; padding-right:15px;}

#logos				{overflow: auto;}
#map 				{overflow: auto; height:100%;}
#matrix				{height:100%; overflow:scroll; padding:10px;}
#definition			{background-color:#FFFF00;}
#map-zoom-buttons	{background-color:navy; color:white; font-family: monospace;}
#markers_list		{font-size:1em;}
#table_matrix 		{table-layout: auto; border: 1px solid grey; padding-left:5px; padding-right:5px;}
#table_matrix 	td:hover				{background: #FFF }
#table_matrix 	th	{ padding-left:5px; padding-right:5px; border: 1px solid grey; }
#Matrix_distance	{overflow: auto}
#state-info			{float:left; text-align:center; width:20%;}
#mouse-position		{float:left; text-align:center; width:60%; padding:1px; border:1px solid grey;}
#points-info		{float:left; text-align:center; width:20%;}

#theuniquelistofmarkers { overflow-y: scroll;}

#computing			{text-align:center; padding:1px; border:1px solid grey;}
#request-no			{float:left; text-align:center; font-size:0.8em; width:20%;}
#gps-points			{text-align:center; padding:1px; border:1px solid grey;}
#list-name			{float:left; text-align:center; font-size:1em; width:80%;}

.border_list 		{padding-left:2px; width:auto; border: 1px solid black}

.ol-popup {
  position: absolute;
  background-color: white;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50px;
  min-width: 280px;
}
.ol-popup:after, .ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ol-popup:after {
  border-top-color: white;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}
.ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}
.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
}
.ol-popup-closer:after {
  content: "✖";
}

.menu { 	
	overflow:auto;
	height: auto;
	margin: 0px; padding: 5px 5px 5px 5px; 
	list-style:none; text-align: left; width: 100% ; background-color:#999999;
	border-radius: 6px;  margin-bottom:2px;  box-shadow: 3px 3px 3px #999;  border:solid 1px #444; 
}
.menu a{ 
	display:block; padding: 5px 5px 5px 5px; 
	color:#fff; text-decoration:none; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1.2em
}
.menu ul{ padding: 0; margin: 0; list-style:none}

.is_selected { background-color:#fb5 ; border-radius: 4px;  margin-bottom:2px;  box-shadow: 3px 3px 3px #999;  border:solid 1px #444}
.is_not_selected { background-color:#666 ; border-radius: 4px;  margin-bottom:2px;  box-shadow: 3px 3px 3px #999;  border:solid 1px #444}
.is_completed  { background-color:#3b5 ; border-radius: 4px;  margin-bottom:2px;  box-shadow: 3px 3px 3px #999;  border:solid 1px #444}

.is_not_selected .parameters {overflow: hidden; display: none }
.is_completed .parameters {overflow: hidden; display: none }

.is_selected  .parameters{ overflow: hidden; padding: 0px 5px 0px 5px; margin:  0px 5px 2px 5px; background: #f2f2f2; border-radius: 4px;  border:solid 1px #444}
.is_selected .parameters a{ text-decoration: none; color: #111; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1.2em }
.is_selected .parameters lu li{ text-decoration: none; color: #111; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1.2em }

.para_is_selected	{ background-color:#fb5 ;  margin-bottom:5px;  box-shadow: 1px 1px 1px #999;  border:solid 1px #444}
.para_is_selected:hover	{background-color:#fc6 ;  margin-bottom:3px; box-shadow: 1px 1px 1px #999;  border:solid 1px #444}
.para_is_not_selected { }

.sol_is_selected	{ background-color:#fb5 ;}
.sol_is_selected:hover	{background-color:#fc6 ;}
.sol_is_not_selected  { }

.menu_inst { margin: 0px; padding: 5px 5px 5px 5px; list-style:none; text-align: left; width: 100% ; background-color:#999999; border-radius: 6px;  margin-bottom:2px;  box-shadow: 3px 3px 3px #999;  border:solid 1px #444; }
.menu_inst a{ display:block; padding: 5px 5px 5px 5px; color:#fff; text-decoration:none; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1.2em
}
.menu_inst ul{ padding: 0; margin: 0; list-style:none}

.menu_inst_is_selected { background-color:#aaa ; border-radius: 4px;  margin-bottom:2px;  box-shadow: 3px 3px 3px #999;  border:solid 1px #444}
.menu_inst_is_not_selected  { background-color:#3b5 ; border-radius: 4px;  margin-bottom:2px;  box-shadow: 3px 3px 3px #999;  border:solid 1px #444}