/* Custom styles */

.with-background { background-color: #1F2E3C }
.no-background { background-color: #fff }

.alert-container {
  display: none;
  position: absolute;
  width: 50%;
  z-index: 999;
  margin-left: 25%;
}

/* Large screens */
@media (min-width: 1400px) {
  .container { width: 1340px }
}
@media (min-width: 1680px) {
  .container { width: 1500px }
}
@media (min-width: 1920px) {
  .container { width: 1850px }
}

/* Splash
 ---------------------------- */
#wrapperLogin {
  max-width: 400px;
  padding: 15px;
  padding-top: 80px;
  margin: 0 auto;
}

#wrapperLogin>img {
  position: relative;
  left: 8px;
  margin-bottom: 35px;
}

.form-signin { padding: 15px }
.splash-info {
  width:  70%;
  margin: 0 auto;
  min-width:  400px;
}
.splash-info>p { text-align: center }
.splash-info p.lead {
  font-size: 18px;
  font-style: italic;
}
.splash-form .btn {
  margin-bottom: 1em;
  min-width: 160px;
}
footer.splash-footer,
.splash-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
footer.no-background,
#footer.no-background {
  background-color: transparent;
  margin-top: 70px;
}
footer.no-background > .container {
  border-top: 1px solid #eee;
  padding-top: 10px;
}

/* Login
 ---------------------------- */
.panel-signin {
  border-color: #002A32;
  margin: 0 auto;
  max-width: 330px;
}

.panel-signin > .panel-heading {
  background-color: #3C5D6E;
  border-color: #002A32;
  color: #fff;
}

/* Navigation
 ---------------------------- */
.gw-nav-logo,
header#navheader,
.gw-nav-navbar {
  background-color: #002A32;
  color: #fff;
}

a.navbar-brand img {
  display: inline-block;
}

.navbar-inverse p.navbar-text {
  margin: 28px 0 0;
  line-height: 15px;
  font-size: 15px;
  color: #fff;
}

.gw-nav-navbar {
  min-height: 60px;
  margin-bottom: 0;
}

.navbar-nav { min-height: 60px }
.navbar-nav .dropdown-menu { top: 59px }

@media (max-width: 767px) {
  header#navheader { position: relative }
  .navbar-collapse .nav.navbar-nav { float: none !important }
}

.gw-nav-navbar, .navbar-collapse { border: 0 }
.navbar-collapse .nav.navbar-nav { float: right }

#subnav {
  background-color: #eee;
  padding-top: 100px;
  padding-bottom: 100px;
  height: 100%;
}

/* About
 ---------------------------- */
#subHeader {
  padding: 15px 0;
  background-color: #3C5D6E;
  color: #fff;
  font-size: 25px;
}
#subHeader p { margin: 0 }
#sideMenu {
  /*position: fixed;*/
  /*top: 100px;*/
  margin-top: 100px;
  width: 250px;
  padding: 25px 10px 25px 0;
}
#sideMenu ul ul {
  padding-left: 1em;
}
#sideMenu .nav-pills > li > a {
  color: #707070;
  font-weight: 600;
  padding: 5px 15px;
  margin: 10px 0;
}
#sideMenu li a:hover,
#sideMenu li a:active,
#sideMenu li a.active {
  color: #000;
}
#sideMenu.affix-bottom {
  position: fixed;
}

/* Wrappers
 ---------------------------- */
#content {
  min-height: 600px;
  background-color: #fff;
  position: relative;
}
#aboutWrapper {
  padding: 105px 25px;
  background-color: #fafafa;
}
#aboutWrapper h1 {
  margin-bottom: 0.5em;
  font-size: 28px;
  text-transform: uppercase;
}
#aboutWrapper figure { margin-bottom: 50px }
#aboutWrapper img {
  width: 100%;
  max-width: 1024px;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15);
}
#aboutWrapper figcaption { opacity: 0.7 }
#aboutWrapper section { padding-top: 25px }
#aboutWrapper p { max-width: 650px }
#aboutWrapper li { max-width: 600px }
#aboutWrapper h2 {
  margin-top: 25px;
  font-size: 25px;
}
#aboutWrapper section h2 { margin-top: 0 }
#aboutWrapper hr {
  border-top-color: transparent;
}

#mapWrapper { position: relative }

