body {
	margin:0px;
}

a:link, a:visited, a:hover, a:active {
	outline:none;
} 

@font-face {
    font-family: 'Concert One';
    src: url("../fonts/ConcertOne-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

#copyright {
	position:fixed;
	bottom:0px;
	height:20px;
	left:0px;
	right:0px;	
	font-family: 'Concert One';
	font-size: 12px;
	color: #BBBBBB;
	text-align:center;
	line-height:20px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.link {
	font-family: 'Concert One';
	font-size: 14px;
	color: #777777;
	cursor: pointer;
}

.text {
	font-family: 'Concert One';
	font-size: 16px;
}

#logo_top {
	position:absolute;
	top:0px;
	left:0px;
	height:60px;
	width:200px;
	background-image:url('../images/logo.png');
	background-repeat: no-repeat;
	webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-position: center left;
	cursor: pointer;
	z-index:200;
}

#logo_site_top {
	position:absolute;
	top:0px;
	right:5px;
	height:60px;
	width:200px;
	background-image:url(data:image/png;base64,);
	background-repeat: no-repeat;
	webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-position: center right;
	cursor: pointer;
	z-index:200;
}

#logout {
	position:absolute;
	top:0px;
	right:5px;
	height:60px;
	width:200px;
	cursor: pointer;
	z-index:150;
	font-family: 'Concert One';
	font-weight: 400;
	font-size: 18px;
	text-align: center;
	display:none;
}

#menu_top {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:60px;
	text-align:center;
	z-index:100;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.menu_image {
	width:  50px;
	height: 50px;
	margin: 5px;
	border: none;
	cursor: pointer;
}

.menu_image:hover {
	-webkit-filter: ;
    filter:         ;
}

.menu_image_selected {
	width:  50px;
	height: 50px;
	margin: 5px;
	border: none;
	cursor: pointer;
	-webkit-filter: ;
    filter:         ;
}

#main {
	position:absolute;
	top: 120px;
	bottom: 20px;
	left:0px;
	right:0px;
	text-align:center;

}

#menu_details {
	position:absolute;
	top: 65px;
	left:0px;
	right:0px;
	text-align:center;
	font-family: 'Concert One';
	font-weight: 400;
	font-size: 18px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.gauge_tile {
	display:inline-block;
	position:relative;
	width:200px;
	height:200px;
	border:1px solid #EEEEEE;
	background-color: #EEEEEE;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	text-align:center;
	font-family: 'Concert One';
	font-weight: 400;
	font-size: 16px;
	color: ;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow-x: auto;
    overflow-y: auto;
}

.graph_tile {
	display:inline-block;
	position:relative;
	width:98%;
	height:400px;
	border:1px solid #EEEEEE;
	background-color: #EEEEEE;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	text-align:center;
	font-family: 'Concert One';
	font-weight: 400;
	font-size: 16px;
	color: ;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.stat_tile {
	display:inline-block;
	position:relative;
	width:98%;
	border:1px solid #EEEEEE;
	background-color: #EEEEEE;
	margin-left:5px;
	margin-right:5px;
	margin-top:20px;
	text-align:center;
	font-family: 'Concert One';
	font-weight: 400;
	font-size: 16px;
	color: ;
}

.config_tile {
	display:inline-block;
	height:100vh;
	width:100vw;
	border:1px solid #EEEEEE;
	background-color: #EEEEEE;
	margin-left:5px;
	margin-right:5px;
	margin-top:40px;
	text-align:center;
	font-family: 'Concert One';
	font-weight: 400;
	font-size: 16px;
	color: ;
}

input[type=button],input[type=submit],button {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	outline:none;
	border: 0px;
	background-color: #000000;
	font-family: 'Concert One';
	font-weight: 400;
	font-size: 20px;
	color: #FFFFFF;
	text-align:center;
	padding: 5px;
	cursor: pointer;
	width:100%;
	height:40px;
}

input[type=text],input[type=password],textarea {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	outline:none;
	border: 1px solid #000000;
	background-color: #FFFFFF88;
	font-family: 'Concert One';
	font-weight: 400;
	font-size: 20px;
	color: #000000;
	text-align:left;
	padding: 10px;
	width:100%;
	height:40px;
}
input[type="radio"]:checked {
    border-color: blue;
    background-color: blue;
}
.image_contain {
	background-repeat: no-repeat;
	webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-position: center center;
}

.error_message {
	font-family: 'Concert One';
	font-weight: 400;
	font-size: 20px;
	color: #BB0000;
	text-align: center;
}

.message {
	font-family: 'Concert One';
	font-weight: 400;
	font-size: 20px;
	color: #000000;
	text-align: center;
}

.multiselect {
  position:relative;
  top: 2px;
  height:25px;
  border: 0px;
  font-size:14px;
  background-color:#FFFFFF;
  display:inline-block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectBox {
  position: relative;
  font-size:18px;
  cursor:pointer;
  top:-2px;
}
.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 22px;
  bottom: 0;
  z-index:10;
}
.checkboxes {
  visibility: hidden;
  border: 1px #dadada solid;
  background-color:#FFFFFF;
  width:250px;
  max-height:350px;
  overflow:auto;
  text-align:initial;
}
.checkboxes label {
  display: block;
}

.table2 {
	table-layout:fixed;
	font-family: 'Concert One';
	font-size: 12px;
	border-collapse: collapse;
}

.table2 th {
	 border-bottom: 1px solid #ddd;
	 font-weight:normal;
	 width:150px;
	 background-color:#c1c1c1;
}

.table2 tr {
	 border-bottom: 1px solid #ddd;
	 background-color: #ffffff;
}

.table2 td {
	 border-bottom: 1px solid #ddd;
	 width:150px;
}

.table2 tr:nth-child(even) {
    background-color: #f1f1f1;
}

.table_config {
	font-family: 'Concert One';
	font-size: 14px;
	border-collapse: collapse;
}

.table_config tr, .table_config td {
	 text-align:center;
	 padding: 5px;
}

.table_config tr {
	 border-bottom: 1px solid #ddd;
	 background-color: #ffffff;
}

.table_config td {
	 border-bottom: 1px solid #ddd;
}

.table_config tr:nth-child(even) {
    background-color: #f1f1f1;
}

.bouton_export {
	width: 30px;
	height: 30px;
	border: 0px;
	z-index: 200;
	opacity: 1;
	cursor: pointer;
	display:none;
}

.bouton_export:hover {
	opacity: 1;
}

@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 

.blink-image {
	-moz-animation:blink normal 1.5s infinite ease-in-out;
	-webkit-animation:blink normal 1.5s infinite ease-in-out;
	-ms-animation:blink normal 1.5s infinite ease-in-out;
	animation:blink normal 1.5s infinite ease-in-out;
}

#openlayers_popup {
	visibility: hidden;
	position: absolute;
	width: 300px;
	z-index: 1000;
}

