body {
  overflow: hidden; }

.pin {
  background: rgba(0, 0, 0, 0.8); }

.pin__image {
  background-color: #C83737; }

.pin__image:after {
  background-color: #DBE2E3; }

.pin__pulse {
  background: #141414; }

.pin__pulse:after {
  box-shadow: 0 0 4px 5px #DBE2E3; }

header {
  width: 100%;
  height: 80px;
  background: url(../images/bg-header-hac.jpg) repeat-x scroll 0 0 #FFFFFF;
  color: #282828;
  font-family: Arial, Tahoma, Helvetica, sans-serif; }
  header appheader {
    /* target Internet Explorer 9 to undo the custom arrow */ }
    header appheader .logo-back {
      width: calc(100% - 280px);
      height: 80px;
      background: url(../images/bg-home-logo.jpg) no-repeat scroll 0 0 transparent;
      margin-left: 300px; }
    header appheader .header-left {
      width: 280px;
      height: 80px;
      background-color: #88888a;
      color: #f5f5f5;
      line-height: 60px;
      font-size: 30px;
      font-weight: bold;
      padding-left: 30px; }
    @media screen and (min-width: 0\0) {
      header appheader select {
        background: none\9;
        padding: 5px\9; } }
  header manualDownload .manualDownload.md-header {
    position: absolute;
    right: 120px;
    top: 25px;
    z-index: 101; }
    header manualDownload .manualDownload.md-header a {
      color: #88888A; }
    header manualDownload .manualDownload.md-header:hover {
      opacity: 0.5; }

layerTree .layer-tree-wrapper .layer-tree-container {
  background-color: #88888a; }

map .system, appheader .system {
  color: #fff;
  background-color: #88888a; }

map region.west {
  width: 280px;
  margin-left: -280px; }

map region.west.open + region.east:not(.open) + region.center {
  width: calc(100% - 280px); }

scaleLine .scaleLine {
  background: #b7b7b9; }

scaleLine .scaleLine .scaleLine-inner {
  color: inherit; }

app footer, app.vertical footer {
  background-color: #88888a; }

app footer select, app.vertical footer select {
  background-color: #88888a;
  padding-top: 2px; }

header languageselect {
  /* CAUTION: IE hackery ahead */ }
  header languageselect .languageSelect {
    position: absolute;
    right: 25px;
    top: 27px;
    z-index: 101; }
  header languageselect select {
    width: 80px;
    padding: 0px 0px 0px 13px;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #ccc;
    height: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #eee !important;
    color: #88888a !important; }
  header languageselect select:hover {
    cursor: pointer; }
  header languageselect select::-ms-expand {
    display: none;
    /* remove default arrow on ie10 and ie11 */ }

.layer-node-menu .glyphicon-edit, .layer-node-menu .glyphicon-info-sign {
  display: none !important; }