#mapMenu {
  position: absolute;
  top: 20px;
  padding-bottom: 10px;
  background-color: #f9f9f9;
  z-index: 900;
  pointer-events: none;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}
#mapMenu.expanded { min-width: 100px }
#mapMenu .container-fluid,
#mapMenu .row { pointer-events: auto }
#mapMenu h4 {
  text-align: center;
  margin-bottom: 0;
}
#mapMenu img {
  display: block;
  margin: 5px auto 10px;
  opacity: 0.7;
}
#mapMenu .toggle-menu-state {
  border: none;
  border-bottom: 1px solid #c8c8c8;
  border-radius: 0;
}
#mapMenu .toggle-menu-state:active {
  -webkit-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, .08);
     -moz-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, .08);
          box-shadow: inset 0 -2px 3px rgba(0, 0, 0, .08);
}
#mapMenu .toggle-menu-state .glyphicon { color: #999 }
#mapMenu .toggle-menu-state:hover { background-color: #eaeaea }
#mapMenu .toggle-menu-state:hover .glyphicon { color: #333 }
#mapMenu .control hr { border-top: 1px dashed #c8c8c8 }
#mapMenu .control label {
  text-align: center;
  display: block;
  color: #707070;
  letter-spacing: 0.1em;
}
#mapMenu .colormap {
  padding-top: 1em;
  text-align: center;
}
#mapMenu .colormap svg { float: left }
#mapMenu .btn-geowiz.btn-fixed-width { width: 30px }
#mapMenu.expanded .btn-geowiz.btn-fixed-width { width: 120px }
#mapMenu .anchors {
  font-size: 13px;
  font-weight: 600;
  margin-top: 1em;
}
#mapMenu .anchors table tr > td { padding: 5px }
#mapMenu .anchors table tr > td:nth-child(2) {
  max-width: 100px;
  text-align: left;
  font-size: 12px;
  font-weight: 500;
  padding-left: 10px;
  padding-right: 0;
}
#mapMenu p { text-align: center }
#mapMenu ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-left: 30px;
}
#mapMenu ul > li {
  height: 18px;
  font-size: 12px;
  padding-left: 10px;
  text-align: left;
}

#dataWrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  padding: 20px 0 0;
  z-index: 900;
}

#data {
  pointer-events: auto;
  padding-top: 10px;
  width: 480px;
  max-width: 480px;
  min-height: 580px;
  float: right;
  background-color: #f9f9f9;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) {
  #dataWrapper {
    position: relative;
    background-color: #f9f9f9;
  }
  #data {
    width: 400px;
    float: none;
    margin-top: 0;
    border: 0 ;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
}
/* data background */
#data span.current,
#data span.label-label { background-color: #f9f9f9 }

#footer {
  background: #1F2E3C;
  padding: 10px 20px;
}

#mapNavigation {
  position: fixed;
  top: 100px;
  left: 50px;
  height: 50px;
  width: 150px;
  background: #fafafa;
  z-index: 999;
}

.leaflet-bottom { z-index: 10 !important }
/*
.leaflet-control-zoom,
.leaflet-control-layers { display: none }
*/
.leaflet-popup-content-wrapper {

}

.leaflet-popup-content {

}

.legend,
.xlabel,
.ylabel {
  font-size: 13px !important;
  font-weight: 400 !important;
}

/* Leaflet
 ---------------------------- */
.leaflet-map,
.leaflet-map #map {
  min-height: 600px;
  width: 100%;
}
.leaflet-map { display: block }


/* Thermometer
 ---------------------------- */
#dataArea { min-height: 160px }

table.thermometer-table { margin-bottom: 0 }
table.thermometer-table > tbody > tr > td {
  padding: 0 5px;
  border: 0;
  vertical-align: middle;
}

table.thermometer-table > tbody > tr > td { text-align: left }
table.thermometer-table tr.thm-top { font-size: 13px }
table.thermometer-table tr.thm-base { font-size: 13px }
table.thermometer-table tr.thm-max { font-size: 13px }

.thm-anchors p {
  text-align: left;
  font-size: 13px;
  margin-bottom: 0;
}
.thm-anchors p svg { vertical-align: -4px }
.thm-anchors.dual p { text-align: center }
.thm-anchors b,
label.bars-label { font-weight: 600 }

