/* Styling for the container */
#idContainer {
  margin:0 auto 0 auto;
  padding:0;
  width:100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* Styling for the header */
#idHeaderText {
  margin:15px auto;
  padding:2px 0px;
  text-align:left;
  color:#444444;
  font-family: Arial,Helvetica,sans-serif;
  font-size:13px;
  text-transform:uppercase;
  border-top:1px solid black;
  border-bottom:1px solid black;
}

/* Styling for the footer */
#idFooter {
  clear:both;
  margin:15px auto;
  padding:14px;
  width:100%;
  background-color:#8d8d8d;
  color:white;
  font-size:12px;
}

#idFooter a {
  color:white;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
}

#idFooter a:hover {
  background-color:#6d6d6d;
}

/* Styling for the top bar */
#idTopBar {
  margin:0;
  padding:0;
  border-top:1px solid white;
  height:36px;
  color:white;
  background-color:#888888;
}

#idTopBar div {
  margin:5px auto 5px auto;
  padding:0;
  font-size:14px;
  color:white;
}

#idTopBar a {
  margin:2px;
  padding:3px;
  color:white;
  background-color:#888888;
  font-weight:bold;
  text-decoration:none;
}

#idTopBar a:hover,
#idTopBar a:active {
  background-color:#222222;
}

#idTopBar .clActive {
  background-color:#333333;
}

#idTopBar #idSelectLocation {
  color:black;
}

/* Styling for the Main area */
#idMainArea {
  margin-top:10px;
}

#idMainArea .panel-heading {
  font-size:14pt;
  font-weight:bold;
}

/* Styling for the Reports */
.clReportImg {
  margin:5px;
  border:1px solid #aaaaaa;
}

/* =========================== */
/* ==== Map styling start ==== */
/* =========================== */

#idMapLocation {
  font-size:15px;
}

#map {
  float:left;
  position:relative;
  width:776px;
  height:596px;
  margin:0px;
  padding:0px;
  border:none;
  cursor:pointer;
}

/* Styling for the map view */
#mapView {
  margin:2px;
  z-index:0;
}

/* Styling for the scale bar */
div.ol-scale-line {
  background-color:rgba(0, 60, 136, 0.5);
}

/* Styling for the map popup */
.clGraphSVG rect,
.clGraphSVG circle,
.clGraphSVG path {
  display:inline;
}

.clGraphSVG rect {
  fill:#c8d3e8;
}

/* ========================= */
/* ==== Map styling end ==== */
/* ========================= */

/* =================================== */
/* ==== Bootstrap overrides start ==== */
/* =================================== */

a.btn-primary:visited,
a.btn-success:visited {
  color:#fff;
}

.clHiddenRow {
  padding:0 !important;
}

th > a:visited,
th > a:link
 {
  color:#337ab7;
}

/* ================================= */
/* ==== Bootstrap overrides end ==== */
/* ================================= */

/* =============================== */
/* ==== General styling start ==== */
/* =============================== */

.clCursorPointer {
  cursor:pointer;
}

.clColorBlack {
  color:black;
}

/* ============================= */
/* ==== General styling end ==== */
/* ============================= */