@font-face {
  font-family: 'Noto-sans';
  src: url('/public/brand/fonts/noto-sans.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Noto-sans';
  src: url('/public/brand/fonts/noto-sans-italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Noto-sans';
  src: url('/public/brand/fonts/noto-sans-bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Noto-sans';
  src: url('/public/brand/fonts/noto-sans-bold-italic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
body {
  font-family: 'Noto-sans', Tahoma, Helvetica, sans-serif;
}
#map {
  font-family: 'Noto-sans', Tahoma, Helvetica, sans-serif;
}
#wrap #header {
  background: #0c0d46;
  border-bottom: 1px solid #3e3e3f;
}
#wrap #header .action-elements .element {
  border-left: 1px solid #0c0d46;
}
#wrap #header .action-elements .element.element-first {
  background: none;
}
#wrap #header .action-elements .element .element-button .colored {
  background: none repeat scroll 0 0 #ef3522;
}
#wrap #header .action-elements .element .element-button:hover {
  background: none repeat scroll 0 0 #ef3522;
}
#wrap #header .action-elements .element .element-button.current {
  background: none repeat scroll 0 0 #ef3522;
}
#wrap #header .login-info .header-line {
  border-left: 1px solid #0c0d46;
}
#wrap #header .login-info .help {
  background-color: #ef3522;
  border: #ef3522;
}
#wrap #header .login-info .exit-enter-block:hover {
  background: #ef3522;
}
#wrap .right-panel {
  background: none repeat scroll 0 0 #3e3e3f;
}
#wrap #layers-tabs {
  font-family: 'Noto-sans', Tahoma, Helvetica, sans-serif;
}
#wrap #layers-tabs .ui-widget {
  font-family: 'Noto-sans', Tahoma, Helvetica, sans-serif;
}
#wrap #layers-tabs .ui-state-default {
  background: none repeat scroll 0 0 #939598;
}
#wrap #layers-tabs .ui-state-active {
  background: none repeat scroll 0 0 #ffffff;
}
#wrap #layers-tabs .accordion .ui-state-default {
  background: #939598;
}
#wrap #layers-tabs .accordion .ui-state-active {
  background: #3e3e3f;
}
#wrap #layers-tabs .ui-tabs-hover {
  background: none repeat scroll 0 0 #3e3e3f;
}
#wrap #layers-tabs .pages {
  background: none repeat scroll 0 0 #DDDFE1;
}
#wrap #layers-tabs .pages ul li {
  color: #475964;
}
#wrap #layers-tabs .pages ul .here {
  color: #3D464B;
}
#wrap .baseLayer-block .baseLayer-block-container {
  color: #0c0d46;
}
#wrap .baseLayer-block .baseLayer-block-container .selector:hover {
  background: #ef3522;
  color: #eff0f1;
}
#wrap .baseLayer-block .baseLayer-block-container .current {
  color: #AAB3B3;
}
#wrap .baseLayer-block .baseLayer-block-container .current:hover {
  background: none;
  color: #AAB3B3;
}
#wrap .baseLayer-block .baseLayer-block-container .arrow:hover {
  background: #ef3522;
}
#wrap .baseLayer-block .baseLayer-block-container .baselayer-select div:hover {
  background: #ef3522;
  color: #eff0f1;
}
#wrap #authentication-div {
  background: none repeat scroll 0 0 #0c0d46;
}
#wrap #leftpanel-div #close-leftpanel-button {
  background: url("/public/images/close-left-panel-arrow.png") no-repeat center #939598;
  border-left: 1px solid #969696;
  border-right: 2px solid #939598;
  border-radius: 0 3px 3px 0;
}
#wrap .zoom-control .hand-control {
  background: url("/public/images/controls/hand-control.png") no-repeat;
}
#wrap .zoom-control .hand-control .arrow-top:hover {
  background: url("/public/images/controls/nav-arrow-top-hover.png") no-repeat;
}
#wrap .zoom-control .hand-control .arrow-top:active {
  background: url("/public/images/controls/nav-arrow-top-active.png") no-repeat;
}
#wrap .zoom-control .hand-control .arrow-right:hover {
  background: url("/public/images/controls/nav-arrow-right-hover.png") no-repeat;
}
#wrap .zoom-control .hand-control .arrow-right:active {
  background: url("/public/images/controls/nav-arrow-right-active.png") no-repeat;
}
#wrap .zoom-control .hand-control .arrow-bottom:hover {
  background: url("/public/images/controls/nav-arrow-bottom-hover.png") no-repeat;
}
#wrap .zoom-control .hand-control .arrow-bottom:active {
  background: url("/public/images/controls/nav-arrow-bottom-active.png") no-repeat;
}
#wrap .zoom-control .hand-control .arrow-left:hover {
  background: url("/public/images/controls/nav-arrow-left-hover.png") no-repeat;
}
#wrap .zoom-control .hand-control .arrow-left:active {
  background: url("/public/images/controls/nav-arrow-left-active.png") no-repeat;
}
#wrap .zoom-control .hand-control .hand:hover {
  background: url("/public/images/controls/nav-hand-hover.png") no-repeat;
}
#wrap .zoom-control .hand-control .hand:active {
  background: url("/public/images/controls/nav-hand-active.png") no-repeat;
}
#wrap .zoom-control .zoom-in {
  background: url("/public/images/controls/zoom-in.png") no-repeat;
}
#wrap .zoom-control .zoom-in:hover {
  background: url("/public/images/controls/zoom-in-hover.png") no-repeat;
}
#wrap .zoom-control .zoom-in:active {
  background: url("/public/images/controls/zoom-in-active.png") no-repeat;
}
#wrap .zoom-control .zoom-out {
  background: url("/public/images/controls/zoom-out.png") no-repeat;
}
#wrap .zoom-control .zoom-out:hover {
  background: url("/public/images/controls/zoom-out-hover.png") no-repeat;
}
#wrap .zoom-control .zoom-out:active {
  background: url("/public/images/controls/zoom-out-active.png") no-repeat;
}
#wrap .zoom-control .ui-slider {
  background: url("/public/images/controls/separator-hor.png") repeat-y;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #939598;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: #3e3e3f;
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: #3e3e3f;
}
.mapsurfer-popup-content {
  font: 12px/1.4 'Noto-sans', Tahoma, Helvetica, sans-serif !important;
}