#openlayers_popup_title {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	height:20px;
	overflow: hidden;
	padding: 4px;
	
	background: ;
	
	border: 1px solid ;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
		
	font-family: 'Concert One';
	font-size: 12px;
	color: #FFFFFF;
	
	touch-action:none;
	user-select: none;
	-webkit-user-select:none;
}

#openlayers_popup_content {
	position:absolute;
	top: 22px;
	left: 0px;
	right: 0px;
	padding: 2px;
	overflow: hidden;
	
	background: #FFFFFF;
	
	border: 1px solid ;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
		
	font-family: 'Concert One';
	font-size: 12px;
	color: #777777;
	
	touch-action:none;
	user-select: none;
	-webkit-user-select:none;
}

.subMenu {
	position: fixed;
    background-color: white; 
    width: 100%; 
    height: 60px; 
    display: flex; 
    justify-content: space-evenly; 
    align-items: center;
	margin-right:12px;
}
.subMenuLinks, .subMenuLabel {
	font-family: 'Concert One';
	text-decoration: none;
	font-size:16px;
	color:black;
}
.subMenuLinks{
	cursor: pointer;
}
.subMenuLinks:hover {
	color:white;
}
#activeLink {
	font-family: 'Concert One';
    text-decoration: none;
	font-size:16px;
	color:red;
	cursor: pointer;
}
#activeLabel {
	font-family: 'Concert One';
    text-decoration: none;
	font-size:16px;
	color:white;
}
#confirmationModal {
	font-family: 'Concert One';
	display:none;
	position: fixed;
	background-color: rgba(0,0,0,.5);
	width: 100vw;
	height: 100%;
	justify-content: center;
	align-items: center;
	z-index:2;
}
#confirmationMessage {
	position:relative;
	width: 30%;
	border: black 1px solid;
	padding: 1rem;
	border-radius: 8px;
	background: white;
	opacity: 1;
}
#confirmButton, #cancelButton {
	color:#45aee7;
	border: solid 1px #45aee7;
	border-radius: 8px;
	height:40px;
	width: 80px;
	background:transparent;
}
#confirmButton:hover, 
#cancelButton:hover {
	color:black;
	border: solid 1px #45aee7;
	border-radius: 8px;
	height:40px;
	width: 80px;
	background:#45aee7;
}
#modalText {
	font-weight:bold;
	font-size:18px;
}
.custom-select {
  position:relative;
  min-width: 350px;
}
option{
	font-family: 'Concert One';
}
select {
  appearance: none;
  /* safari */
  -webkit-appearance: none;
  /* other styles for aesthetics */
  width: 320px;
  height:30px;
  font-size: 18px;
  background-color: #fff;
  border: none;
    outline: none;
    scroll-behavior: smooth;
  color: #000;
  cursor: pointer;
  font-family: 'Concert One';
}
select option:hover {
  background-color: transparent;
  border: none;
  width: 320px;
}
[aria-label]:focus {
  outline: none;
}
.customFont{
	font-family: 'Concert One';
	color: #46afe8;
}
.container{
  margin-top:8%;
  display: flex;
  width: 98vw;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.detailschart {
	display:inline-block;
	vertical-align:middle;
	width:16px;
	height:16px;
	background-image:url('../images/detailschart.png');
	cursor:pointer;
}
.detailschart:hover {
	background-image:url('../images/detailschart_on.png');
}

#detailschart_div {
	display: none;
	width:400px;
	height:200px;
	position: absolute;
	background-color: white;
	border: 1px solid black;
	border-radius:5px;
	padding: 10px;
	z-index:1000;
}

#detailschart_div_close {
	position:absolute;
	top:10px;
	right:10px;	
	width:10px;
	height:10px;
	background-image:url('../images/logout.png');
	background-size:contain;
	cursor:pointer;
}

.table-holder {
	 font-family: 'Concert One';
	 color:#333;
	 font-size:12px;
	 height:100%;
	 width:98%;
	 margin-left:1%;
	 overflow-x:auto;
	 overflow-y:auto;
}

 .hidden-button {
        display: none !important;
    }