.thm-value {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  padding-left: 5px;
}
.thm-value small,
.thm-base small,
.thm-top small { font-style: italic }
gw-thermometer text {
  fill: #797979;
  font-size: 12px;
}
gw-thermometer .x.axis path { stroke-width: 1px }

/* Tables
 ---------------------------- */
.table-container {
  max-width: 900px;
  padding-top: 25px;
  padding-bottom: 25px;
}
.table-container .data {
  background-color: rgb(250, 250, 250);
  -webkit-box-shadow: rgba(0, 0, 0, 0.419608) 0px 0px 5px;
     -moz-box-shadow: rgba(0, 0, 0, 0.419608) 0px 0px 5px;
          box-shadow: rgba(0, 0, 0, 0.419608) 0px 0px 5px;
}
.btn-group > .btn.btn-geowiz { border-radius: 10px !important }
.btn-group > .btn.btn-geowiz:not(:last-child) { margin-right: 15px }
.table-container .selector { margin-bottom: 15px }
#toggleMode { margin: 0 auto }
#toggleMode input[type=radio] { display: none }
.glyphicon-save {
  margin-top: 3px;
  font-size: 20px;
  color: #888;
}
.glyphicon-save:active { color: #666 }
#optsMunicipality {
  padding-top: 25px;
  padding-bottom: 25px;
  margin-bottom: 0;
}

.gw-select.table button.dropdown-toggle .current,
.table .gw-select button.dropdown-toggle .current {
  font-size: 20px;
  text-transform: uppercase;
}
.gw-select-tree.table button.dropdown-toggle .current,
.table .gw-select-tree button.dropdown-toggle .current {
  text-transform: none;
  font-size: 20px;
}

#search {
  position: relative;
  font-size: 18px;
  margin: 0 auto;
}
#search label {
  position: absolute;
  left: 30px;
  top: 6px;
}
#search label .glyphicon { color: #838383 }
#search input {
  border-radius: 23px;
  padding-left: 43px;
  padding-right: 43px;
  position: relative;
  background-color: transparent;
}
#search input:focus {
  border-color: #aaa;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
#tableWrapper {
  min-height: 380px;
  height: 380px;
  padding: 15px;
  margin-top: 25px;
  margin-bottom: 25px;
}
#tableWrapper table,
#tableHeader table { width: 100% }
#tableHeader table.anchors { width: initial }
#tableWrapper table.table-list { margin-bottom: 1em }
#tableWrapper .table-list td { white-space: nowrap }
#tableWrapper tr.values td { padding-bottom: 1em }
#tableWrapper tr.values td:nth-child(odd) {
  width: 1%;
  padding-right: 10px;
}
#tableWrapper .table-tree td { vertical-align: top }
#tableWrapper table.table-tree { margin-bottom: 1em }
#tableHeader { padding: 20px 15px }
#tableHeader .anchors svg { display: inherit }
#tableHeader .anchors b:after { content: ':' }
#tableHeader td {
  white-space: nowrap;
  text-align: left;
}
#tableHeader td:nth-child(even) { padding-right: 10px }

#tableHeader ul,
#tableWrapper ul {
  padding-left: 0;
  list-style: none;
}
#tableWrapper ul ul ul { padding-left: 30px }
.table-tree td:first-child { padding-right: 35px }
.table-tree label {
  font-weight: 600;
  margin-bottom: 0;
}

.gw-select-tree .node-label.level-0,
.gw-select-tree .node-label.level-1 {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}
.gw-select-tree .node-label.level-2,
.gw-select-tree .node-label.level-3 {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.gw-select-tree .node-label.level-4,
.gw-select-tree .node-label.leaf {
  font-size: 13px;
  font-weight: normal;
  text-transform: none;
}
.gw-select-tree .node-label.leaf { font-style: italic }

.table-tree label.level-0 { margin-top: 0 }
.table-tree label.level-0,
.table-tree label.level-1,
#tableHeader .table-tree label {
  font-size: 19px;
  text-transform: uppercase;
}
.table-tree label.level-2 {
  text-transform: uppercase;
  color: #333;
  font-size: 15px;
  margin-bottom: 0;
  font-weight: 600;
}
.table-tree label.level-3,
#tableWrapper .municipality {
  font-size: 16px;
  color: #333;
  font-weight: 600;
}
#tableWrapper .table-tree label { cursor: default }
#tableWrapper .table-tree span.toggle { cursor: pointer }
#tableWrapper .table-tree label:hover { text-decoration: none }

