html, body {
	height: 100%;
	min-height: 100%;
	width: 100%;
	margin: 0;
}

.footer {
    background-color: #f5f5f5;
    bottom: 0;
    height: 50px; /*bootstrap_navar_heaight*/
    position: absolute;
    width: 100%;
}

#footerText {
	margin-top: 14px;
	margin-bottom: 14px;
}

.navbar {
	margin: 0;
}

.container {
  width: auto; 
  padding: 0 15px;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div#alertContainer {
	position: absolute;
	width: auto; 
	left: 0;
	top: 51px; /*bootstrap_navar_heaight*/
	right: 400px; /*largeur_menu_droite*/
	z-index: 1;
}

div#map {
	position: absolute;
	left: 0;
	top: 51px; /*bootstrap_navar_heaight*/
	right: 400px; /*largeur_menu_droite*/
	bottom: 215px; /*hauteur_listes + bootstrap_navar_heaight*/
	z-index:0;
}

div#menu {
	position: absolute;
	right: 0;
	top: 51px; /*bootstrap_navar_heaight*/
	height: 176px; /*menu_height*/
	width: 400px; /*largeur_menu_droite*/
}

div#settings {
	position: absolute;
	right: 0;
	top: 227px; /*bootstrap_navar_heaight + menu_height*/
	bottom: 205px; /*hauteur_listes + bootstrap_navar_heaight*/
	width: 400px; /*largeur_menu_droite*/
}

div#nodelist {
	position: absolute;
	right: 0;
	height: 212px; /*hauteur_listes + bootstrap_navar_heaight*/
	bottom: 51px; /*bootstrap_navar_heaight*/
	width: 50%;
}
/* overrinding bootstrap margin */
#nodelist .panel {
	margin-bottom: 0px;
}
#nodelist .panel-body {
	height: 172px;
}

div#edgelist {
	position: absolute;
	left: 0;
	height: 212px; /*hauteur_listes + bootstrap_navar_heaight*/
	bottom: 51px; /*bootstrap_navar_heaight*/
	width: 50%;
}
/* overrinding bootstrap margin */
#edgelist .panel {
	margin-bottom: 0px;
}
#edgelist .panel-body {
	height: 172px;
}

div.list_container {
	overflow: auto;
}
/* overrinding bootstrap margin */
.list-group {
	margin-bottom: 0px;
}

/* overrinding bootstrap margin */
#panelFeatureProperties .form-group {
	margin-bottom: 0px;
}

img.toolIcon {
	border:1px solid #021a40;
	border-spacing: 00px;
}
img.toolIcon.active{
	background-color: lightblue;
}
#toolIconsContainer {
	width: 130px;
}

.featureSelected{
	background-color: lightblue;
	color:white;
}
.withSensorNodeList {
	background-color: #007700;
}
.list-group-item.withSensorNodeList {
	color:white;
}
.oddNodeList {
	background-color: #00AE00;
}
.evenNodeList {
	background-color: #BAFFC3;
}
.withSensorEdgeList {
	background-color: #000000;
	color:white;
}
.list-group-item.withSensorEdgeList {
	color:white;
}
.oddEdgeList {
	background-color: #6B6B6B;
	color:white;
}
.list-group-item.oddEdgeList {
	color:white;
}
.evenEdgeList {
	background-color: #FFFFFF;
}
.badEdgeList {
	background-color: #FF0000;
	color:white;
}
.list-group-item.badEdgeList {
	color:white;
}

.form-control.ng-invalid {
	color:white;
	background: red;
}