.webgis-search-result-marker-tooltip-type-county {
  background: #FFF url("images/searchicons/county.png") no-repeat center;
}

.webgis-search-result-marker-tooltip-type-cemetery {
  background: #FFF url("images/searchicons/cemetery.png") no-repeat center;
}

.webgis-search-result-marker-tooltip-type-church {
  background: #FFF url("images/searchicons/church.png") no-repeat center;
}

.webgis-search-result-marker-tooltip-type-city {
  background: #FFF url("images/searchicons/city.png") no-repeat center;
}

.webgis-search-result-marker-tooltip-type-firestation {
  background: #FFF url("images/searchicons/firestation.png") no-repeat center;
}

.webgis-search-result-marker-tooltip-type-lake {
  background: #FFF url("images/searchicons/lake.png") no-repeat center;
}

.webgis-search-result-marker-tooltip-type-river {
  background: #FFF url("images/searchicons/river.png") no-repeat center;
}

.webgis-search-result-marker-tooltip-type-road {
  background: #FFF url("images/searchicons/road.png") no-repeat center;
}

.webgis-search-result-marker-tooltip-type-school {
  background: #FFF url("images/searchicons/school.png") no-repeat center;
}

.webgis-search-result-marker-tooltip-type-state {
  background: #FFF url("images/searchicons/state.png") no-repeat center;
}

.webgis-search-result-marker-tooltip-type-street {
  background: #FFF url("images/searchicons/street.png") no-repeat center;
}

.webgis-search-result-marker-tooltip-type-interstate {
  background: #FFF url("images/searchicons/interstate.png") no-repeat center;
}

.webgis-search-result-marker-tooltip-type-imagereference {
  background: #FFF url("images/searchicons/imagereference.png") no-repeat center;
}

.webgis-search-result-marker-tooltip-type-coordinates {
  background: #FFF url("images/searchicons/marker-icon.png") no-repeat center;
}

#branding {
  position: fixed;
  bottom: 24px;
  left: calc(50% - 88px);
  width: 166px;
  height: 68px;
  display: block;
  background: url("images/hex-logo.png") no-repeat left top;
}

@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  #branding {
    background-image: url("images/hex-logox2.png");
    background-size: 166px 68px;
  }
}

#customization-tools {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -100%;
  z-index: 900000;
  transition-duration: 0.6s;
}

#customization-tools #customization-editor {
  background-color: white;
  height: 100%;
  width: 100%;
}

#customization-tools-handle {
  height: 36px;
  background-color: white;
  text-align: center;
  cursor: pointer;
  width: 300px;
  position: absolute;
  z-index: 899998;
  left: calc(50% - 150px);
  vertical-align: middle;
  line-height: 36px;
  font-size: 16px;
  font-family: Arial;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

#customization-tools-handle p {
  margin: 0;
}

#customization-tools-handle .customization-icon {
  display: block;
  width: 36px;
  height: 36px;
  z-index: 899999;
  background-image: url("images/icon-control.png");
  background-position: 0px -144px;
  position: absolute;
  left: 1px;
}

#customization-tools-handle:hover {
  background-color: #DCDCDC;
}

#customization-tools-handle:hover ~ #customization-tools {
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
  top: calc(-100% + 12px);
}

.toolboxPanel {
  margin: 1px 0px 1px 0px;
  width: 288px;
  height: 100%;
}

.toolboxPanel .x-panel-header-default {
  background-color: #87C5D4;
}

.toolboxPanel .paragraph {
  margin-left: 5px;
  font-weight: normal;
}

.iconPanel {
  margin: 5px 5px 5px 5px;
}

.iconPanel img {
  cursor: pointer;
}

.expanded {
  top: 0 !important;
}

.snippets-button {
  height: 50px;
  width: 100%;
}

.snippets-button span {
  line-height: 45px !important;
  height: 50px !important;
}

.webgis-search-item-icon-google-maps {
  background-color: #FFF;
  background-position: center;
  background-size: 26px;
  background-repeat: no-repeat;
}

.webgis-search-result-marker-tooltip-google-maps {
  background-color: #FFF;
  background-size: 40px;
}

.google-maps-search-item {
  padding: 0 10px;
}

.google-maps-search-item .webgis-search-item-title, .google-maps-search-item .webgis-search-item-description {
  width: 208px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.google-maps-search-item .webgis-search-item-title {
  -webkit-line-clamp: 2;
}

.google-maps-search-item .webgis-search-item-description {
  -webkit-line-clamp: 5;
}

#web-browser-window .x-tab-icon-el.hehe-icons-expand {
  color: white;
  font-size: 15px;
}

#toolbars-left-bottom .toolbar .custom-button.active {
  background-color: #FFCC00;
}

#toolbars-left-bottom .toolbar .custom-button.active:hover {
  background-color: #FF8700;
}

.HighContrast #toolbars-left-bottom .toolbar .custom-button.active {
  background-color: #000 !important;
  background-size: 36px 36px !important;
}

.HighContrast #toolbars-left-bottom .toolbar .custom-button.active:hover {
  background-color: #dcdcdc !important;
}

.HighContrast #toolbars-left-bottom .toolbar .custom-button#buses.active {
  background-image: url(images/bus-high-contrast.png) !important;
}

.HighContrast #toolbars-left-bottom .toolbar .custom-button#trains.active {
  background-image: url(images/train-high-contrast.png) !important;
}