.table-tree label.leaf {
  color: #666 !important;
  font-style: italic;
  cursor: auto !important;
  font-size: 15px !important;
}
.table-tree label.leaf:hover { text-decoration: none !important }
.table-tree p { margin-left: 25px }
.table-tree.leaf p,
#tableHeader .table-tree p { margin-left: 0 }
#tableHeader .table-tree label {
  color: #333;
  font-style: normal;
}
.table-tree p,
.table-list p {
  color: #888;
  margin-bottom: 0;
}
.table-tree p .label,
.table-list p .label {
  font-size: 14px;
  font-weight: 500;
  color: #444;
  padding: 0;
  margin-right: 0.5em;
}
.table-tree p .label.value,
.table-list p .label.value {
  margin-right: 0;
  font-weight: 600;
}
.table-tree p .value,
.table-list p .value {
  color: #333;
}
.table-tree p .label:after,
.table-list p .label:after { content: ':' }
.table-tree p .label.value:after,
.table-list p .label.value:after { display: none }

#tableWrapper ul.level-1 > li:after {
  content: ' ';
  display: block;
  width: 100%;
  border-bottom: 2px solid  #dbdbdb;
  margin: 30px auto;
}
#tableWrapper ul.level-1 > li:last-child:after { display: none }

.table-list td.region {
  font-size: 19px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 0;
  position: relative;
  cursor: pointer;
}
.table-list td.region span:first-child {
  padding-right: 5px;
  background-color: #fafafa;
  position: absolute;
}
.table-list td.region .separator {
  display: inline-block;
  width: 100%;
  margin: 5px auto;
  border-bottom: 1px dashed #bababa;
}
.table-list td.region.collapsed span.region-name:before {
  content: '[+]';
  margin-right: 5px;
}
.table-list td.region span.region-name:before {
  content: '[\2013]';
  margin-right: 6px;
}
#tableWrapper .table-tree .toggle.collapsed:before { content: '[+]' }
#tableWrapper .table-tree .toggle:before {
  content: '[\2013]';
  margin-right: 5px;
  font-weight: 400;
  color: #888;
}
#tableWrapper .table-tree .toggle.leaf:before {
  content: '';
  margin-right: 0;
}

/* Buttons
 ---------------------------- */
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted !important;
}

.btn-geowiz.disabled { opacity: 0.4 }
.btn-geowiz.btn-fixed-width { width: 108px }
/*.btn-geowiz>input[type=checkbox] { padding-top: 8px }*/

.btn.btn-geowiz.btn-lg,
a.btn.btn-geowiz.btn-lg,
button.btn.btn-geowiz.btn-lg {
  height: 35px;
  border-radius: 20px;
}

.btn-geowiz.btn-inverse,
a.btn-geowiz.btn-inverse,
button.btn-geowiz.btn-inverse {
  background-color: #3C5D6E;
  border-color: #3C5D6E;
  color: #fff;
}

.btn.btn-geowiz,
a.btn-geowiz,
button.btn-geowiz {
  height: 25px;
  padding: 2px 0 0;
  color: #999;
  text-transform: uppercase;
  border: 1px solid #999;
  border-radius: 10px;
  background-color: #fff;
}

.btn.btn-geowiz-e,
a.btn-geowiz-e,
button.btn-geowiz-e {
  color: #999;
  text-transform: uppercase;
  border: 1px solid #999;
  border-radius: 10px;
  background-color: #fff;
}

a.btn-geowiz.active,
a.btn-geowiz:active,
a.btn-geowiz:hover,
a.btn-geowiz:focus,
.btn-geowiz.active,
.btn-geowiz:active,
.btn-geowiz:hover,
.btn-geowiz:focus,
a.btn-geowiz-e.active,
a.btn-geowiz-e:active,
a.btn-geowiz-e:hover,
a.btn-geowiz-e:focus,
.btn-geowiz-e.active,
.btn-geowiz-e:active,
.btn-geowiz-e:hover,
.btn-geowiz-e:focus {
  color: #fff;
  background-color: #3C5D6E;
  border-color: #3C5D6E;
  outline: 0 !important;
}

