* {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.textRight {
 text-align: right;
}

div.olControlMousePosition {
 background-color: #fff;
 padding: 0px 5px 0px 5px;
}

#divHeaderbar {
  position: absolute;
  background-color: #E8F2F4;
  border:1px solid #a8cbc6;
  margin: 0px;
  padding: 0px;
  height: 30px;
  top: 0px;
  left: 0px;
  z-index: 1000;
  padding: 0px;
}

#map {
  position: absolute;
  border: 1px solid #a8cbc6;
  margin: 0px;
  padding: 0px;
  top: 31px;
  left: 0px;
  width: 500px;
  height: 500px;
}

#divCriteriaCollapsed {
  position: absolute;
  background-color: white;
  border:1px solid #a8cbc6;
  margin: 0px;
  padding: 0px;
  width: 100px;
  height: 20px;
  top: 70px;
  left: 53px;
  z-index: 99;
  padding: 3px;
}

#divCriteriaExpanded {
  position: absolute;
  background-color: white;
  background-image: url(../../img/menubgg.png);
  border:1px solid #a8cbc6;
  margin: 0px;
  padding: 0px;
  width: 220px;
  height: 225px;
  top: 70px;
  left: 53px;
  z-index: 99;
  padding: 3px;
}

#divArea {
  position: absolute;
  background-color: white;
  border:1px solid #a8cbc6;
  margin: 0px;
  padding: 0px;
  width: 225px;
  height: 300px;
  top: 70px;
  right: 180px;
  z-index: 99;
  padding: 3px;
}

#divThemeCollapsed {
  position: absolute;
  background-color: white;
  border:1px solid #a8cbc6;
  margin: 0px;
  padding: 0px;
  width: 100px;
  height: 20px;
  top: 70px;
  left: 220px;
  z-index: 98;
  padding: 3px;
}

#divThemeExpanded {
  position: absolute;
  background-color: white;
  background-image: url(../../img/menubgg.png);
  border:1px solid #a8cbc6;
  margin: 0px;
  padding: 0px;
  width: 260px;
  height: 150px;
  top: 70px;
  left: 200px;
  z-index: 98;
  padding: 3px;
}

#divVejansCollapsed {
  position: absolute;
  background-color: white;
  border:1px solid #a8cbc6;
  margin: 0px;
  padding: 0px;
  width: 100px;
  height: 20px;
  top: 70px;
  left: 282px;
  z-index: 98;
  padding: 3px;
}

#divVejansExpanded {
  position: absolute;
  background-color: white;
  border:1px solid #a8cbc6;
  margin: 0px;
  padding: 0px;
  width: 300px;
  height: 590px;
  top: 70px;
  left: 282px;
  z-index: 98;
  padding: 3px;
}

#divModelCollapsed {
  position: absolute;
  background-color: white;
  border:1px solid #a8cbc6;
  margin: 0px;
  padding: 0px;
  width: 100px;
  height: 20px;
  top: 70px;
  left: 315px;
  z-index: 98;
  padding: 3px;
}

#divModelExpanded {
  position: absolute;
  background-color: transparent;
  background-image: url(../../img/menubgg.png);
  border:1px solid #a8cbc6;
  margin: 0px;
  padding: 0px;
  width: 260px;
  height: 150px;
  top: 70px;
  left: 315px;
  z-index: 98;
  padding: 3px;
}

#divLegends {
  position: absolute;

  border:0px solid #a8cbc6;
  margin: 0px;
  padding: 0px;
  width: 100px;
  height: 400px;
  top: 430px;
  left: 13px;
  z-index: 90;
  padding: 3px;
}

#divLegendsInt {
  position: absolute;
  background-color: transparent;
  border:0px solid #a8cbc6;
  margin: 0px;
  padding: 0px;
  width: 110px;
  height: 250px;
  top: 430px;
  left: 13px;
  z-index: 90;
  padding: 3px;
}

#themeShown {
  position: absolute;
  background-color:#E8F2F4; 
  opacity:0.5;
  border:1px solid #a8cbc6;
  margin: 0px;
  padding: 0px;
  width: 500px;
  height: 20px;
  top: 31px;
  left: 50%;
  margin-left: -225px;
  z-index: 90;
  padding: 3px;
  font-size: 14px;
  font-weight: 800;
  text-align: center;
}

#btnUpdate {
  position: absolute;
  top: 170px;
  left: 230px;
}

input.criteria{
  width: 85px;
}

#ajaxSpinner {
  background-color: #E8F2F4;
}

#codesearch{
  width:300px; 
  height:30px;
}

.container {
  position: relative;
  text-align: center;
  color: white;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -4px;
  line-height: 10px;
}

/* Override openlayer popups to be underneath the features (Without this hovering a feature causes flickering) */
.minus, .plus {
  z-index: 724 !important;
}

.mouseover {
  z-index: 723 !important;
}

.advancedFeaturePopupTable {
  width: 100%; 
}

.striped tr:nth-child(odd) {
  background-color: #eee;
}

.advancedInfoPopupTopBar {
  width: 100%; 
  height: 15px;
}

.advancedInfoPopupTopBar div {
  width: inherit; 
  height: inherit; 
  cursor: move; 
  background-color: #E8F2F4;
  position: sticky;
  top: 0;
}

.advancedInfoPopup_ContentDiv {
  overflow: hidden !important;
}

.table-border {
  border: 1px lightgrey solid;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px
}