.btn-geowiz.active,
.btn-geowiz:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
     -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
      -ms-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
          box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.btn-geowiz.btn-inverse.active,
.btn-geowiz.btn-inverse:active,
.btn-geowiz.btn-inverse:hover,
.btn-geowiz.btn-inverse:focus,
a.btn-geowiz.btn-inverse.active,
a.btn-geowiz.btn-inverse:active,
a.btn-geowiz.btn-inverse:hover,
a.btn-geowiz.btn-inverse:focus {
  background-color: #113a43;
  border-color: #113a43;
  outline: 0 !important;
}

/* Charts
 ---------------------------- */

/* tooltips */
.d3-tip,
.d3-tip:before {
  z-index: 99999;
}
.d3-tip {
  line-height: 1;
  color: #fff;
  padding: 5px;
  border-radius: 2px;
  background-color: #888;
}
.evol.d3-tip:after,
.colormap.d3-tip:before {
  box-sizing: border-box;
  width: 0;
  height: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-style: solid;
  content: ' ';
}
.colormap.d3-tip:before {
  top: 50%;
  left: -5px;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #888;
}
.evol.d3-tip:after {
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #888;
}

.axis path,
.axis line {
  fill: none;
  stroke-width: 2px;
  stroke: #a5a5a5;
  shape-rendering: crispEdges;
  z-index: 2;
}

.x.axis text {
    font-size: 1.5rem;
    font-weight: 600;
}

.y.axis text {
    font-size: 1.5rem;
    font-weight: 600;
}

.line-base,
.line-top {
  fill: none;
  stroke-width: 2px;
}

.line-base {
  stroke: #000000;
  stroke-dasharray: 4;
}

.line-top {
  stroke: #000000;
}

.line-hide,
.dot-hide {
  stroke: none;
  fill: none;
}

circle {
  stroke: #000;
  stroke-opacity: 1;
  stroke-width: 1px;
}

gw-thermometer .background,
gw-thermometer-detail .background {
  stroke: #a8a8a8;
  stroke-width: 1px;
  fill: #fefefe;
  shape-rendering: crispEdges;
}

.dot-base { fill: #000 }
.dot-top { fill: #fafafa }

label.bars-label {
  text-align: center;
  padding-top: 1rem;
  width: 100%;
  margin-bottom: 0;
}

.bars-legend { width: 100% }
.bars-legend td span { white-space: normal }
.bars-legend td {
  font-size: 14px;
  line-height: 16px;
  color: #968F8F;
  height: 35px;
  padding: 0 10px;
  white-space: nowrap;
  vertical-align: top;
  text-align: center;
}

gw-bars svg {
  display: block;
  margin: 0 auto;
}

/* Details
 ---------------------------- */
.details-container { position: relative }
.details-container hr {
  margin: 12px 0;
  border: 0;
  border-top: 1px dashed #cfcfcf;
}
.details-container .btn-group {
  position: absolute;
  top: -12px;
  right: 0;
  padding-left: 5px;
  background-color: #f9f9f9;
}
.details {
  overflow-y: scroll;
  max-height: 230px;
}
.detail .thm-max { font-size: 12px }
.detail label,
.detail .thm-value,
.detail .thm-max {
  padding: 0;
  margin: 0;
}
.detail hr {
  margin: 5px 0;
  border-top-color: #d2d2d2;
}
.dual label { display: block }
.dual label, .dual .thm-max { text-align: center }

/* Footer
 ---------------------------- */
#footer p,
#footer address { font-size: 11px }
#footer p.text-muted,
#footer address { color: #aaa }
#footer img {
  height: 35px;
  margin: 0 15px 10px 0;
}
#footer .contacts,
#footer address { text-align: right }
#footer .copyright,
#footer .logos { margin-bottom: 30px }
#footer .logos a:hover,
#footer .logos a:focus { text-decoration: none }
/* Dropdown styles
--------------------------------------------*/
@media (min-width: 992px) {
  #selectData ul.dropdown-menu {
    width: 350px;
  }
}

#selectData ul.dropdown-menu {
  max-width: 350px;
  overflow-x: hidden;
}

#selectData ul > li > a {
  white-space : normal;
}

.gw-select span.caret {
  position: absolute;
  top: 15px;
  right: 0;
}

.gw-select.with-dashed-line .dropdown-toggle {
  padding-left: 0;
  padding-bottom: 0;
  font-size: 18px;
  font-weight: 700;
}

.gw-select.open button.dropdown-toggle,
.gw-select.open button.dropdown-toggle:focus,
.gw-select.open button.dropdown-toggle:active,
.gw-select button.dropdown-toggle:hover,
.gw-select button.dropdown-toggle:active,
.gw-select button.dropdown-toggle:focus,
.gw-select.open button.dropdown-toggle > span.current,
.gw-select.open button.dropdown-toggle:focus > span.current,
.gw-select.open button.dropdown-toggle:active > span.current,
.gw-select button.dropdown-toggle:hover > span.current,
.gw-select button.dropdown-toggle:active > span.current,
.gw-select button.dropdown-toggle:focus > span.current {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  outline: 0 !important;
  text-decoration: underline;
  color: #333;
}

.gw-select button.dropdown-toggle {
  text-align: left;
  border: none !important;
  background: none !important;
  width: 100%;
}

#selectData button.dropdown-toggle,
#selectYear button.dropdown-toggle {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 0;
}

#selectData button.dropdown-toggle > span.current,
#selectYear button.dropdown-toggle > span.current {
  white-space: pre-wrap;
  display: inline-flex;
  min-height: 50px;
  line-height: 2.5rem;
}

#selectYear {
  float: right;
}

#selectYear ul.dropdown-menu {
  min-width: 0 !important;
  top: 30px;
  right: 0;
  left: inherit;
}

.gw-select {
  width: 100%;
}

.selectRegion > button {
  font-size: 2.5rem;
  height: 5.5rem;
}
.dual .selectRegion>button,
.selectRegion.dual>button { font-size: 2.2rem }
.dual .selectRegion button.dropdown-toggle>span.current,
.selectRegion.dual button.dropdown-toggle>span.current {
  white-space: pre-wrap;
  min-height: 44px;
  line-height: 22px;
}
#rightMunicipality .dropdown-menu {
  right: 0;
  left: inherit;
}

#selectData button.dropdown-toggle,
.selectRegion button.dropdown-toggle { padding-left: 0 }
#selectYear button.dropdown-toggle { text-align: right }

.selectRegion button.dropdown-toggle:after,
.with-dashed-line button.dropdown-toggle:after {
  content: "";
  display: block;
  height: 0.8em;
  border-bottom: 1px dashed #cfcfcf;
}

.gw-select.selectRegion .current,
.with-dashed-line .current {
  float: left;
  background-color: #fff;
  color: #333;
  padding-right: 5px;
}
.table-container .with-dashed-line .current { background-color: rgb(239, 239, 235) }
.gw-select.selectRegion .caret { top: 1em }
.gw-select .current.placeholder { color: #838383 }

/* gw-ui.select
 ------------------- */
gw-select li > a,
.gw-select li > a {
  cursor: pointer;
}

gw-select-find > input,
.gw-select > input {
  text-align: left;
  cursor: text;
  border-color: #ccc;
}

gw-select-find > input:active,
.gw-select > input:active,
gw-select-find > input.active,
.gw-select > input.active {
  box-shadow: none;
  -webkit-box-shadow: none;
}

/* Fixed width */
.fixed-width {
  float: none;
  margin-left: 0;
}

.fixed-width .dropdown-toggle {
  width: 100%;
  padding-right: 25px;
}

.fixed-width .current {
  overflow: hidden;
  width: 100%;
  text-align: left;
}

/* gw-ui.select-tree
 -------------------- */
.maxed-height {
  overflow-y: scroll;
}

.gw-select-tree li > span.ng-binding,
.gw-select-tree li > a { padding: 0 5px }
.gw-select-tree li > a {
  cursor: pointer;
  display: inline-block;
}

.gw-select-tree li > a:hover,
.gw-select-tree li > a:focus {
  background: none;
  text-decoration: underline;
  color: #111;
}

.gw-select-tree span.collapse-icon,
.gw-select-tree .indicator-tree span.node-label {
  cursor: pointer;
}

.gw-select-tree li {
  padding: 3px 0 3px 10px;
}

.gw-select-tree li > ul {
  list-style: none;
  padding: 5px 0;
  margin: 2px 0 0;
}

.gw-select-tree li > ul > li > a {
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

/* Utils
 ---------------------------- */
.no-padding {
  padding: 0 !important;
}

/* Overrides
 ---------------------------- */
body {
  font-family: "Open Sans", Arial, sans-serif !important;
}

a.navbar-brand {
  padding-top: 9px;
  padding-bottom: 9px;
  height: 58px;
}

.navbar-inverse a.navbar-brand {
  color: #fff;
  font-weight: 400;
}

.navbar-nav > li > a {
  padding-right: 0;
  padding-left: 0;
  margin: 0 15px;
  padding-top: 25px;
  padding-bottom: 5px;
  font-size: 16px;
  text-transform: uppercase;
}

.navbar-inverse .navbar-nav > li > a {
  border-bottom: 3px solid transparent;
  color: #fff;
}

.navbar-inverse .navbar-nav > li.active > a,
.navbar-inverse .navbar-nav > li.active > a:focus,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a.focus,
.navbar-inverse .navbar-nav > li.active > a:hover {
  border-bottom: 3px solid #aeb57c;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: transparent;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: transparent;
  color: #aeb57c;
}

.nav-pills > li > a {
  color: #fff;
}

.tooltip-inner {
  background-color: #888;
}
.tooltip.left > .tooltip-arrow {
  border-left-color: #888;
}
.tooltip.bottom > .tooltip-arrow {
  border-bottom-color: #888;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #b2b2b2;
  font-style: italic;
}

/* Scrollbar
 * ------------------------ */
#tableWrapper { position: relative }
.ps-container > .ps-scrollbar-y-rail { display: block }
.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail,
.ps-container > .ps-scrollbar-x-rail,
.ps-container > .ps-scrollbar-y-rail { opacity: 0.9 }
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y,
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y,
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #333 }
.ps-container:hover > .ps-scrollbar-y-rail:hover { opacity: 0.9 }
.ps-container > .ps-scrollbar-y-rail,
.ps-container:hover > .ps-scrollbar-y-rail:hover,
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail,
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #aaa }

/* Spinner [http://www.css-spinners.com/]
 * ------------------------- */
@-moz-keyframes throbber-loader {
  0%  { background: #3C5D6E }
  10% { background: #aeb57c }
  40% { background: #3C5D6E }
}
@-webkit-keyframes throbber-loader {
  0%  { background: #3C5D6E }
  10% { background: #aeb57c }
  40% { background: #3C5D6E }
}
@keyframes throbber-loader {
  0%  { background: #3C5D6E }
  10% { background: #aeb57c }
  40% { background: #3C5D6E }
}
/* :not(:required) hides these rules from IE9 and below */
.throbber-loader:not(:required) {
  -moz-animation: throbber-loader 2000ms 300ms infinite ease-out;
  -webkit-animation: throbber-loader 2000ms 300ms infinite ease-out;
  animation: throbber-loader 2000ms 300ms infinite ease-out;
  background: #3C5D6E;
  display: inline-block;
  position: relative;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin: 0 1.6em;
}
.throbber-loader:not(:required):before, .throbber-loader:not(:required):after {
  background: #3C5D6E;
  content: '\x200B';
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  position: absolute;
  top: 0;
}
.throbber-loader:not(:required):before {
  -moz-animation: throbber-loader 2000ms 150ms infinite ease-out;
  -webkit-animation: throbber-loader 2000ms 150ms infinite ease-out;
  animation: throbber-loader 2000ms 150ms infinite ease-out;
  left: -22px;
}
.throbber-loader:not(:required):after {
  -moz-animation: throbber-loader 2000ms 450ms infinite ease-out;
  -webkit-animation: throbber-loader 2000ms 450ms infinite ease-out;
  animation: throbber-loader 2000ms 450ms infinite ease-out;
  right: -22px;
}
.spinner[name=mapSpinner] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:rgba(255, 255, 255, 0.5);
}
.spinner[name=mapSpinner] > div[ng-transclude] { height: 100% }
.spinnerWrapper {
  position: relative;
  height: 100%;
  width: calc(100% - 480px);
}
.spinner[name=mapSpinner] .throbber-loader {
  display: block;
  position: absolute;
  margin: 0 22px;
  top: calc(50% - 20px);
  left: calc(50% - 32px);
}