@charset "UTF-8";
.cwm-map {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal !important;
}

.cwm-map ul {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cwm-map img, .cwm-map svg {
  -khtml-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  max-width: none !important;
}

.olTileImage {
  -webkit-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}

.cwm-smooth-rendering .olTileImage {
  -webkit-transition: opacity 0.4s linear;
  -moz-transition: opacity 0.4s linear;
  -o-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
}

/*.olImageLoadError {
    background-color: pink;
    opacity: 0.5;
    filter: alpha(opacity=50); /* IE
} */
.olControlPanel, .olControlFlexPanel, .olControlTabbedPanel, .olControlSearchTabPanel, .olControlHelpSubpanel, .olControlAOI, .olControlMarkup, .olControlStyleShapeToolbar, .olControlStyleSymbolToolbar, .olControlSelection, .olControlBookmarks, .olControlMeasure, .olControlIdentifyFeatureWMS-cwm, .olControlSearchForLocation, .olControlSearchForFeatures, .cwm-navpanel, .cwm-toolpanel, .olControlAux-cwm {
  line-height: 0;
  background-color: #44608d;
  border-radius: 5px;
}

.olControlPanel div.olButton, .olControlFlexPanel div.olButton, .olControlTabbedPanel div.olButton, .olControlSearchTabPanel div.olButton, .olControlHelpSubpanel div.olButton, .olControlAOI div.olButton, .olControlMarkup div.olButton, .olControlStyleShapeToolbar div.olButton, .olControlStyleSymbolToolbar div.olButton, .olControlSelection div.olButton, .olControlBookmarks div.olButton, .olControlMeasure div.olButton, .olControlIdentifyFeatureWMS-cwm div.olButton, .olControlSearchForLocation div.olButton, .olControlSearchForFeatures div.olButton, .cwm-navpanel div.olButton, .cwm-toolpanel div.olButton, .olControlAux-cwm div.olButton {
  display: inline-block;
}

.cwm-command {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 3px;
  border: 0;
  padding: 1px;
}

.cwm-command:disabled, .cwm-command.cwm-disabled, .cwm-command.cwm-inactive-fade {
  opacity: 0.5;
}

.cwm-command.cwm-active {
  opacity: 1.0;
}

.cwm-command.cwm-inactive-fade:hover {
  opacity: 1.0;
  background-color: #8caad9;
}

.cwm-command:disabled:hover, .cwm-command.cwm-disabled:hover, .cwm-command:disabled.cwm-active, .cwm-command.cwm-disabled.cwm-active {
  opacity: 0.5;
  background-color: transparent;
}

.olButton {
  width: 24px;
  height: 24px;
  margin: 2px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
  border-radius: 3px;
  cursor: default;
  border: 1px solid transparent;
}

.olButton:disabled, .olButton.cwm-disabled {
  opacity: 0.5;
}

.olButton:hover {
  border: 1px outset #8caad9;
}

.olButton.cwm-disabled:hover {
  border: 1px solid transparent;
}

.cwm-button, .cwm-text-button {
  width: 24px;
  height: 24px;
  margin: 2px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
  border-radius: 3px;
  display: inline-block;
  border: 2px solid transparent;
  color: #edf3fc;
  background-color: #44608d;
}

.cwm-button:disabled, .cwm-text-button:disabled, .cwm-button.cwm-disabled, .cwm-disabled.cwm-text-button {
  opacity: 0.5;
}

.cwm-button:hover, .cwm-text-button:hover {
  border: 2px solid #85ADEA;
}

.cwm-button:disabled:hover, .cwm-text-button:disabled:hover, .cwm-button.cwm-disabled:hover, .cwm-disabled.cwm-text-button:hover {
  border: 2px solid transparent;
}

.cwm-text-button {
  width: auto;
}

.olControlFullscreen {
  /* basic layout and positioning */
  bottom: 0;
  left: 320px;
  height: 20px;
  width: 20px;
  display: block;
  position: absolute;
  z-index: 1020;
  cursor: pointer;
  /* FS off state */
  background-image: url("img/cwm-fullscreen-on.png");
  background-repeat: no-repeat;
  background-position: bottom 0px left 0px;
  /* FS on state */
}

.olControlFullscreen.cwm-fullscreen-on {
  background-image: url("img/cwm-fullscreen-off.png");
}

.olControlFlexPanel, .olControlTabbedPanel, .olControlSearchTabPanel, .olControlHelpSubpanel, .olControlAOI, .olControlMarkup, .olControlStyleShapeToolbar, .olControlStyleSymbolToolbar, .olControlSelection, .olControlBookmarks, .olControlMeasure, .olControlIdentifyFeatureWMS-cwm, .olControlSearchForLocation, .olControlSearchForFeatures {
  position: absolute;
  top: 36px;
  left: 36px;
  z-index: 1000;
  font-size: 13px;
  text-align: left;
  background-color: #44608d;
  border-radius: 5px;
}

.olControlFlexPanel .cwm-close-panel, .olControlTabbedPanel .cwm-close-panel, .olControlSearchTabPanel .cwm-close-panel, .olControlHelpSubpanel .cwm-close-panel, .olControlAOI .cwm-close-panel, .olControlMarkup .cwm-close-panel, .olControlStyleShapeToolbar .cwm-close-panel, .olControlStyleSymbolToolbar .cwm-close-panel, .olControlSelection .cwm-close-panel, .olControlBookmarks .cwm-close-panel, .olControlMeasure .cwm-close-panel, .olControlIdentifyFeatureWMS-cwm .cwm-close-panel, .olControlSearchForLocation .cwm-close-panel, .olControlSearchForFeatures .cwm-close-panel {
  float: right;
  width: 14px;
  height: 14px;
  margin: 0 0 0 4px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("img/cwm-panel-close.png");
  border-radius: 0 5px 0 3px;
}

.olControlFlexPanel .cwm-custom-item, .olControlTabbedPanel .cwm-custom-item, .olControlSearchTabPanel .cwm-custom-item, .olControlHelpSubpanel .cwm-custom-item, .olControlAOI .cwm-custom-item, .olControlMarkup .cwm-custom-item, .olControlStyleShapeToolbar .cwm-custom-item, .olControlStyleSymbolToolbar .cwm-custom-item, .olControlSelection .cwm-custom-item, .olControlBookmarks .cwm-custom-item, .olControlMeasure .cwm-custom-item, .olControlIdentifyFeatureWMS-cwm .cwm-custom-item, .olControlSearchForLocation .cwm-custom-item, .olControlSearchForFeatures .cwm-custom-item {
  display: inline-block;
  vertical-align: top;
  line-height: normal;
  margin: 2px 4px;
}

.olControlFlexPanel .cwm-custom-item.cwm-next-row, .olControlTabbedPanel .cwm-custom-item.cwm-next-row, .olControlSearchTabPanel .cwm-custom-item.cwm-next-row, .olControlHelpSubpanel .cwm-custom-item.cwm-next-row, .olControlAOI .cwm-custom-item.cwm-next-row, .olControlMarkup .cwm-custom-item.cwm-next-row, .olControlStyleShapeToolbar .cwm-custom-item.cwm-next-row, .olControlStyleSymbolToolbar .cwm-custom-item.cwm-next-row, .olControlSelection .cwm-custom-item.cwm-next-row, .olControlBookmarks .cwm-custom-item.cwm-next-row, .olControlMeasure .cwm-custom-item.cwm-next-row, .olControlIdentifyFeatureWMS-cwm .cwm-custom-item.cwm-next-row, .olControlSearchForLocation .cwm-custom-item.cwm-next-row, .olControlSearchForFeatures .cwm-custom-item.cwm-next-row {
  display: block;
  margin: 0;
  height: auto;
  border: 0;
}

.olControlTabbedPanel, .olControlSearchTabPanel {
  background-color: #788db0;
  line-height: normal;
}

.olControlTabbedPanel .cwm-tab-headers, .olControlSearchTabPanel .cwm-tab-headers {
  color: gray;
  padding-left: 6px;
  padding-top: 2px;
}

.olControlTabbedPanel .cwm-tab-headers .cwm-tab-header, .olControlSearchTabPanel .cwm-tab-headers .cwm-tab-header {
  display: inline-block;
  cursor: pointer;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: lightgray;
  background-color: gray;
  margin-right: 4px;
}

.olControlTabbedPanel .cwm-tab-headers .cwm-tab-header:hover, .olControlSearchTabPanel .cwm-tab-headers .cwm-tab-header:hover {
  color: white;
}

.olControlTabbedPanel .cwm-tab-headers .cwm-tab-header.cwm-tab-active, .olControlSearchTabPanel .cwm-tab-headers .cwm-tab-header.cwm-tab-active {
  background: #44608d;
  color: white;
  cursor: default;
}

.olControlTabbedPanel .cwm-tab-panels, .olControlSearchTabPanel .cwm-tab-panels {
  line-height: normal;
  background-color: #44608d;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.olControlTabbedPanel .cwm-close-panel, .olControlSearchTabPanel .cwm-close-panel {
  float: initial;
  display: block;
  position: absolute;
  top: 1px;
  right: 2px;
  height: 11px;
  width: 11px;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("img/cwm-panel-close.png");
}

.olControlPopupList, .olControlScaleEx, .olControlMultiMousePosition, .olControlBaseMapChooser {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2000 !important;
  color: #5375ac;
  opacity: 1;
  font-size: smaller;
  height: 17px;
  background-color: #edf3fc;
  border-radius: 5px;
  overflow: hidden;
}

.olControlPopupList .cwm-command.cwm-expand, .olControlScaleEx .cwm-command.cwm-expand, .olControlMultiMousePosition .cwm-command.cwm-expand, .olControlBaseMapChooser .cwm-command.cwm-expand {
  width: 13px;
  height: 13px;
  background-image: url("img/cwm-arrowhead-down.png");
}

.olControlPopupList .cwm-command.cwm-collapse, .olControlScaleEx .cwm-command.cwm-collapse, .olControlMultiMousePosition .cwm-command.cwm-collapse, .olControlBaseMapChooser .cwm-command.cwm-collapse {
  width: 13px;
  height: 13px;
  background-image: url("img/cwm-arrowhead-up.png");
}

.olControlPopupList.cwm-collapsed .cwm-collapse, .cwm-collapsed.olControlScaleEx .cwm-collapse, .cwm-collapsed.olControlMultiMousePosition .cwm-collapse, .cwm-collapsed.olControlBaseMapChooser .cwm-collapse {
  display: none;
}

.olControlPopupList.cwm-collapsed .cwm-popup-list, .cwm-collapsed.olControlScaleEx .cwm-popup-list, .cwm-collapsed.olControlMultiMousePosition .cwm-popup-list, .cwm-collapsed.olControlBaseMapChooser .cwm-popup-list {
  display: none;
}

.olControlPopupList.cwm-expanded, .cwm-expanded.olControlScaleEx, .cwm-expanded.olControlMultiMousePosition, .cwm-expanded.olControlBaseMapChooser {
  overflow: visible;
}

.olControlPopupList.cwm-expanded .cwm-expand, .cwm-expanded.olControlScaleEx .cwm-expand, .cwm-expanded.olControlMultiMousePosition .cwm-expand, .cwm-expanded.olControlBaseMapChooser .cwm-expand {
  display: none;
}

.olControlPopupList.cwm-expanded .cwm-popup-status, .cwm-expanded.olControlScaleEx .cwm-popup-status, .cwm-expanded.olControlMultiMousePosition .cwm-popup-status, .cwm-expanded.olControlBaseMapChooser .cwm-popup-status {
  display: none;
}

.olControlPopupList .cwm-popup-toggle, .olControlScaleEx .cwm-popup-toggle, .olControlMultiMousePosition .cwm-popup-toggle, .olControlBaseMapChooser .cwm-popup-toggle {
  z-index: 2;
  position: relative;
  display: inline-block;
  top: 1px;
}

.olControlPopupList .cwm-popup-toggle:hover, .olControlScaleEx .cwm-popup-toggle:hover, .olControlMultiMousePosition .cwm-popup-toggle:hover, .olControlBaseMapChooser .cwm-popup-toggle:hover {
  background-color: #d2e1f9;
}

.olControlPopupList .cwm-popup-status, .olControlScaleEx .cwm-popup-status, .olControlMultiMousePosition .cwm-popup-status, .olControlBaseMapChooser .cwm-popup-status {
  z-index: 1;
  position: relative;
  display: inline-block;
  cursor: default;
  white-space: nowrap;
  top: -1px;
}

.olControlPopupList .cwm-popup-list, .olControlScaleEx .cwm-popup-list, .olControlMultiMousePosition .cwm-popup-list, .olControlBaseMapChooser .cwm-popup-list {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: auto;
  background-color: #edf3fc;
  margin: 0;
  padding-top: 2px;
  padding-left: 25px;
  padding-right: 2px;
  padding-bottom: 0px;
  border-radius: 5px;
  white-space: nowrap;
}

.olControlPopupList .cwm-popup-list li, .olControlScaleEx .cwm-popup-list li, .olControlMultiMousePosition .cwm-popup-list li, .olControlBaseMapChooser .cwm-popup-list li {
  list-style-type: none;
  line-height: normal;
  cursor: pointer;
}

.olControlPopupList .cwm-popup-list li:hover, .olControlScaleEx .cwm-popup-list li:hover, .olControlMultiMousePosition .cwm-popup-list li:hover, .olControlBaseMapChooser .cwm-popup-list li:hover {
  background-color: #d2e1f9;
}

.olControlPopupList .cwm-popup-list li.cwm-selected, .olControlScaleEx .cwm-popup-list li.cwm-selected, .olControlMultiMousePosition .cwm-popup-list li.cwm-selected, .olControlBaseMapChooser .cwm-popup-list li.cwm-selected {
  display: block;
  font-weight: bold;
  position: relative;
  left: -10px;
}

.olControlPopupList .cwm-popup-list li.cwm-selected::before, .olControlScaleEx .cwm-popup-list li.cwm-selected::before, .olControlMultiMousePosition .cwm-popup-list li.cwm-selected::before, .olControlBaseMapChooser .cwm-popup-list li.cwm-selected::before {
  content: '•';
  display: inline-block;
  text-align: right;
  width: 10px;
}

.cwm-component, .cwm-component-text-entry, .cwm-component-select, .cwm-component-select-layer, .cwm-component-button, .cwm-component-status, .cwm-component-checkbox, .cwm-component-field-set {
  display: inline-block;
  font-size: 13px;
  vertical-align: top;
}

.cwm-component-text-entry {
  display: inline-flex;
  align-items: center;
  background-color: white;
  border-radius: 3px;
  border-color: #44608d;
  padding: 2px;
}

.cwm-component-text-entry input[type="text"] {
  flex-grow: 1;
  min-width: 0;
  font-size: 13px;
  border: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
}

.cwm-component-text-entry input[type="text"]:focus {
  outline: 0;
}

.cwm-component-text-entry input[type="text"]::-ms-clear {
  display: none;
}

.cwm-component-text-entry .cwm-clear {
  width: 16px;
  height: 16px;
  background-image: url("img/tool-icons/16px/cwm-clear-item.png");
  margin: 0;
  flex-shrink: 0;
}

.cwm-component-select, .cwm-component-select-layer {
  border-radius: 3px;
  border-color: #44608d;
  position: relative;
  display: flex;
}

.cwm-component-select select, .cwm-component-select-layer select {
  display: inline-block;
  font-size: 1em;
  padding: 0;
  margin: 0;
  background-color: transparent;
  background-image: none;
  color: white;
  width: 100%;
  border-radius: 0;
  border: 0;
}

.cwm-component-select select:focus, .cwm-component-select-layer select:focus {
  outline: 0;
}

.cwm-component-select select[disabled], .cwm-component-select-layer select[disabled] {
  color: gray;
}

.cwm-component-select .cwm-clear, .cwm-component-select-layer .cwm-clear {
  width: 16px;
  height: 16px;
  background-image: url("img/tool-icons/16px/cwm-clear-item.png");
  display: inline-block;
  margin-right: 3px;
  margin-top: 1px;
}

.cwm-component-button {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  height: 24px;
  border-radius: 3px;
  cursor: pointer;
  border: 2px solid transparent;
  color: #edf3fc;
  background-color: #44608d;
}

.cwm-component-button:disabled, .cwm-component-button.cwm-disabled {
  opacity: 0.5;
}

.cwm-component-button:hover {
  border: 2px solid #85ADEA;
}

.cwm-component-button:disabled:hover, .cwm-component-button.cwm-disabled:hover {
  border: 2px solid transparent;
}

.cwm-component-button .cwm-icon {
  width: 24px;
  height: 24px;
  margin: 2px;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0;
}

.cwm-component-button .cwm-label:not(:empty) {
  padding-left: 4px;
  padding-right: 4px;
}

.cwm-component-status .cwm-spinner-outer {
  position: absolute;
  display: none;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  overflow: hidden;
  vertical-align: top;
}

.cwm-component-status .cwm-spinner-outer .cwm-spinner {
  margin-top: 0;
  margin-left: 3px;
  top: 0;
  left: 0;
}

.cwm-component-status .cwm-status-message {
  display: table-cell;
  font-size: 12px;
  vertical-align: middle;
  padding-left: 3px;
  height: 26px;
  color: #5375ac;
  opacity: 1;
}

.cwm-component-status .cwm-status-message.cwm-error-status {
  color: red;
}

.cwm-component-status.cwm-in-progress .cwm-spinner-outer {
  display: inline-block;
}

.cwm-component-status.cwm-in-progress .cwm-status-message {
  padding-left: 30px;
}

.cwm-component-checkbox input[type="checkbox"] {
  display: inline-block;
  padding: 0;
  width: auto;
}

.cwm-component-checkbox label span {
  font-size: 13px;
}

.cwm-component-field-set {
  display: block;
  margin-bottom: 5px;
}

.cwm-component-field-set fieldset {
  border: 1px solid #79a5ec;
  border-radius: 5px;
}

.cwm-component-field-set fieldset legend {
  font-size: 0.8em;
  font-weight: bold;
  color: #5375ac;
}

.cwm-component-accordian {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-top: 1px solid #79a5ec;
  border-left: 1px solid #79a5ec;
  border-right: 1px solid #79a5ec;
}

.cwm-component-accordian .cwm-accordian-item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.cwm-component-accordian .cwm-accordian-item h6 {
  font-size: 0.85em;
  font-weight: bold;
  color: #44608d;
  background-color: #c8d5ea;
  cursor: pointer;
  margin: 0;
  padding-left: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-image: url("img/cwm-arrowhead-right.png");
  background-repeat: no-repeat;
  background-position: bottom 6px left 0px;
  border-bottom: 1px solid #79a5ec;
}

.cwm-component-accordian .cwm-accordian-item.cwm-active h6 {
  background-color: white;
  color: #5375ac;
  background-image: url("img/cwm-arrowhead-down.png");
}

.cwm-component-accordian .cwm-accordian-item .cwm-content {
  display: none;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #79a5ec;
}

.cwm-component-accordian .cwm-accordian-item.cwm-active .cwm-content {
  display: flex;
}

.olControlSidebar {
  position: absolute;
  top: 36px;
  bottom: 30px;
  right: 2px;
  z-index: 1000;
  background-color: #edf3fc;
  border: 1px solid #44608d;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: default;
  font-size: 80%;
  text-align: left;
}

.olControlSidebar .cwm-sidebar-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 22px;
  color: #edf3fc;
  background-color: #44608d;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.olControlSidebar .cwm-sidebar-title .cwm-sidebar-buttons {
  position: absolute;
  top: 0;
  right: 0;
}

.olControlSidebar .cwm-sidebar-title .cwm-sidebar-buttons div {
  width: 18px;
  height: 18px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
}

.olControlSidebar .cwm-sidebar-title .cwm-sidebar-buttons div.cwm-close-panel {
  background-image: url("img/cwm-panel-close.png");
  background-position-y: 6px;
  border-right: none;
  width: 20px;
}

.olControlSidebar .cwm-sidebar-title .cwm-sidebar-buttons div.cwm-toggle-position {
  background-image: url("img/cwm-doublearrowhead-right-white.png");
  background-position-y: 6px;
  border-bottom-left-radius: 3px;
}

.olControlSidebar .cwm-sidebar-panels {
  position: absolute;
  top: 22px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

.olControlSidebar .cwm-sidebar-panels .cwm-sidebar-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  min-height: 0;
}

.olControlSidebar .cwm-sidebar-panels .cwm-sidebar-panel .cwm-sidebar-panel-tools {
  flex-grow: 1;
  flex-shrink: 0;
  min-height: 32px;
  position: relative;
  border-bottom: 1px solid #44608d;
}

.olControlSidebar .cwm-sidebar-panels .cwm-sidebar-panel .cwm-sidebar-panel-tools:empty {
  min-height: 0;
  border: none;
}

.olControlSidebar .cwm-sidebar-panels .cwm-sidebar-panel .cwm-sidebar-panel-content {
  position: relative;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  white-space: nowrap;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: relative;
  height: 100%;
}

.olControlSidebar .cwm-sidebar-panels .cwm-sidebar-panel .cwm-sidebar-panel-content label {
  font-size: 0.8em;
  font-weight: bold;
  padding: 0;
  color: #5375ac;
  display: inline;
}

.olControlSidebar .cwm-sidebar-panels .cwm-sidebar-panel .cwm-sidebar-panel-content label.cwm-above {
  display: block;
  margin: 0.8em 0 0 0;
}

.olControlSidebar .cwm-sidebar-panels .cwm-sidebar-panel .cwm-sidebar-panel-content label.cwm-beside {
  display: inline;
}

.olControlSidebar .cwm-sidebar-panels .cwm-sidebar-panel .cwm-sidebar-panel-content label.cwm-subsidiary {
  margin-top: 0;
  font-weight: normal;
}

.olControlSidebar .cwm-sidebar-panels .cwm-sidebar-panel .cwm-sidebar-panel-content .cwm-button-group {
  margin: .6em 0 .6em 0;
}

.olControlSidebar .cwm-sidebar-panels .cwm-sidebar-panel .cwm-sidebar-panel-content .cwm-message {
  font-size: 0.8em;
  color: #a80e00;
  white-space: normal;
  padding: 5px;
}

.olControlSidebar.cwm-sidebar-outside {
  left: calc( 100% + 2px);
  right: auto;
}

.olControlSidebar.cwm-sidebar-outside .cwm-sidebar-title .cwm-sidebar-buttons .cwm-toggle-position {
  background-image: url("img/cwm-doublearrowhead-left-white.png");
}

.cwm-navpanel {
  position: absolute;
  top: 2px;
  left: 2px;
}

.cwm-navpanel div.olButton {
  display: block;
}

.olButton.olControlZoomIn, .olButton.olControlZoomInItemActive, .olButton.olControlZoomInItemInactive {
  background-image: url("img/tool-icons/20px/cwm-zoom-in.png");
}

.cwm-button.olControlZoomIn, .olControlZoomIn.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-zoom-in.png");
}

.olButton.olControlZoomOut, .olButton.olControlZoomOutItemActive, .olButton.olControlZoomOutItemInactive {
  background-image: url("img/tool-icons/20px/cwm-zoom-out.png");
}

.cwm-button.olControlZoomOut, .olControlZoomOut.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-zoom-out.png");
}

.olButton.olControlZoomToBC, .olButton.olControlZoomToBCItemActive, .olButton.olControlZoomToBCItemInactive {
  background-image: url("img/tool-icons/20px/cwm-zoom-bc.png");
}

.cwm-button.olControlZoomToBC, .olControlZoomToBC.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-zoom-bc.png");
}

.olButton.olControlZoomToExtent, .olButton.olControlZoomToExtentItemActive, .olButton.olControlZoomToExtentItemInactive {
  background-image: url("img/tool-icons/20px/cwm-zoom-bc.png");
}

.cwm-button.olControlZoomToExtent, .olControlZoomToExtent.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-zoom-bc.png");
}

.olButton.olControlNavigationHistoryPrevious, .olButton.olControlNavigationHistoryPreviousItemActive, .olButton.olControlNavigationHistoryPreviousItemInactive {
  background-image: url("img/tool-icons/20px/cwm-zoom-prev.png");
}

.cwm-button.olControlNavigationHistoryPrevious, .olControlNavigationHistoryPrevious.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-zoom-prev.png");
}

.olButton.olControlNavigationHistoryNext, .olButton.olControlNavigationHistoryNextItemActive, .olButton.olControlNavigationHistoryNextItemInactive {
  background-image: url("img/tool-icons/20px/cwm-zoom-next.png");
}

.cwm-button.olControlNavigationHistoryNext, .olControlNavigationHistoryNext.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-zoom-next.png");
}

.olButton.olControlSearchTabPanel, .olButton.olControlSearchTabPanelItemActive, .olButton.olControlSearchTabPanelItemInactive {
  background-image: url("img/tool-icons/20px/cwm-search.png");
}

.cwm-button.olControlSearchTabPanel, .olControlSearchTabPanel.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-search.png");
}

.olButton.olControlSearchTabPanelItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlBookmarks, .olButton.olControlBookmarksItemActive, .olButton.olControlBookmarksItemInactive {
  background-image: url("img/tool-icons/20px/cwm-bookmarks.png");
}

.cwm-button.olControlBookmarks, .olControlBookmarks.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-bookmarks.png");
}

.olButton.olControlBookmarksItemActive {
  background-color: #5c8bd6;
}

.olHandlerBoxZoomBox {
  border: 2px solid red;
  position: absolute;
  background-color: white;
  opacity: 0.50;
  font-size: 1px;
  filter: alpha(opacity=50);
}

.cwm-toolpanel {
  position: absolute;
  top: 2px;
  left: 36px;
}

.cwm-toolpanel div {
  display: inline-block;
}

.olButton.olControlNav, .olButton.olControlNavItemActive, .olButton.olControlNavItemInactive {
  background-image: url("img/tool-icons/20px/cwm-navigation.png");
}

.cwm-button.olControlNav, .olControlNav.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-navigation.png");
}

.olButton.olControlNavItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlAOI, .olButton.olControlAOIItemActive, .olButton.olControlAOIItemInactive {
  background-image: url("img/tool-icons/20px/cwm-polygon.png");
}

.cwm-button.olControlAOI, .olControlAOI.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-polygon.png");
}

.olButton.olControlAOIItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlMarkup, .olButton.olControlMarkupItemActive, .olButton.olControlMarkupItemInactive {
  background-image: url("img/tool-icons/20px/cwm-markup.png");
}

.cwm-button.olControlMarkup, .olControlMarkup.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-markup.png");
}

.olButton.olControlMarkupItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlSelection, .olButton.olControlSelectionItemActive, .olButton.olControlSelectionItemInactive {
  background-image: url("img/tool-icons/20px/cwm-selection.png");
}

.cwm-button.olControlSelection, .olControlSelection.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-selection.png");
}

.olButton.olControlSelectionItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlMeasure, .olButton.olControlMeasureItemActive, .olButton.olControlMeasureItemInactive {
  background-image: url("img/tool-icons/20px/cwm-measure.png");
}

.cwm-button.olControlMeasure, .olControlMeasure.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-measure.png");
}

.olButton.olControlMeasureItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlIdentifyFeatureWMS, .olButton.olControlIdentifyFeatureWMSItemActive, .olButton.olControlIdentifyFeatureWMSItemInactive {
  background-image: url("img/tool-icons/20px/cwm-identify.png");
}

.cwm-button.olControlIdentifyFeatureWMS, .olControlIdentifyFeatureWMS.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-identify.png");
}

.olButton.olControlIdentifyFeatureWMSItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlClearHighlight, .olButton.olControlClearHighlightItemActive, .olButton.olControlClearHighlightItemInactive {
  background-image: url("img/tool-icons/20px/cwm-clear-highlight.png");
}

.cwm-button.olControlClearHighlight, .olControlClearHighlight.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-clear-highlight.png");
}

.olButton.olControlSession, .olButton.olControlSessionItemActive, .olButton.olControlSessionItemInactive {
  background-image: url("img/tool-icons/20px/cwm-session.png");
}

.cwm-button.olControlSession, .olControlSession.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-session.png");
}

#NavigationControlButton {
  background-color: #44608d;
}

.cwm-about-dialog .cwm-info-content {
  max-width: 500px;
}

.cwm-about-dialog .cwm-info-content .logo {
  background-image: url("img/cwm-icon.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50px 50px;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 1px;
  top: 1px;
}

.cwm-about-dialog .cwm-info-content h2 {
  margin: 0;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cwm-about-dialog .cwm-info-content table {
  background-color: white;
}

.cwm-about-dialog .cwm-info-content table tr td {
  border-bottom: 1px solid #e0eafb;
}

.cwm-about-dialog .cwm-info-content table tr:last-child td {
  border-bottom: none;
}

.cwm-about-dialog .cwm-info-content .name {
  font-size: 11px;
  color: #5375ac;
  vertical-align: top;
  font-weight: bold;
}

.cwm-about-dialog .cwm-info-content .value {
  vertical-align: top;
}

.cwm-about-dialog .cwm-info-content .value .tools .tool {
  margin-bottom: 3px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
}

.cwm-about-dialog .cwm-info-content .value .tools .sep {
  margin-right: 3px;
}

.cwm-about-dialog .cwm-info-content .value .overlays .overlay .type {
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 3px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
}

.cwm-about-dialog .cwm-info-content .value .overlays .overlay .url {
  margin-left: 20px;
}

.olControlHelpSubpanel {
  right: 62px;
  left: unset;
}

.olButton.olControlHelpDialog, .olButton.olControlHelpDialogItemActive, .olButton.olControlHelpDialogItemInactive {
  background-image: url("img/tool-icons/20px/cwm-help.png");
}

.cwm-button.olControlHelpDialog, .olControlHelpDialog.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-help.png");
}

.olButton.olControlAbout, .olButton.olControlAboutItemActive, .olButton.olControlAboutItemInactive {
  background-image: url("img/tool-icons/20px/cwm-about.png");
}

.cwm-button.olControlAbout, .olControlAbout.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-about.png");
}

.cwm-help-toc {
  width: 100%;
  height: 200px;
  font-size: 10pt;
  overflow: auto;
}

.olControlHelp-cwm {
  left: 60px;
  bottom: 60px;
  width: 400px;
  height: 200px;
  display: block;
  position: absolute;
  z-index: 1020;
  background-color: #ffffcc;
  border: 1px solid #44608d;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: default;
}

.olControlHelp-cwm .cwm-content {
  margin: 6px;
  font-size: 80%;
  text-align: left;
  overflow: auto;
  height: 100%;
}

.olControlHelp-cwm .cwm-content h2 {
  margin: 0 0 0.5em 0;
  font-size: 1em;
  text-align: center;
}

.olControlHelp-cwm .cwm-content .cwmLoading {
  background: url("img/spinner-30.gif") center center no-repeat;
  width: 100%;
  height: 60px;
  overflow: auto;
}

.olControlHelp-cwm .cwm-window-buttons {
  position: absolute;
  top: 0;
  right: 0;
}

.olControlHelp-cwm .cwm-window-buttons .cwm-panel-control, .olControlHelp-cwm .cwm-window-buttons .cwm-close-panel, .olControlHelp-cwm .cwm-window-buttons .cwm-open-window {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #e8e87d;
}

.olControlHelp-cwm .cwm-window-buttons .cwm-close-panel {
  background-image: url("img/cwm-close.png");
  border-right: none;
  width: 20px;
}

.olControlHelp-cwm .cwm-window-buttons .cwm-open-window {
  background-image: url("img/cwm-guillemot-right.png");
  border-right: none;
  width: 20px;
}

.cwm-floating-dialog.cwm-help-dialog .cwm-info-content {
  padding: 0;
}

.cwm-floating-dialog.cwm-help-dialog .cwm-info-content iframe {
  border: 0;
  width: 500px;
  height: 500px;
}

.olButton.olControlDrawPolygon, .olButton.olControlDrawPolygonItemActive, .olButton.olControlDrawPolygonItemInactive {
  background-image: url("img/tool-icons/20px/cwm-draw-polygon.png");
}

.cwm-button.olControlDrawPolygon, .olControlDrawPolygon.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-draw-polygon.png");
}

.olButton.olControlDrawPolygonItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlDrawRectangle, .olButton.olControlDrawRectangleItemActive, .olButton.olControlDrawRectangleItemInactive {
  background-image: url("img/tool-icons/20px/cwm-draw-rectangle.png");
}

.cwm-button.olControlDrawRectangle, .olControlDrawRectangle.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-draw-rectangle.png");
}

.olButton.olControlDrawRectangleItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlAOIModifyFeature, .olButton.olControlAOIModifyFeatureItemActive, .olButton.olControlAOIModifyFeatureItemInactive {
  background-image: url("img/tool-icons/20px/cwm-modify-polygon.png");
}

.cwm-button.olControlAOIModifyFeature, .olControlAOIModifyFeature.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-modify-polygon.png");
}

.olButton.olControlAOIModifyFeatureItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlDrawPath, .olButton.olControlDrawPathItemActive, .olButton.olControlDrawPathItemInactive {
  background-image: url("img/tool-icons/20px/cwm-draw-linestring.png");
}

.cwm-button.olControlDrawPath, .olControlDrawPath.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-draw-linestring.png");
}

.olButton.olControlDrawPathItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlDrawPoint, .olButton.olControlDrawPointItemActive, .olButton.olControlDrawPointItemInactive {
  background-image: url("img/tool-icons/20px/cwm-draw-point.png");
}

.cwm-button.olControlDrawPoint, .olControlDrawPoint.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-draw-point.png");
}

.olButton.olControlDrawPointItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlDrawCircle, .olButton.olControlDrawCircleItemActive, .olButton.olControlDrawCircleItemInactive {
  background-image: url("img/tool-icons/20px/cwm-draw-circle.png");
}

.cwm-button.olControlDrawCircle, .olControlDrawCircle.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-draw-circle.png");
}

.olButton.olControlDrawCircleItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlClearAOI, .olButton.olControlClearAOIItemActive, .olButton.olControlClearAOIItemInactive {
  background-image: url("img/tool-icons/20px/cwm-clear-tool.png");
}

.cwm-button.olControlClearAOI, .olControlClearAOI.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-clear-tool.png");
}

.olButton.olControlUndoAOI, .olButton.olControlUndoAOIItemActive, .olButton.olControlUndoAOIItemInactive {
  background-image: url("img/tool-icons/20px/cwm-aoi-undo.png");
}

.cwm-button.olControlUndoAOI, .olControlUndoAOI.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-aoi-undo.png");
}

.olButton.olControlRedoAOI, .olButton.olControlRedoAOIItemActive, .olButton.olControlRedoAOIItemInactive {
  background-image: url("img/tool-icons/20px/cwm-aoi-redo.png");
}

.cwm-button.olControlRedoAOI, .olControlRedoAOI.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-aoi-redo.png");
}

.olButton.olControlZoomAOI, .olButton.olControlZoomAOIItemActive, .olButton.olControlZoomAOIItemInactive {
  background-image: url("img/tool-icons/20px/cwm-zoom-polygon.png");
}

.cwm-button.olControlZoomAOI, .olControlZoomAOI.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-zoom-polygon.png");
}

.olButton.olControlGeomCalc, .olButton.olControlGeomCalcItemActive, .olButton.olControlGeomCalcItemInactive {
  background-image: url("img/tool-icons/20px/cwm-geomcalc.png");
}

.cwm-button.olControlGeomCalc, .olControlGeomCalc.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-geomcalc.png");
}

.olButton.olControlGeomCalcItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlCOGO, .olButton.olControlCOGOItemActive, .olButton.olControlCOGOItemInactive {
  background-image: url("img/tool-icons/20px/cwm-cogo.png");
}

.cwm-button.olControlCOGO, .olControlCOGO.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-cogo.png");
}

.olButton.olControlCOGOItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlAOIImport, .olButton.olControlAOIImportItemActive, .olButton.olControlAOIImportItemInactive {
  background-image: url("img/tool-icons/20px/cwm-aoi-import.png");
}

.cwm-button.olControlAOIImport, .olControlAOIImport.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-aoi-import.png");
}

.olButton.olControlExport, .olButton.olControlExportItemActive, .olButton.olControlExportItemInactive {
  background-image: url("img/tool-icons/20px/cwm-export.png");
}

.cwm-button.olControlExport, .olControlExport.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-export.png");
}

.olButton.olControlAOICopyFeatures, .olButton.olControlAOICopyFeaturesItemActive, .olButton.olControlAOICopyFeaturesItemInactive {
  background-image: url("img/tool-icons/20px/cwm-aoi-select.png");
}

.cwm-button.olControlAOICopyFeatures, .olControlAOICopyFeatures.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-aoi-select.png");
}

.olButton.olControlAOICopyFeaturesItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlAOIUnion, .olButton.olControlAOIUnionItemActive, .olButton.olControlAOIUnionItemInactive {
  background-image: url("img/tool-icons/20px/cwm-aoi-union.png");
}

.cwm-button.olControlAOIUnion, .olControlAOIUnion.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-aoi-union.png");
}

.olButton.olControlAOIUnionItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlAOIIntersection, .olButton.olControlAOIIntersectionItemActive, .olButton.olControlAOIIntersectionItemInactive {
  background-image: url("img/tool-icons/20px/cwm-aoi-intersection.png");
}

.cwm-button.olControlAOIIntersection, .olControlAOIIntersection.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-aoi-intersection.png");
}

.olButton.olControlAOIIntersectionItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlAOIDifference, .olButton.olControlAOIDifferenceItemActive, .olButton.olControlAOIDifferenceItemInactive {
  background-image: url("img/tool-icons/20px/cwm-aoi-difference.png");
}

.cwm-button.olControlAOIDifference, .olControlAOIDifference.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-aoi-difference.png");
}

.olButton.olControlAOIDifferenceItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlClean, .olButton.olControlCleanItemActive, .olButton.olControlCleanItemInactive {
  background-image: url("img/tool-icons/20px/cwm-clean.png");
}

.cwm-button.olControlClean, .olControlClean.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-clean.png");
}

.olButton.olControlCleanItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlClosePolygon, .olButton.olControlClosePolygonItemActive, .olButton.olControlClosePolygonItemInactive {
  background-image: url("img/tool-icons/20px/cwm-close-polygon.png");
}

.cwm-button.olControlClosePolygon, .olControlClosePolygon.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-close-polygon.png");
}

.olButton.olControlClosePolygonItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlValidate, .olButton.olControlValidateItemActive, .olButton.olControlValidateItemInactive {
  background-image: url("img/tool-icons/20px/cwm-validate.png");
}

.cwm-button.olControlValidate, .olControlValidate.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-validate.png");
}

.olButton.olControlValidateItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlEditMarkup, .olButton.olControlEditMarkupItemActive, .olButton.olControlEditMarkupItemInactive {
  background-image: url("img/tool-icons/20px/cwm-markup-edit.png");
}

.cwm-button.olControlEditMarkup, .olControlEditMarkup.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-markup-edit.png");
}

.olButton.olControlEditMarkupItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlDrawPolygonMarkup, .olButton.olControlDrawPolygonMarkupItemActive, .olButton.olControlDrawPolygonMarkupItemInactive {
  background-image: url("img/tool-icons/20px/cwm-markup-polygon.png");
}

.cwm-button.olControlDrawPolygonMarkup, .olControlDrawPolygonMarkup.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-markup-polygon.png");
}

.olButton.olControlDrawPolygonMarkupItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlDrawRectangleMarkup, .olButton.olControlDrawRectangleMarkupItemActive, .olButton.olControlDrawRectangleMarkupItemInactive {
  background-image: url("img/tool-icons/20px/cwm-markup-rectangle.png");
}

.cwm-button.olControlDrawRectangleMarkup, .olControlDrawRectangleMarkup.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-markup-rectangle.png");
}

.olButton.olControlDrawRectangleMarkupItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlDrawLineMarkup, .olButton.olControlDrawLineMarkupItemActive, .olButton.olControlDrawLineMarkupItemInactive {
  background-image: url("img/tool-icons/20px/cwm-markup-line.png");
}

.cwm-button.olControlDrawLineMarkup, .olControlDrawLineMarkup.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-markup-line.png");
}

.olButton.olControlDrawLineMarkupItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlDrawCircleMarkup, .olButton.olControlDrawCircleMarkupItemActive, .olButton.olControlDrawCircleMarkupItemInactive {
  background-image: url("img/tool-icons/20px/cwm-markup-circle.png");
}

.cwm-button.olControlDrawCircleMarkup, .olControlDrawCircleMarkup.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-markup-circle.png");
}

.olButton.olControlDrawCircleMarkupItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlDrawLabelMarkup, .olButton.olControlDrawLabelMarkupItemActive, .olButton.olControlDrawLabelMarkupItemInactive {
  background-image: url("img/tool-icons/20px/cwm-markup-label.png");
}

.cwm-button.olControlDrawLabelMarkup, .olControlDrawLabelMarkup.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-markup-label.png");
}

.olButton.olControlDrawLabelMarkupItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlDrawPointMarkup, .olButton.olControlDrawPointMarkupItemActive, .olButton.olControlDrawPointMarkupItemInactive {
  background-image: url("img/tool-icons/20px/cwm-markup-point.png");
}

.cwm-button.olControlDrawPointMarkup, .olControlDrawPointMarkup.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-markup-point.png");
}

.olButton.olControlDrawPointMarkupItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlStyleMarkup, .olButton.olControlStyleMarkupItemActive, .olButton.olControlStyleMarkupItemInactive {
  background-image: url("img/tool-icons/20px/cwm-markup-style.png");
}

.cwm-button.olControlStyleMarkup, .olControlStyleMarkup.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-markup-style.png");
}

.olButton.olControlStyleMarkupItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlClearMarkup, .olButton.olControlClearMarkupItemActive, .olButton.olControlClearMarkupItemInactive {
  background-image: url("img/tool-icons/20px/cwm-markup-clear.png");
}

.cwm-button.olControlClearMarkup, .olControlClearMarkup.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-markup-clear.png");
}

.olButton.olControlZoomMarkup, .olButton.olControlZoomMarkupItemActive, .olButton.olControlZoomMarkupItemInactive {
  background-image: url("img/tool-icons/20px/cwm-zoom-markup.png");
}

.cwm-button.olControlZoomMarkup, .olControlZoomMarkup.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-zoom-markup.png");
}

.olButton.olControlDeleteMarkup, .olButton.olControlDeleteMarkupItemActive, .olButton.olControlDeleteMarkupItemInactive {
  background-image: url("img/tool-icons/20px/cwm-markup-delete.png");
}

.cwm-button.olControlDeleteMarkup, .olControlDeleteMarkup.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-markup-delete.png");
}

.olButton.olControlEditLabel, .olButton.olControlEditLabelItemActive, .olButton.olControlEditLabelItemInactive {
  background-image: url("img/tool-icons/20px/cwm-edit-label.png");
}

.cwm-button.olControlEditLabel, .olControlEditLabel.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-edit-label.png");
}

.olControlStyleShapeToolbar, .olControlStyleSymbolToolbar {
  top: 70px;
  padding-bottom: 3px;
  padding-right: 3px;
}

.olControlStyleShapeToolbar .cwm-custom-item, .olControlStyleSymbolToolbar .cwm-custom-item {
  position: relative;
  height: 20px;
  margin-top: 3px;
  margin-left: 3px;
  margin-right: 0;
  margin-bottom: 0;
  border: 1px solid transparent;
  border-radius: 3px;
  background-color: #44608d;
}

.olControlStyleShapeToolbar .cwm-custom-item:hover, .olControlStyleSymbolToolbar .cwm-custom-item:hover {
  border: 1px outset #8caad9;
}

.olControlStyleShapeToolbar .cwm-custom-item.cwm-active, .olControlStyleSymbolToolbar .cwm-custom-item.cwm-active {
  border: 1px solid #5c8bd6;
}

.olControlStyleShapeToolbar .cwm-custom-item.cwm-dropdown .cwm-current, .olControlStyleSymbolToolbar .cwm-custom-item.cwm-dropdown .cwm-current {
  display: inline-block;
  border-radius: 3px;
  width: 31px;
  height: 16px;
  padding: 2px;
  background-color: white;
  background-image: url("img/cwm-caret-down.png");
  background-position: right center;
  background-repeat: no-repeat;
  font-size: 11px;
  line-height: 16px;
}

.olControlStyleShapeToolbar .cwm-custom-item.cwm-dropdown .cwm-current div, .olControlStyleSymbolToolbar .cwm-custom-item.cwm-dropdown .cwm-current div {
  height: 20px;
}

.olControlStyleShapeToolbar .cwm-custom-item.cwm-dropdown .cwm-popup, .olControlStyleSymbolToolbar .cwm-custom-item.cwm-dropdown .cwm-popup {
  background-color: #edf3fc;
  opacity: 1;
  padding: 2px;
  font-size: 0.8em;
  border: 1px solid #44608d;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 22px;
  left: 0px;
  z-index: 9999;
}

.olControlStyleShapeToolbar .cwm-custom-item.cwm-dropdown .cwm-popup table, .olControlStyleShapeToolbar .cwm-custom-item.cwm-dropdown .cwm-popup tr, .olControlStyleShapeToolbar .cwm-custom-item.cwm-dropdown .cwm-popup td, .olControlStyleSymbolToolbar .cwm-custom-item.cwm-dropdown .cwm-popup table, .olControlStyleSymbolToolbar .cwm-custom-item.cwm-dropdown .cwm-popup tr, .olControlStyleSymbolToolbar .cwm-custom-item.cwm-dropdown .cwm-popup td {
  padding: 0;
  margin: 0;
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
  line-height: 1px;
}

.olControlStyleShapeToolbar .cwm-custom-item.cwm-dropdown .cwm-popup .cwm-option, .olControlStyleSymbolToolbar .cwm-custom-item.cwm-dropdown .cwm-popup .cwm-option {
  border: 3px solid transparent;
  padding: 2px;
}

.olControlStyleShapeToolbar .cwm-custom-item.cwm-dropdown .cwm-popup .cwm-option:hover, .olControlStyleShapeToolbar .cwm-custom-item.cwm-dropdown .cwm-popup .cwm-option.cwm-over, .olControlStyleSymbolToolbar .cwm-custom-item.cwm-dropdown .cwm-popup .cwm-option:hover, .olControlStyleSymbolToolbar .cwm-custom-item.cwm-dropdown .cwm-popup .cwm-option.cwm-over {
  border: 3px solid #BFBFBF;
}

.olControlStyleShapeToolbar .cwm-custom-item.cwm-dropdown .cwm-popup .cwm-option.cwm-selected, .olControlStyleSymbolToolbar .cwm-custom-item.cwm-dropdown .cwm-popup .cwm-option.cwm-selected {
  border: 3px inset #BFBFBF;
}

.olControlStyleShapeToolbar .cwm-custom-item.cwm-dropdown .cwm-popup .cwm-option .cwm-size, .olControlStyleSymbolToolbar .cwm-custom-item.cwm-dropdown .cwm-popup .cwm-option .cwm-size {
  display: inline-block;
  width: 3em;
  text-align: right;
  margin-right: 3px;
}

.olControlStyleShapeToolbar .cwm-custom-item.cwm-text-input input, .olControlStyleSymbolToolbar .cwm-custom-item.cwm-text-input input {
  padding: 0 1px;
  margin: 0 2px;
  border-width: 1px;
  border-color: transparent;
  font-size: 1em;
  background-color: #edf3fc;
  font-size: 11px;
  padding: 2px;
  border-radius: 3px;
  height: 16px;
  margin: 0;
  background-color: white;
  border: none;
}

.olControlStyleShapeToolbar .cwm-custom-item.cwm-text-input input:focus, .olControlStyleSymbolToolbar .cwm-custom-item.cwm-text-input input:focus {
  outline: 0;
}

.olControlStyleShapeToolbar .cwm-custom-item.cwm-select select, .olControlStyleSymbolToolbar .cwm-custom-item.cwm-select select {
  padding: 0px;
  margin: 0px;
  border-color: #44608d;
  background-color: #44608d;
  background-image: none;
  color: white;
  vertical-align: top;
}

.olControlStyleShapeToolbar .cwm-colour .cwm-option, .olControlStyleSymbolToolbar .cwm-colour .cwm-option {
  width: 20px;
  height: 20px;
  margin: 3px;
}

.olControlStyleShapeToolbar .cwm-line-dash .cwm-option, .olControlStyleSymbolToolbar .cwm-line-dash .cwm-option {
  width: 60px;
  height: 10px;
  margin: 3px;
}

.olControlStyleShapeToolbar .cwm-symbol-size .cwm-option div, .olControlStyleSymbolToolbar .cwm-symbol-size .cwm-option div {
  white-space: nowrap;
}

.olControlStyleShapeToolbar .cwm-font-family .cwm-option, .olControlStyleSymbolToolbar .cwm-font-family .cwm-option {
  line-height: normal;
  font-size: 20px;
}

.olControlStyleShapeToolbar .cwm-font-size .cwm-option, .olControlStyleSymbolToolbar .cwm-font-size .cwm-option {
  line-height: normal;
}

.olControlStyleShapeToolbar .cwm-font-size .cwm-option div, .olControlStyleSymbolToolbar .cwm-font-size .cwm-option div {
  white-space: nowrap;
}

.olControlSelection .cwm-layer-chooser {
  margin-bottom: 4px;
}

.olControlSelection .cwm-layer-chooser .cwm-component-select-layer select {
  background-color: white;
  background-image: none;
  color: black;
}

.olHandlerBoxSelectFeature {
  border: 2px dotted black;
  position: absolute;
  -ms-filter: 'progid:DXImageTransform.Microsoft.alpha(opacity=90)';
  opacity: 0.90;
  font-size: 1px;
}

.PendingBox {
  border: 2px dotted black;
  position: absolute;
  background-color: black;
  opacity: 0.20;
  -ms-filter: 'progid:DXImageTransform.Microsoft.alpha(opacity=20)';
}

.olButton.olControlSelectFeaturesBox, .olButton.olControlSelectFeaturesBoxItemActive, .olButton.olControlSelectFeaturesBoxItemInactive {
  background-image: url("img/tool-icons/20px/cwm-selection-add.png");
}

.cwm-button.olControlSelectFeaturesBox, .olControlSelectFeaturesBox.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-selection-add.png");
}

.olButton.olControlSelectFeaturesBoxItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlSelectFeaturesPolygon, .olButton.olControlSelectFeaturesPolygonItemActive, .olButton.olControlSelectFeaturesPolygonItemInactive {
  background-image: url("img/tool-icons/20px/cwm-selection-add-polygon.png");
}

.cwm-button.olControlSelectFeaturesPolygon, .olControlSelectFeaturesPolygon.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-selection-add-polygon.png");
}

.olButton.olControlSelectFeaturesPolygonItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlSelectionPanel, .olButton.olControlSelectionPanelItemActive, .olButton.olControlSelectionPanelItemInactive {
  background-image: url("img/tool-icons/20px/cwm-selection-panel.png");
}

.cwm-button.olControlSelectionPanel, .olControlSelectionPanel.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-selection-panel.png");
}

.olButton.olControlSelectionPanelItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlUnselectFeatures, .olButton.olControlUnselectFeaturesItemActive, .olButton.olControlUnselectFeaturesItemInactive {
  background-image: url("img/tool-icons/20px/cwm-selection-remove.png");
}

.cwm-button.olControlUnselectFeatures, .olControlUnselectFeatures.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-selection-remove.png");
}

.olButton.olControlUnselectFeaturesItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlSelectionClear, .olButton.olControlSelectionClearItemActive, .olButton.olControlSelectionClearItemInactive {
  background-image: url("img/tool-icons/20px/cwm-selection-clear.png");
}

.cwm-button.olControlSelectionClear, .olControlSelectionClear.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-selection-clear.png");
}

.olButton.olControlSelectionZoom, .olButton.olControlSelectionZoomItemActive, .olButton.olControlSelectionZoomItemInactive {
  background-image: url("img/tool-icons/20px/cwm-selection-zoom.png");
}

.cwm-button.olControlSelectionZoom, .olControlSelectionZoom.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-selection-zoom.png");
}

.olButton.olControlSelectByAOI, .olButton.olControlSelectByAOIItemActive, .olButton.olControlSelectByAOIItemInactive {
  background-image: url("img/tool-icons/20px/select-by-aoi.png");
}

.cwm-button.olControlSelectByAOI, .olControlSelectByAOI.cwm-text-button {
  background-image: url("img/tool-icons/20px/select-by-aoi.png");
}

.olButton.olControlSelectionLayers, .olButton.olControlSelectionLayersItemActive, .olButton.olControlSelectionLayersItemInactive {
  background-image: url("img/tool-icons/20px/cwm-layers.png");
}

.cwm-button.olControlSelectionLayers, .olControlSelectionLayers.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-layers.png");
}

.olControlAux-cwm {
  position: absolute;
  top: 2px;
  right: 2px;
}

.olButton.olControlLayerPanel, .olButton.olControlLayerPanelItemActive, .olButton.olControlLayerPanelItemInactive {
  background-image: url("img/tool-icons/20px/cwm-layers.png");
}

.cwm-button.olControlLayerPanel, .olControlLayerPanel.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-layers.png");
}

.olButton.olControlLayerPanelItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlMapLegend, .olButton.olControlMapLegendItemActive, .olButton.olControlMapLegendItemInactive {
  background-image: url("img/tool-icons/20px/cwm-map-legend.png");
}

.cwm-button.olControlMapLegend, .olControlMapLegend.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-map-legend.png");
}

.olButton.olControlMapLegendItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlHelpSubpanel, .olButton.olControlHelpSubpanelItemActive, .olButton.olControlHelpSubpanelItemInactive {
  background-image: url("img/tool-icons/20px/cwm-help.png");
}

.cwm-button.olControlHelpSubpanel, .olControlHelpSubpanel.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-help.png");
}

.olButton.olControlHelpSubpanelItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlPrint, .olButton.olControlPrintItemActive, .olButton.olControlPrintItemInactive {
  background-image: url("img/tool-icons/20px/cwm-print.png");
}

.cwm-button.olControlPrint, .olControlPrint.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-print.png");
}

.olControlBookmarks .cwm-custom-item {
  margin: 4px 2px;
}

.olControlBookmarks .cwm-bm-controls {
  position: relative;
}

.olControlBookmarks .cwm-bm-controls .cwm-component-text-entry {
  margin-left: 2px;
  width: 9em;
}

.olControlBookmarks .cwm-bm-controls .cwm-add {
  position: relative;
  top: -2px;
}

.olControlBookmarks .cwm-bm-controls .cwm-add .cwm-icon {
  width: 20px;
  height: 20px;
  background-image: url("img/tool-icons/20px/cwm-zoom-in.png");
  background-repeat: no-repeat;
}

.olControlBookmarks .cwm-bm-list {
  height: 140px;
  margin: 0 2px 2px 2px;
  padding: 0;
  background-color: #edf3fc;
  border-radius: 3px;
  text-align: left;
  overflow-y: scroll;
}

.olControlBookmarks .cwm-bm-list .cwm-bm-item {
  cursor: pointer;
  height: 18px;
  margin-left: 4px;
  position: relative;
}

.olControlBookmarks .cwm-bm-list .cwm-bm-item:hover {
  background-color: #d2e1f9;
}

.olControlBookmarks .cwm-bm-list .cwm-bm-item .cwm-bm-delete {
  width: 12px;
  height: 12px;
  background-image: url("img/cwm-close-red.png");
  position: absolute;
  right: 0;
  top: 0;
}

.olControlScaleEx {
  bottom: 20px;
}

.olControlScaleEx .cwm-popup-status {
  padding-right: 3px;
}

.olControlScaleLine {
  display: block;
  position: absolute;
  left: 70px;
  bottom: 20px;
  font-size: xx-small;
}

.olControlScaleLineBottom {
  border: solid 2px #44608D;
  border-bottom: none;
  margin-top: -2px;
  text-align: center;
  background-color: #edf3fc;
  opacity: 0.7;
  font-weight: bold;
  display: none;
}

.olControlScaleLineTop {
  border: solid 2px #44608D;
  border-top: none;
  text-align: center;
  background-color: #edf3fc;
  opacity: 0.7;
  font-weight: bold;
}

.olControlGraticuleEx-cwm {
  /* basic layout and positioning */
  bottom: 0;
  left: 300px;
  height: 20px;
  width: 20px;
  display: block;
  position: absolute;
  z-index: 1020;
  cursor: pointer;
  /* non-visible state */
  background-image: url("img/cwm-graticule-on.png");
  background-repeat: no-repeat;
  background-position: bottom 0px left 0px;
  /* visible state */
}

.olControlGraticuleEx-cwm.cwm-graticule-on {
  background-image: url("img/cwm-graticule-off.png");
}

.olControlMeasure .cwm-measurements {
  display: flex;
  flex-direction: column;
  margin: 0px 2px;
}

.olControlMeasure .cwm-measurements .cwm-measure {
  color: black;
  background-color: white;
  font-size: 12px;
  display: flex;
  align-items: center;
  margin-bottom: 2px;
  border-radius: 2px;
}

.olControlMeasure .cwm-measurements .cwm-measure .cwm-label {
  text-align: right;
  width: 65px;
}

.olControlMeasure .cwm-measurements .cwm-measure .cwm-value {
  text-align: right;
  width: 70px;
}

.olControlMeasure .cwm-measurements .cwm-measure .cwm-unit {
  font-size: 12px;
  min-width: 40px;
}

.olControlMeasure .cwm-measurements .cwm-measure .cwm-unit select {
  color: black;
}

.olButton.olControlMeasurePolygon, .olButton.olControlMeasurePolygonItemActive, .olButton.olControlMeasurePolygonItemInactive {
  background-image: url("img/tool-icons/20px/cwm-measure-polygon.png");
}

.cwm-button.olControlMeasurePolygon, .olControlMeasurePolygon.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-measure-polygon.png");
}

.olButton.olControlMeasurePolygonItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlMeasureLinestring, .olButton.olControlMeasureLinestringItemActive, .olButton.olControlMeasureLinestringItemInactive {
  background-image: url("img/tool-icons/20px/cwm-measure-linestring.png");
}

.cwm-button.olControlMeasureLinestring, .olControlMeasureLinestring.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-measure-linestring.png");
}

.olButton.olControlMeasureLinestringItemActive {
  background-color: #5c8bd6;
}

.olButton.olControlClearMeasurement, .olButton.olControlClearMeasurementItemActive, .olButton.olControlClearMeasurementItemInactive {
  background-image: url("img/tool-icons/20px/cwm-measure-clear.png");
}

.cwm-button.olControlClearMeasurement, .olControlClearMeasurement.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-measure-clear.png");
}

.olControlCOGO .cwm-sidebar-panel-content {
  padding: 6px;
  display: flex;
  flex-direction: column;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-start-location {
  display: flex;
  flex-direction: column;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-start-location .cwm-label {
  margin-bottom: 1px;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-start-location .cwm-location {
  display: flex;
  align-items: center;
  padding: 4px;
  background-color: white;
  border: 1px solid #79a5ec;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-start-location .cwm-location .cwm-location-text {
  flex-grow: 1;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-start-location .cwm-location .cwm-location-text:focus {
  outline: 0;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-start-location .cwm-location .cwm-location-text::-ms-clear {
  display: none;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-start-location .cwm-location .cwm-location-status {
  min-width: 5em;
  flex-shrink: 0;
  font-size: 12px;
  color: #666;
  text-align: right;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-start-location .cwm-location-error {
  background-color: pink;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-vectors {
  margin-top: 10px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-vectors .cwm-label {
  display: flex;
  margin-bottom: 1px;
  white-space: normal;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-vectors .cwm-label span {
  flex-grow: 1;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-vectors .cwm-display {
  flex-grow: 1;
  background-color: white;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  border: 1px solid #79a5ec;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-vectors .cwm-display:focus-visible {
  outline: none;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-vectors .cwm-display .vector {
  display: flex;
  padding: 4px;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-vectors .cwm-display .vector:nth-child(even) {
  background-color: #ddd;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-vectors .cwm-display .vector .bearing, .olControlCOGO .cwm-sidebar-panel-content .cwm-vectors .cwm-display .vector .distance {
  flex-basis: 50%;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-vectors .cwm-display .vector .bearing .unit, .olControlCOGO .cwm-sidebar-panel-content .cwm-vectors .cwm-display .vector .distance .unit {
  margin-left: 2px;
  color: #666;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-vectors .cwm-display .vector.invalid {
  background-color: pink;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-vectors .cwm-edit {
  resize: none;
  flex-grow: 1;
  padding: 4px;
  background-color: white;
  font-size: 16px;
  border: 1px solid #79a5ec;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-vectors .cwm-edit:focus-visible {
  outline: none;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-vectors .cwm-buttons {
  margin-top: 5px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.olControlCOGO .cwm-sidebar-panel-content .cwm-buttons {
  margin-top: 5px;
  display: flex;
  flex-direction: column;
}

.olControlCOGO input[type="radio"] {
  margin-right: 0.1em;
  position: relative;
  top: 2px;
}

.olControlCOGO .cwm-buffer {
  width: 5em;
  margin-left: 0.5em;
  text-align: right;
}

.olControlCOGO .cwm-initial-vertex {
  width: 200px;
}

.olControlCOGO .cwm-bearing-distance {
  width: 200px;
  height: 18em;
}

.olControlCOGO .cwm-COGO-clear-cogo {
  float: right;
}

.olControlGeomCalc .cwm-sidebar-panel-content {
  padding: 6px;
}

.olControlGeomCalc .cwm-input-button {
  display: inline-flex;
  align-items: stretch;
  margin-right: 2px;
}

.olControlGeomCalc .cwm-input-button .cwm-distance {
  width: 5em;
  text-align: right;
  height: 24px;
  padding-right: 4px;
}

.olControlGeomCalc .cwm-input-button .cwm-distance input {
  text-align: right;
}

.olControlGeomCalc .cwm-input-button .cwm-unit {
  display: flex;
  align-items: center;
  background-color: white;
  padding-right: 2px;
  height: 28px;
}

.olControlGeomCalc .cwm-aoi-feature-list {
  position: relative;
  border: 1px solid #79a5ec;
  background-color: white;
  padding: 2px;
}

.olControlGeomCalc .cwm-aoi-feature-list .cwm-secondary {
  height: 7em;
  overflow-y: scroll;
}

.olControlGeomCalc .cwm-working-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 4px;
  text-align: center;
  background: url("img/spinner-30.gif") no-repeat center center;
  background-color: #edf3fc;
}

.olControlGeomCalc .cwm-valid-text {
  display: inline-block;
  font-size: 1em;
  font-weight: bold;
  width: 10em;
  padding: 4px;
  color: #5375ac;
}

.olControlGeomCalc .cwm-memory-save .cwm-icon {
  width: 24px;
  height: 24px;
  background-image: url("img/tool-icons/20px/cwm-memory-save.png");
  background-repeat: no-repeat;
}

.olControlGeomCalc .cwm-memory-clear .cwm-icon {
  width: 24px;
  height: 24px;
  background-image: url("img/tool-icons/20px/cwm-memory-clear.png");
  background-repeat: no-repeat;
}

.olControlGeomCalc .cwm-memory-recall .cwm-icon {
  width: 24px;
  height: 24px;
  background-image: url("img/tool-icons/20px/cwm-memory-recall.png");
  background-repeat: no-repeat;
}

.olControlGeomCalc .cwm-buffer .cwm-icon {
  width: 24px;
  height: 24px;
  background-image: url("img/tool-icons/20px/cwm-buffer.png");
  background-repeat: no-repeat;
}

.olControlGeomCalc .cwm-simplify .cwm-icon {
  width: 24px;
  height: 24px;
  background-image: url("img/tool-icons/20px/cwm-simplify.png");
  background-repeat: no-repeat;
}

.olControlGeomCalc .cwm-snap .cwm-icon {
  width: 24px;
  height: 24px;
  background-image: url("img/tool-icons/20px/cwm-aoi-snap.png");
  background-repeat: no-repeat;
}

.olControlGeomCalc .cwm-explode .cwm-icon {
  width: 24px;
  height: 24px;
  background-image: url("img/tool-icons/20px/cwm-explode.png");
  background-repeat: no-repeat;
}

.olControlGeomCalc .cwm-validate .cwm-icon {
  width: 24px;
  height: 24px;
  background-image: url("img/tool-icons/20px/cwm-validate.png");
  background-repeat: no-repeat;
}

.olControlGeomCalc .cwm-close-polygon .cwm-icon {
  width: 24px;
  height: 24px;
  background-image: url("img/tool-icons/20px/cwm-close-polygon.png");
  background-repeat: no-repeat;
}

.olControlGeomCalc .cwm-clean-polygon .cwm-icon {
  width: 24px;
  height: 24px;
  background-image: url("img/tool-icons/20px/cwm-clean.png");
  background-repeat: no-repeat;
}

.olControlGeomCalc .cwm-union .cwm-icon {
  width: 24px;
  height: 24px;
  background-image: url("img/tool-icons/20px/cwm-aoi-union.png");
  background-repeat: no-repeat;
}

.olControlGeomCalc .cwm-intersection .cwm-icon {
  width: 24px;
  height: 24px;
  background-image: url("img/tool-icons/20px/cwm-aoi-intersection.png");
  background-repeat: no-repeat;
}

.olControlGeomCalc .cwm-difference .cwm-icon {
  width: 24px;
  height: 24px;
  background-image: url("img/tool-icons/20px/cwm-aoi-difference.png");
  background-repeat: no-repeat;
}

.olControlGeomCalc .cwm-component-accordian.cwm-geom-calc {
  margin-top: 5px;
}

.olControlGeomCalc .cwm-component-accordian.cwm-geom-calc .cwm-item-aoi .cwm-content, .olControlGeomCalc .cwm-component-accordian.cwm-geom-calc .cwm-item-combine .cwm-content, .olControlGeomCalc .cwm-component-accordian.cwm-geom-calc .cwm-item-modify .cwm-content, .olControlGeomCalc .cwm-component-accordian.cwm-geom-calc .cwm-item-clean .cwm-content {
  flex-direction: column;
}

.olControlGeomCalc .cwm-component-accordian.cwm-geom-calc .cwm-item-aoi .cwm-content .cwm-component-button, .olControlGeomCalc .cwm-component-accordian.cwm-geom-calc .cwm-item-combine .cwm-content .cwm-component-button, .olControlGeomCalc .cwm-component-accordian.cwm-geom-calc .cwm-item-modify .cwm-content .cwm-component-button, .olControlGeomCalc .cwm-component-accordian.cwm-geom-calc .cwm-item-clean .cwm-content .cwm-component-button {
  margin-bottom: 3px;
}

.cwm-import-dialog .cwm-text {
  padding: 0;
  margin: 0;
  border: 0;
}

.olControlIdentifyFeatureWMS-cwm {
  line-height: normal;
}

.olControlIdentifyFeatureWMS-cwm .cwm-identify {
  display: inline-block;
  margin: 3px;
  width: 210px;
}

.olControlIdentifyFeatureWMS-cwm .cwm-dropdown {
  vertical-align: top;
  width: 180px;
  height: 22px;
  border: 1px solid #79a5ec;
  border-radius: 3px;
  margin: 0;
  font-size: 1em;
}

.olControlIdentifyFeatureWMS-cwm .cwm-ready {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 3px;
}

.olControlIdentifyFeatureWMS-cwm .cwm-active {
  background-image: url("img/spinner-22.gif");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top center;
}

.olControlIdentifyFeatureWMS-cwm .cwm-cancel {
  vertical-align: top;
  display: inline-block;
  background-image: url(img/tool-icons/16px/cwm-clear-item.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #edf3fc;
  width: 18px;
  height: 22px;
  border-top: 1px solid #79a5ec;
  border-left: 1px solid #79a5ec;
  border-bottom: 1px solid #79a5ec;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  margin: 0;
}

.olControlIdentifyFeatureWMS-cwm .cwm-status {
  display: inline-block;
  background-color: #edf3fc;
  vertical-align: top;
  width: 160px;
  height: 22px;
  border-top: 1px solid #79a5ec;
  border-right: 1px solid #79a5ec;
  border-bottom: 1px solid #79a5ec;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin: 0;
}

.cwmIdentifyRow {
  font-size: 0.8em;
  background-color: white;
}

.cwmIdentifyRow .name {
  min-width: 80px;
  min-height: 1px;
  margin-right: 6px;
  padding-left: 2px;
  float: left;
  text-align: left;
  color: #5375ac;
}

.cwmIdentifyRow .name-wide {
  float: none;
  width: 80px;
}

.cwmIdentifyRow .value {
  text-align: left;
  font-size: 1.2em;
  white-space: normal;
}

.cwmIdentifyRow .unit {
  color: #5375ac;
}

.cwmIdentifyRow.odd {
  background-color: #eef1f6;
}

.olControlIdentifySpin-cwm {
  bottom: 0;
  left: 405px;
  height: 30px;
  width: 30px;
  display: block;
  position: absolute;
  z-index: 1020;
  background-image: url("img/spinner-12.gif");
  background-repeat: no-repeat;
  background-position: bottom 9px left 9px;
  background-color: #edf3fc;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.olControlIdentifyFeaturePopup-cwm {
  top: 300px;
  bottom: 0;
  left: 300px;
  right: 100px;
  display: block;
  position: absolute;
  z-index: 1020;
  background-color: #edf3fc;
  border: 1px solid #44608d;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  cursor: default;
}

.olControlIdentifyFeaturePopup-cwm .cwm-content {
  margin: 0;
  text-align: left;
  height: 100%;
  overflow: auto;
}

.olControlIdentifyFeaturePopup-cwm .cwm-content h2 {
  margin: 0 0 0.5em 0;
  font-size: 1em;
  text-align: center;
}

.olControlIdentifyFeaturePopup-cwm .cwm-content h4 {
  margin: 1em 0 0 0;
  font-size: 0.8em;
}

.olControlIdentifyFeaturePopup-cwm .cwm-content .cwmButtons {
  margin: 0.25em 0 0.5em 0;
}

.olControlIdentifyFeaturePopup-cwm .cwm-content .cwmButton {
  display: inline-block;
  width: 18px;
  height: 16px;
  background: left center no-repeat;
}

.olControlIdentifyFeaturePopup-cwm .cwm-content .copy {
  background: url("img/cwm-copy.gif") no-repeat;
}

.olControlIdentifyFeaturePopup-cwm .cwm-content .zoom {
  background: url("img/cwm-magnifying-glass-small.png") no-repeat;
}

.olControlIdentifyFeaturePopup-cwm .cwm-window-buttons {
  position: absolute;
  top: 0;
  right: 0;
}

.olControlIdentifyFeaturePopup-cwm .cwm-window-buttons .cwm-panel-control, .olControlIdentifyFeaturePopup-cwm .olControlHelp-cwm .cwm-window-buttons .cwm-open-window, .olControlHelp-cwm .olControlIdentifyFeaturePopup-cwm .cwm-window-buttons .cwm-open-window, .olControlIdentifyFeaturePopup-cwm .cwm-window-buttons .cwm-close-panel {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #d2e1f9;
}

.olControlIdentifyFeaturePopup-cwm .cwm-window-buttons .cwm-close-panel {
  background-image: url("img/cwm-close.png");
  border-right: none;
  width: 20px;
}

.olControlIdentifyFeaturePopup-cwm.cwm-collapsed {
  display: none;
}

.olControlMultiMousePosition {
  z-index: 2100 !important;
}

.olControlMultiMousePosition .cwm-command.cwm-unlock {
  width: 13px;
  height: 13px;
  background-image: url("img/cwm-unlock.png");
}

.olControlMultiMousePosition .cwm-command.cwm-lock {
  width: 13px;
  height: 13px;
  background-image: url("img/cwm-lock.png");
  display: none;
}

.olControlMultiMousePosition .cwm-format {
  display: inline-block;
  width: 6em;
  font-size: 0.8em;
  padding: 0 0.5em;
  color: #5375ac;
  text-align: right;
}

.olControlMultiMousePosition .cwm-position {
  display: inline-block;
  width: 14em;
  color: black;
}

.olControlMultiMousePosition .cwm-popup-status {
  border-radius: 0 0 0 0;
}

.olControlMultiMousePosition .cwm-popup-list li.cwm-selected {
  left: 0;
}

.olControlMultiMousePosition .cwm-popup-list li.cwm-selected::before {
  content: '';
  width: auto;
}

.olControlMultiMousePosition .cwm-popup-list li.cwm-selected .cwm-format::before {
  content: '• ';
}

.olControlMultiMousePosition .cwm-lock-toggle {
  z-index: 0;
  position: relative;
  display: inline-block;
  top: 2px;
  cursor: pointer;
  opacity: 1;
}

.olControlMultiMousePosition.cwm-locked .cwm-lock {
  display: block;
}

.olControlMultiMousePosition.cwm-locked .cwm-unlock {
  display: none;
}

.olControlMetrics-cwm {
  /* basic layout and positioning */
  bottom: 0;
  right: 150px;
  padding-right: 4px;
  padding-left: 4px;
  display: block;
  position: absolute;
  text-align: left;
  font-family: Arial;
  font-size: 80%;
  background-color: #edf3fc;
  border-radius: 5px 5px 0 0;
  opacity: 1;
  z-index: 1040;
}

.olControlMetrics-cwm .cwm-measure .cwm-label {
  display: inline-block;
  color: #5375ac;
  text-align: right;
  font-size: 0.8em;
  margin-left: 4px;
  width: 5em;
}

.olControlMetrics-cwm .cwm-measure .cwm-value {
  display: inline-block;
  width: 6em;
  text-align: right;
}

.olControlMetrics-cwm .cwm-measure .cwm-unit {
  display: inline-block;
  color: #5375ac;
  text-align: left;
  font-size: 0.8em;
  margin-left: 3px;
  margin-right: 3px;
}

.olControlMetrics-cwm .cwm-measure .cwm-unit select {
  color: black;
}

.olControlMetrics-cwm .cwm-aoi-feature-count {
  display: block;
  padding-right: 20px;
  cursor: default;
  background-image: url("img/cwm-arrowhead-up.png");
  background-repeat: no-repeat;
  background-position: bottom 3px right 5px;
}

.olControlMetrics-cwm .cwm-aoi-feature-count.cwm-expanded {
  background-image: url("img/cwm-arrowhead-down.png");
}

.olControlMetrics-cwm .cwm-aoi-popup {
  min-height: 20px;
}

.olControlMetrics-cwm .cwm-aoi-popup .cwm-secondary {
  max-height: 100px;
  overflow-y: scroll;
}

.olControlMetrics-cwm .cwm-spinner-holder {
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 12px;
}

.olControlMetrics-cwm .cwm-spinner-holder .cwm-spinner {
  transform: scale(0.5, 0.5);
  -o-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  -webkit-transform: scale(0.5, 0.5);
  -moz-transform: scale(0.5, 0.5);
  margin: 0;
  top: -5px;
  left: -5px;
}

.olControlBaseMapChooser {
  bottom: 0;
  right: 0;
  left: auto;
  min-width: 15px;
}

.olControlBaseMapChooser .cwm-popup-toggle {
  position: absolute;
  right: 0;
  top: 1px;
}

.olControlBaseMapChooser .cwm-popup-status {
  padding-left: 2px;
  padding-right: 16px;
  top: 1px;
}

.olControlBaseMapChooser .cwm-popup-list {
  left: auto;
  right: 0;
  padding-left: 10px;
}

.cwm-dialog .cwm-print-status {
  display: inline-block;
  vertical-align: bottom;
  padding-top: 10px;
  padding-bottom: 5px;
  font-size: larger;
  font-weight: bold;
}

.cwm-dialog .cwm-print-progress {
  width: 200px;
  word-wrap: break-word;
}

.cwm-dialog .cwm-print-parameters {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  align-content: space-between;
}

.cwm-dialog .cwm-print-parameters select {
  display: block;
  margin: 0;
  margin-top: 4px;
}

.olButton.olControlLayerImport, .olButton.olControlLayerImportItemActive, .olButton.olControlLayerImportItemInactive {
  background-image: url("img/tool-icons/20px/cwm-layer-import.png");
}

.cwm-button.olControlLayerImport, .olControlLayerImport.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-layer-import.png");
}

.olButton.olControlLayerRefresh, .olButton.olControlLayerRefreshItemActive, .olButton.olControlLayerRefreshItemInactive {
  background-image: url("img/tool-icons/20px/cwm-layer-refresh.png");
}

.cwm-button.olControlLayerRefresh, .olControlLayerRefresh.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-layer-refresh.png");
}

.olControlLayerPanel .cwm-command.cwm-expand {
  width: 10px;
  height: 11px;
  background-image: url("img/cwm-arrowhead-right.png");
}

.olControlLayerPanel .cwm-command.cwm-collapse {
  width: 10px;
  height: 11px;
  background-image: url("img/cwm-arrowhead-down.png");
}

.olControlLayerPanel .cwm-command.cwm-expand-all {
  width: 18px;
  height: 14px;
  background-image: url("img/cwm-doublearrowhead-down.png");
}

.olControlLayerPanel .cwm-command.cwm-collapse-all {
  width: 18px;
  height: 14px;
  background-image: url("img/cwm-doublearrowhead-up.png");
}

.olControlLayerPanel .cwm-info {
  width: 10px;
  height: 10px;
  vertical-align: top;
  padding-top: 3px;
  background: url("img/cwm-caret-right.png") center center no-repeat;
  float: right;
  opacity: 0.5;
  cursor: pointer;
}

.olControlLayerPanel .cwm-sidebar-panel-tools {
  display: flex;
  flex-wrap: wrap;
  overflow: visible;
}

.olControlLayerPanel .cwm-sidebar-panel-tools .olControlLayerImport {
  flex-shrink: 0;
}

.olControlLayerPanel .cwm-sidebar-panel-tools .cwm-toggle-all {
  flex-shrink: 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding-top: 2px;
  padding-left: 2px;
  margin-right: 4px;
  margin-left: 10px;
}

.olControlLayerPanel .cwm-sidebar-panel-tools .cwm-toggle-all label {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 0;
  padding-bottom: 2px;
}

.olControlLayerPanel .cwm-sidebar-panel-tools .cwm-toggle-all label input[type="checkbox"] {
  margin: 0;
  margin-right: 2px;
}

.olControlLayerPanel .cwm-sidebar-panel-tools .cwm-toggle-all .cwm-overlays {
  font-weight: bold;
}

.olControlLayerPanel .cwm-sidebar-panel-tools .cwm-layer-filter {
  width: calc( 100% - 4px);
  margin-bottom: 2px;
}

.olControlLayerPanel .cwm-sidebar-panel-tools .cwm-layer-filter .cwm-component-layer-filter {
  width: 100%;
}

.olControlLayerPanel .cwm-sidebar-panel-tools .cwm-shortcuts {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.olControlLayerPanel .cwm-sidebar-panel-tools .cwm-shortcuts .shortcut {
  text-decoration: dotted underline;
  cursor: pointer;
  color: blue;
}

.olControlLayerPanel .cwm-sidebar-panel-tools .cwm-shortcuts .shortcut:hover {
  text-decoration: solid underline;
}

.olControlLayerPanel .cwm-sidebar-panel-tools .cwm-expand-collapse {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.olControlLayerPanel .cwm-sidebar-panel-content input[type="checkbox"] {
  margin-top: 1px;
  margin-left: 0;
  margin-right: 2px;
  margin-bottom: 0;
  vertical-align: top;
}

.olControlLayerPanel .cwm-overlay {
  margin-bottom: 5px;
}

.olControlLayerPanel .cwm-overlay .cwm-overlay-header {
  padding-top: 1px;
  margin-bottom: 1px;
  background-color: #c8d5ea;
  cursor: pointer;
}

.olControlLayerPanel .cwm-overlay .cwm-overlay-header span {
  display: inline-block;
  vertical-align: top;
}

.olControlLayerPanel .cwm-overlay .cwm-overlay-header:hover {
  background-color: #b5c7e3;
}

.olControlLayerPanel .cwm-overlay .cwm-overlay-header .cwm-overlay-favourites {
  background-image: url("img/tool-icons/20px/cwm-favourite.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
  width: 15px;
  height: 15px;
  margin-right: 2px;
}

.olControlLayerPanel .cwm-overlay .cwm-overlay-header .cwm-overlay-title {
  font-weight: bold;
  white-space: normal;
  display: inline-block;
  width: 185px;
}

.olControlLayerPanel .cwm-overlay .cwm-overlay-header:hover .cwm-info {
  opacity: 1.0;
}

.olControlLayerPanel .cwm-overlay.cwm-collapsed .cwm-overlay-header .cwm-collapse {
  display: none;
}

.olControlLayerPanel .cwm-overlay.cwm-collapsed .cwm-layers {
  display: none;
}

.olControlLayerPanel .cwm-overlay.cwm-expanded .cwm-overlay-header .cwm-expand {
  display: none;
}

.olControlLayerPanel .cwm-layer {
  margin-bottom: 1px;
}

.olControlLayerPanel .cwm-layer .cwm-layer-header {
  padding-left: 12px;
}

.olControlLayerPanel .cwm-layer .cwm-layer-header span {
  display: inline-block;
  vertical-align: top;
}

.olControlLayerPanel .cwm-layer .cwm-layer-header:hover {
  background-color: #e0eafb;
}

.olControlLayerPanel .cwm-layer .cwm-layer-header .cwm-layer-title {
  width: 185px;
  white-space: normal;
  cursor: pointer;
}

.olControlLayerPanel .cwm-layer .cwm-layer-header:hover .cwm-info {
  opacity: 1.0;
}

.olControlLayerPanel .cwm-layer.cwm-has-metadata .cwm-layer-title {
  color: blue;
}

.olControlLayerPanel .cwm-layer.cwm-out-scale-range .cwm-layer-title {
  font-style: italic;
  opacity: 0.5;
}

.olControlLayerPanel .cwm-layer.cwm-disabled .cwm-layer-title {
  font-style: normal;
  text-decoration: line-through;
  text-decoration-color: red;
  opacity: 0.5;
}

.olButton.olControlBack, .olButton.olControlBackItemActive, .olButton.olControlBackItemInactive {
  background-image: url("img/tool-icons/20px/cwm-back-arrow.png");
}

.cwm-button.olControlBack, .olControlBack.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-back-arrow.png");
}

.olButton.olControlMetadata, .olButton.olControlMetadataItemActive, .olButton.olControlMetadataItemInactive {
  background-image: url("img/tool-icons/20px/cwm-metadata.png");
}

.cwm-button.olControlMetadata, .olControlMetadata.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-metadata.png");
}

.olButton.olControlZoomLayer, .olButton.olControlZoomLayerItemActive, .olButton.olControlZoomLayerItemInactive {
  background-image: url("img/tool-icons/20px/cwm-zoom-layer.png");
}

.cwm-button.olControlZoomLayer, .olControlZoomLayer.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-zoom-layer.png");
}

.olButton.olControlRemoveLayer, .olButton.olControlRemoveLayerItemActive, .olButton.olControlRemoveLayerItemInactive {
  background-image: url("img/tool-icons/20px/cwm-layer-remove.png");
}

.cwm-button.olControlRemoveLayer, .olControlRemoveLayer.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-layer-remove.png");
}

.olButton.olControlAddFavourite, .olButton.olControlAddFavouriteItemActive, .olButton.olControlAddFavouriteItemInactive {
  background-image: url("img/tool-icons/20px/cwm-favourite-add.png");
}

.cwm-button.olControlAddFavourite, .olControlAddFavourite.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-favourite-add.png");
}

.olButton.olControlRemoveFavourite, .olButton.olControlRemoveFavouriteItemActive, .olButton.olControlRemoveFavouriteItemInactive {
  background-image: url("img/tool-icons/20px/cwm-favourite-remove.png");
}

.cwm-button.olControlRemoveFavourite, .olControlRemoveFavourite.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-favourite-remove.png");
}

.olControlOverlayInfoPanel, .olControlLayerInfoPanel {
  padding: 0;
}

.olControlOverlayInfoPanel .cwm-opacity input, .olControlLayerInfoPanel .cwm-opacity input {
  cursor: pointer;
}

.olControlOverlayInfoPanel .cwm-opacity td, .olControlOverlayInfoPanel .cwm-opacity input, .olControlLayerInfoPanel .cwm-opacity td, .olControlLayerInfoPanel .cwm-opacity input {
  margin: 0;
  padding: 0;
}

.olControlOverlayInfoPanel .cwm-opacity .cwm-range, .olControlLayerInfoPanel .cwm-opacity .cwm-range {
  width: 100%;
}

.olControlOverlayInfoPanel .cwm-sidebar-panel-tools, .olControlLayerInfoPanel .cwm-sidebar-panel-tools {
  display: flex;
  overflow: visible;
  background-color: #c8d5ea;
}

.olControlOverlayInfoPanel .cwm-sidebar-panel-tools .cwm-title, .olControlLayerInfoPanel .cwm-sidebar-panel-tools .cwm-title {
  flex-grow: 1;
  padding: 2px;
  font-size: 14px;
  font-weight: bold;
  color: #44608d;
  white-space: normal;
}

.olControlOverlayInfoPanel .cwm-sidebar-panel-tools .cwm-outer-title, .olControlLayerInfoPanel .cwm-sidebar-panel-tools .cwm-outer-title {
  font-size: 11px;
  font-weight: normal;
  color: #44608d;
  white-space: normal;
}

.olControlOverlayInfoPanel .cwm-info-panel-content, .olControlLayerInfoPanel .cwm-info-panel-content {
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.olControlOverlayInfoPanel .cwm-info-panel-content .cwm-widget-label, .olControlLayerInfoPanel .cwm-info-panel-content .cwm-widget-label {
  margin-top: 5px;
  margin-bottom: 5px;
}

.cwm-component-layer-filter {
  display: inline-block;
  font-size: 13px;
  vertical-align: top;
  display: inline-flex;
  align-items: center;
  background-color: white;
  border-radius: 3px;
  border-color: #44608d;
  padding: 2px;
  position: relative;
}

.cwm-component-layer-filter input[type="text"] {
  flex-grow: 1;
  min-width: 0;
  font-size: 13px;
  border: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
}

.cwm-component-layer-filter input[type="text"]:focus {
  outline: 0;
}

.cwm-component-layer-filter input[type="text"]::-ms-clear {
  display: none;
}

.cwm-component-layer-filter .cwm-clear {
  width: 16px;
  height: 16px;
  background-image: url("img/tool-icons/16px/cwm-clear-item.png");
  margin: 0;
  flex-shrink: 0;
}

.cwm-component-layer-filter .cwm-show-filters {
  width: 16px;
  height: 16px;
  background-image: url("img/cwm-caret-down.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0;
  flex-shrink: 0;
}

.cwm-component-layer-filter .cwm-add-filter {
  width: 16px;
  height: 16px;
  background-image: url("img/tool-icons/16px/cwm-add-item.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0;
  flex-shrink: 0;
}

.cwm-component-layer-filter .cwm-remove-filter {
  width: 16px;
  height: 16px;
  background-image: url("img/tool-icons/16px/cwm-remove-item.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0;
  flex-shrink: 0;
}

.cwm-component-layer-filter .cwm-popup {
  background-color: #edf3fc;
  opacity: 1;
  padding: 2px;
  font-size: 13px;
  border: 1px solid #44608d;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 14px;
  left: -4px;
  z-index: 9999;
  padding: 4px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.cwm-component-layer-filter .cwm-popup .cwm-filter-item {
  padding: 2px;
  display: flex;
  cursor: pointer;
}

.cwm-component-layer-filter .cwm-popup .cwm-filter-item .cwm-item {
  flex-grow: 1;
}

.cwm-component-layer-filter .cwm-popup .cwm-filter-item .cwm-item:hover {
  background-color: #44608d;
  color: white;
}

.cwm-component-layer-filter .cwm-popup .cwm-filter-item .cwm-remove-filter {
  margin-left: 4px;
  flex-grow: 0;
  flex-shrink: 0;
}

.olControlSearchForLocation {
  line-height: normal;
}

.olControlSearchForLocation .cwm-custom-item {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
}

.olControlSearchForLocation .cwm-custom-item .cwm-search-controls {
  position: relative;
  height: 24px;
}

.olControlSearchForLocation .cwm-custom-item .cwm-search-controls .cwm-search-type {
  padding: 0 1px;
  margin: 0 2px;
  border-width: 1px;
  border-color: transparent;
  font-size: 1em;
  background-color: #edf3fc;
  display: inline-block;
  position: relative;
  width: initial;
  height: initial;
  padding: 0px;
  margin: 0px;
  border-color: #44608d;
  background-color: #44608d;
  background-image: none;
  color: white;
  vertical-align: top;
}

.olControlSearchForLocation .cwm-custom-item .cwm-search-controls .cwm-search-input-frame {
  display: inline-block;
  background-color: white;
  border-radius: 3px;
  padding: 2px;
  vertical-align: top;
}

.olControlSearchForLocation .cwm-custom-item .cwm-search-controls .cwm-search-input-frame.cwm-search-failed {
  background-color: pink;
}

.olControlSearchForLocation .cwm-custom-item .cwm-search-controls .cwm-search-string {
  padding: 0 1px;
  margin: 0 2px;
  border-width: 1px;
  border-color: transparent;
  font-size: 1em;
  background-color: #edf3fc;
  display: inline-block;
  width: 9em;
  padding: 0;
  margin: 0;
  background-color: transparent;
}

.olControlSearchForLocation .cwm-custom-item .cwm-search-controls .cwm-search-string:focus {
  outline: 0;
}

.olControlSearchForLocation .cwm-custom-item .cwm-search-controls .cwm-search-string::-ms-clear {
  display: none;
}

.olControlSearchForLocation .cwm-custom-item .cwm-search-controls .cwm-clear-search {
  width: 16px;
  height: 16px;
  background-image: url("img/tool-icons/16px/cwm-clear-item.png");
  display: inline-block;
  margin: 0;
  vertical-align: bottom;
}

.olControlSearchForLocation .cwm-custom-item .cwm-search-controls .cwm-do-search {
  position: relative;
  top: -2px;
}

.olControlSearchForLocation .cwm-custom-item .cwm-search-controls .cwm-do-search .cwm-icon {
  width: 20px;
  height: 20px;
  background-image: url("img/tool-icons/20px/cwm-search.png");
  background-repeat: no-repeat;
}

.olControlSearchForLocation .cwm-custom-item .cwm-spinner-holder {
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 12px;
  vertical-align: top;
  margin-top: 2px;
  margin-right: 2px;
}

.olControlSearchForLocation .cwm-custom-item .cwm-spinner-holder .cwm-spinner {
  transform: scale(0.5, 0.5);
  -o-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  -webkit-transform: scale(0.5, 0.5);
  -moz-transform: scale(0.5, 0.5);
  margin: 0;
  top: -5px;
  left: -5px;
}

.olControlSearchForLocation .cwm-custom-item .cwm-search-status {
  display: inline-block;
  color: white;
  font-size: 12px;
  margin-top: 2px;
}

.olControlSearchForLocation .cwm-custom-item .cwm-search-status.cwm-search-failed {
  color: #eaa6a1;
}

.olControlSearchForLocation .cwm-custom-item .cwm-results-controls {
  height: 75px;
  margin-top: 2px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  background-color: #edf3fc;
  border-radius: 3px;
  display: none;
}

.olControlSearchForLocation .cwm-custom-item .cwm-results-controls .cwm-results-list {
  display: block;
  text-align: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 75px;
  overflow-y: scroll;
  position: relative;
}

.olControlSearchForLocation .cwm-custom-item .cwm-results-controls .cwm-results-list li {
  margin: 0;
  padding: 0;
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 3px;
  cursor: pointer;
  white-space: nowrap;
}

.olControlSearchForLocation .cwm-custom-item .cwm-results-controls .cwm-results-list li:hover {
  background-color: #d2e1f9;
}

.olControlSearchForLocation .cwm-custom-item .cwm-results-controls .cwm-results-list li.cwm-selected-result {
  background-color: #c8d5ea;
  font-weight: bold;
}

.olControlSearchForLocation .cwm-custom-item .cwm-results-controls .cwm-results-list li .cwm-command.cwm-search-to-markup {
  position: absolute;
  right: 0;
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("img/tool-icons/16px/cwm-aoi-to-markup.png");
}

.olControlSearchForLocation .cwm-close-panel {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  float: initial;
  margin: 0;
}

.olControlSearchForFeatures {
  line-height: normal;
}

.olControlSearchForFeatures .cwm-custom-item {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-component-button.cwm-do-search .cwm-icon {
  width: 20px;
  height: 20px;
  background-image: url("img/tool-icons/20px/cwm-search.png");
  background-repeat: no-repeat;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-component-button.cwm-add-clause {
  position: absolute;
  left: 2px;
  bottom: 4px;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-component-button.cwm-add-clause .cwm-icon {
  width: 20px;
  height: 20px;
  background-image: url("img/tool-icons/20px/cwm-zoom-in.png");
  background-repeat: no-repeat;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-component-button.cwm-remove-clause .cwm-icon {
  width: 20px;
  height: 20px;
  background-image: url("img/tool-icons/20px/cwm-zoom-out.png");
  background-repeat: no-repeat;
}

.olControlSearchForFeatures .cwm-custom-item span.cwm-preposition {
  color: white;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-component-select-layer, .olControlSearchForFeatures .cwm-custom-item .cwm-component-select, .olControlSearchForFeatures .cwm-custom-item .cwm-component-select-layer, .olControlSearchForFeatures .cwm-custom-item .cwm-component-text-entry {
  margin-left: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-layer-name, .olControlSearchForFeatures .cwm-custom-item .cwm-attribute-name {
  background-color: white;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-layer-name select, .olControlSearchForFeatures .cwm-custom-item .cwm-attribute-name select {
  background-image: none;
  color: black;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-layer-name select[disabled], .olControlSearchForFeatures .cwm-custom-item .cwm-attribute-name select[disabled] {
  color: darkgray;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-max-results select, .olControlSearchForFeatures .cwm-custom-item .cwm-operator select {
  border-color: #44608d;
  background-color: #44608d;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-component-checkbox {
  margin-top: 1px;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-component-checkbox label span {
  color: white;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-flex-row, .olControlSearchForFeatures .cwm-custom-item .cwm-search-layer, .olControlSearchForFeatures .cwm-custom-item .cwm-search-clauses .cwm-search-clause .cwm-search-clause-attribute, .olControlSearchForFeatures .cwm-custom-item .cwm-search-clauses .cwm-search-clause .cwm-search-clause-operator, .olControlSearchForFeatures .cwm-custom-item .cwm-search-controls {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-flex-row .cwm-intro, .olControlSearchForFeatures .cwm-custom-item .cwm-search-layer .cwm-intro, .olControlSearchForFeatures .cwm-custom-item .cwm-search-clauses .cwm-search-clause .cwm-search-clause-attribute .cwm-intro, .olControlSearchForFeatures .cwm-custom-item .cwm-search-clauses .cwm-search-clause .cwm-search-clause-operator .cwm-intro, .olControlSearchForFeatures .cwm-custom-item .cwm-search-controls .cwm-intro {
  color: white;
  width: 32pt;
  text-align: right;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-flex-row .cwm-filler, .olControlSearchForFeatures .cwm-custom-item .cwm-search-layer .cwm-filler, .olControlSearchForFeatures .cwm-custom-item .cwm-search-clauses .cwm-search-clause .cwm-search-clause-attribute .cwm-filler, .olControlSearchForFeatures .cwm-custom-item .cwm-search-clauses .cwm-search-clause .cwm-search-clause-operator .cwm-filler, .olControlSearchForFeatures .cwm-custom-item .cwm-search-controls .cwm-filler {
  flex: 1 1 auto;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-empty-command {
  width: 24px;
  display: inline-block;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-search-layer .cwm-layer-name {
  width: 150px;
  flex: 1 0 auto;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-search-clauses .cwm-search-clause {
  margin-top: 4px;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-search-clauses .cwm-search-clause .cwm-search-clause-attribute .cwm-attribute-name {
  width: 150px;
  flex: 1 0 auto;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-search-clauses .cwm-search-clause .cwm-search-clause-operator .cwm-operator {
  flex: 1 0 auto;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-search-clauses .cwm-search-clause.hover {
  background-color: #788db0;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-search-status {
  display: block;
  color: white;
  font-size: 0.8em;
  margin-top: 2px;
}

.olControlSearchForFeatures .cwm-custom-item .cwm-search-status.cwm-search-failed {
  color: #eaa6a1;
}

.olControlSearchForFeatures .cwm-close-panel {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  float: initial;
  margin: 0;
}

.olButton.olControlSearchResultPanel, .olButton.olControlSearchResultPanelItemActive, .olButton.olControlSearchResultPanelItemInactive {
  background-image: url("img/tool-icons/20px/cwm-measure.png");
}

.cwm-button.olControlSearchResultPanel, .olControlSearchResultPanel.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-measure.png");
}

.olButton.olControlSearchResultPanelItemActive {
  background-color: #5c8bd6;
}

.olControlMapLegend .cwm-sidebar-panel-content {
  background: white;
  padding: 0px !important;
  overflow-x: auto;
}

.olControlMapLegend .cwm-sidebar-panel-content img {
  display: block;
  margin-left: 0px;
}

.olControlMapLegend .cwm-sidebar-panel-content .cwm-overlay-title {
  font-weight: bold;
  padding: 4px;
  background-color: #c8d5ea;
  margin-top: 4px;
  white-space: normal;
}

.olControlMapLegend .cwm-sidebar-panel-content .cwm-legend-title {
  padding-top: 5px;
  padding-left: 4px;
  padding-bottom: 3px;
  background-color: #edf3fc;
  white-space: normal;
}

.olControlSpinner-cwm {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 60px;
  width: 32px;
  height: 32px;
  z-index: 1020;
  font-size: 10px;
  overflow: hidden;
}

.olControlSpinner-cwm:hover {
  width: auto;
}

.olControlSpinner-cwm .spinner-icon {
  width: 32px;
  height: 32px;
  float: left;
  opacity: 0.9;
  border-radius: 5px;
  background-color: #edf3fc;
  background-image: url("img/spinner-30.gif");
  background-repeat: no-repeat;
  background-position: bottom 0px left 0px;
}

.olControlSpinner-cwm .spinner-info {
  width: 60px;
  margin-top: 8px;
  margin-left: 36px;
  padding: 3px;
  border-radius: 5px;
  background-color: #edf3fc;
}

.cwms-tooltip {
  background-color: #44608d;
  border: 1px solid #cccccc;
  border-radius: 5px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8);
  color: white;
}

.cwms-tooltip .qtip-close {
  background-color: #3a465a;
  border: 1px solid #cccccc;
  border-radius: 50%;
  color: white;
}

.olPopupCloseBox {
  background: url("img/cwm-close-red.png") no-repeat;
  padding: 3px;
  cursor: pointer;
}

.olPopupContent {
  text-align: left;
  font-size: 0.8em;
  padding: 10px;
  overflow: auto;
  overflow-x: hidden;
}

.olPopupContent #copy {
  width: 20px;
  height: 20px;
  background: url("img/Copy.gif") no-repeat;
}

.cwmPopupTitle {
  font-weight: bold;
}

.cwmPopupDescription {
  font-style: italic;
}

.olControlNavigationActive {
  cursor: auto;
}

.olControlIdentifyFeatureWMSActive {
  cursor: pointer;
}

.olControlDrawRectangleActive {
  cursor: crosshair;
}

.olControlDrawPolygonActive {
  cursor: crosshair;
}

.olControlDrawPathActive {
  cursor: crosshair;
}

.olControlDrawPointActive {
  cursor: crosshair;
}

.olControlDrawCircleActive {
  cursor: crosshair;
}

.olControlAOICopyFeaturesActive {
  cursor: auto;
}

.olControlMeasurePolygonActive {
  cursor: crosshair;
}

.olControlMeasureLinestringActive {
  cursor: crosshair;
}

.olControlSelectFeaturesBoxActive {
  cursor: pointer;
}

.olControlSelectFeaturesPolygonActive {
  cursor: pointer;
}

.olControlUnselectFeaturesActive {
  cursor: pointer;
}

.olControlIdentifyFeatureActive {
  cursor: pointer;
}

.olDragDown {
  cursor: move;
}

/* OL.C.Info styles ================================================= */
.cwm-info-control {
  display: inline-block;
  position: absolute;
  background-color: #edf3fc;
  opacity: 1;
  font-size: 0.8em;
  border: 1px solid #44608d;
  border-radius: 5px;
  -webkit-box-shadow: 6px 6px 10px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 6px 6px 10px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 6px 6px 10px 2px rgba(0, 0, 0, 0.5);
}

.cwm-info-control.cwm-dragging {
  box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.5);
}

.cwm-info-control .cwm-info-title {
  position: relative;
  width: 100%;
  height: 18px;
  color: #edf3fc;
  background-color: #44608d;
  font-weight: bold;
  text-align: center;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  cursor: default;
}

.cwm-info-control .cwm-info-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("img/cwm-panel-close-dark.png");
  border-top-right-radius: 4px;
}

.cwm-info-control .cwm-info-content {
  position: relative;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

.cwm-info-control .cwm-info-content label {
  font-size: 0.8em;
  font-weight: bold;
  padding: 0;
  color: #5375ac;
}

.cwm-info-control .cwm-info-content label.cwm-above {
  display: block;
  margin: 0;
  padding: 6px 0 4px 0;
}

.cwm-info-control .cwm-info-content label.cwm-above.right {
  display: inline-block;
  float: right;
  margin-right: 4px;
}

.cwm-info-control .cwm-info-content label.cwm-beside {
  display: inline;
}

.cwm-info-control .cwm-info-content label.cwm-subsidiary {
  margin-top: 0;
  font-weight: normal;
}

.cwm-info-control .cwm-range {
  padding: 0;
}

.cwm-info-control .cwm-buttons {
  margin: 0.8em 0 0 0;
}

.cwm-info-control .cwm-drop-target {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cwm-info-control .cwm-drop-target.cwm-drop-ready {
  border: 4px solid red;
}

/* OL.C.Dialog styles ================================================= */
.cwm-dialog .cwm-dialog-buttons {
  position: relative;
  width: 100%;
  height: 34px;
  text-align: right;
  background-color: #e0eafb;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.cwm-dialog .cwm-dialog-buttons button {
  margin: 5px;
}

.cwm-dialog .cwm-dialog-buttons .cwm-button-primary {
  font-weight: bold;
}

.cwm-dialog .cwm-info-close {
  background-image: url("img/cwm-panel-close.png");
}

.cwm-dialog .cwm-status {
  font-size: 12px !important;
  font-weight: bold;
  white-space: pre-wrap;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

.cwm-dialog .cwm-status[status=waiting] {
  color: gray !important;
}

.cwm-dialog .cwm-status[status=loading] {
  color: blue !important;
}

.cwm-dialog .cwm-status[status=ready] {
  color: green !important;
}

.cwm-dialog .cwm-status[status=error] {
  color: red !important;
}

.cwm-dialog .cwm-status[status=warning] {
  color: orange !important;
}

.cwm-dialog .cwm-details {
  background-color: #e0eafb;
  border-radius: 4px;
}

#cwm-modal-dialog-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: black;
  opacity: 0.3;
  z-index: 2900;
}

#cwm-floating-dialog-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2900;
}

/* CWM.TabBar styles ================================================= */
.cwm-tab-list {
  border-spacing: 0;
  padding-top: 10px;
}

.cwm-tab-list td {
  padding: 0;
}

.cwm-tab-list .cwm-tab-leader {
  width: 5px;
  border-bottom: 1px solid #79a5ec;
  vertical-align: bottom;
}

.cwm-tab-list .cwm-tab-trailer {
  width: 100%;
  border-bottom: 1px solid #79a5ec;
  border-left: 1px solid #79a5ec;
  vertical-align: bottom;
}

.cwm-tab-list .cwm-tab-title {
  /*display: inline-block;*/
  font-size: 0.85em;
  font-weight: bold;
  padding: 4px 6px 4px 6px;
  /*border-top-left-radius: 4px;*/
  /*border-top-right-radius: 4px;*/
  /*margin-right: 2px;*/
  color: #44608d;
  background-color: #c8d5ea;
  cursor: default;
}

.cwm-tab-list .cwm-tab-hidden {
  cursor: pointer;
  border-top: 1px solid #79a5ec;
  border-left: 1px solid #79a5ec;
  border-bottom: 1px solid #79a5ec;
}

.cwm-tab-list .cwm-tab-hidden:hover {
  background-color: #8caad9;
}

.cwm-tab-list .cwm-tab-disabled {
  border-top: 1px solid #79a5ec;
  border-left: 1px solid #79a5ec;
  border-bottom: 1px solid #79a5ec;
  color: #edf3fc;
}

.cwm-tab-list .cwm-tab-shown {
  border-top: 1px solid #79a5ec;
  /*border-right: 2px solid $tool-border-color;*/
  border-left: 1px solid #79a5ec;
  background-color: #edf3fc;
  color: #5375ac;
}

.cwm-tab-contents {
  padding-top: 5px;
}

.cwm-fullscreen {
  position: fixed !important;
  top: 15px  !important;
  left: 15px  !important;
  bottom: 15px  !important;
  right: 15px  !important;
  width: auto  !important;
  height: auto  !important;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 30px 30px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 30px 30px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 30px 30px rgba(0, 0, 0, 0.5);
  background-color: white;
  z-index: 5000;
}

.cwm-session-details {
  font-size: 0.8em;
  width: 100%;
}

.cwm-session-details td[col="0"] {
  font-weight: bold;
}

.cwm-session-details td {
  border-top: 1px dotted gray;
}

.cwm-session-details td[row="0"] {
  border-top-width: 0;
}

.cwm-message-dialog .cwm-info-content {
  height: 300px;
  overflow-y: scroll;
}

.cwm-dialog-column {
  display: inline-block;
  vertical-align: top;
}

.cwm-dialog-help {
  font-size: 10px;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 10px;
  margin-bottom: 0;
  padding: 10px;
  background-color: #d4e2ef;
}

.cwm-dialog-help p {
  margin: 0;
  margin-bottom: 3px;
}

.cwm-dialog-help ul {
  margin: 0;
  margin-bottom: 3px;
  padding-left: 20px;
}

.cwm-label-edit {
  font-size: 14px;
}

.cwm-picker {
  border-spacing: 0px;
}

.cwm-picker td {
  border: 3px solid #edf3fc;
  background-color: white;
  text-align: center;
}

.cwm-picker td.cwm-selected {
  border: 3px inset #BFBFBF;
}

.cwm-picker td:hover {
  border: 3px solid #BFBFBF;
}

.cwm-file-chooser {
  margin-bottom: 5px;
}

.cwm-file-chooser .cwm-filename {
  border: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cwm-file-chooser .cwm-choose-file {
  margin: 0;
  width: 5em;
}

.olButton.olControlfileChooser, .olButton.olControlfileChooserItemActive, .olButton.olControlfileChooserItemInactive {
  background-image: url("img/tool-icons/20px/cwm-file-chooser.png");
}

.cwm-button.olControlfileChooser, .olControlfileChooser.cwm-text-button {
  background-image: url("img/tool-icons/20px/cwm-file-chooser.png");
}

.cwm-button.cwm-text-button, .cwm-text-button {
  cursor: pointer;
  background-position-x: 0;
}

.cwm-button.cwm-text-button span, .cwm-text-button span {
  padding-right: 4px;
  margin-left: 24px;
  line-height: 24px;
}

.cwm-labelled-button {
  margin-bottom: 4px;
  height: 32px;
}

.cwm-labelled-button:hover {
  background-color: #e0eafb;
}

.cwm-labelled-button .cwm-button-label {
  margin: 2px;
  line-height: 32px;
  vertical-align: top;
}

.cwm-labelled-button .cwm-button, .cwm-labelled-button .cwm-text-button {
  margin-right: 4px;
}

.cwm-labelled-button:hover .cwm-button, .cwm-labelled-button:hover .cwm-text-button {
  border: 2px solid #85ADEA;
}

.cwm-tool-information {
  position: absolute;
  border: 1px solid black;
  border-radius: 3px;
  background-color: #edf3fc;
  font-size: 10px;
  padding: 2px;
  vertical-align: top;
  z-index: 5000;
  -webkit-box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.5);
}

.cwm-tool-information .title {
  font-size: 11px;
  font-weight: bold;
  padding-right: 3px;
  vertical-align: top;
}

.cwm-tool-information .message {
  display: inline-block;
  vertical-align: top;
  border-left: 1px dotted black;
  padding-left: 3px;
}

.cwm-tool-information .cwm-key {
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  border-bottom: 2px solid gray;
  border-right: 2px solid gray;
  border-radius: 2px;
  background-color: lightgray;
  padding: 0 1px;
}

.cwm-spinner {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 24px;
  margin-top: 10px;
  margin-right: 10px;
}

.cwm-spinner.cwm-spinner-pause .cwm-segment {
  animation-play-state: paused !important;
  -o-animation-play-state: paused !important;
  -ms-animation-play-state: paused !important;
  -webkit-animation-play-state: paused !important;
  -moz-animation-play-state: paused !important;
}

.cwm-spinner .cwm-segment {
  position: absolute;
  background-color: white;
  width: 4px;
  height: 8px;
  border-radius: 2px;
  animation-name: fadeG;
  -o-animation-name: fadeG;
  -ms-animation-name: fadeG;
  -webkit-animation-name: fadeG;
  -moz-animation-name: fadeG;
  animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
}

.cwm-spinner .cwm-segment.cwm-segment-01 {
  left: 0;
  top: 8px;
  animation-delay: 0.45s;
  -o-animation-delay: 0.45s;
  -ms-animation-delay: 0.45s;
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
  transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}

.cwm-spinner .cwm-segment.cwm-segment-02 {
  left: 2px;
  top: 2px;
  animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}

.cwm-spinner .cwm-segment.cwm-segment-03 {
  left: 8px;
  top: 0;
  animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
}

.cwm-spinner .cwm-segment.cwm-segment-04 {
  right: 2px;
  top: 2px;
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}

.cwm-spinner .cwm-segment.cwm-segment-05 {
  right: 0;
  top: 8px;
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}

.cwm-spinner .cwm-segment.cwm-segment-06 {
  right: 2px;
  bottom: 2px;
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
}

.cwm-spinner .cwm-segment.cwm-segment-07 {
  bottom: 0px;
  left: 8px;
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s;
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}

.cwm-spinner .cwm-segment.cwm-segment-08 {
  left: 2px;
  bottom: 2px;
  animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
}

@keyframes fadeG {
  0% {
    background-color: black;
  }
  100% {
    background-color: white;
  }
}

@-o-keyframes fadeG {
  0% {
    background-color: black;
  }
  100% {
    background-color: white;
  }
}

@-ms-keyframes fadeG {
  0% {
    background-color: black;
  }
  100% {
    background-color: white;
  }
}

@-webkit-keyframes fadeG {
  0% {
    background-color: black;
  }
  100% {
    background-color: white;
  }
}

@-moz-keyframes fadeG {
  0% {
    background-color: black;
  }
  100% {
    background-color: white;
  }
}

.cwm-aoi-features.cwm-primary {
  height: 14px;
}

.cwm-aoi-features.cwm-primary .cwm-symbol {
  border-style: solid;
  border-color: #ce8740;
  background-color: #f5e6d6;
}

.cwm-aoi-features.cwm-secondary .cwm-symbol {
  border-style: solid;
  border-color: #00aaff;
  background-color: #cceeff;
}

.cwm-aoi-features.cwm-memory {
  height: 14px;
}

.cwm-aoi-features.cwm-memory .cwm-symbol {
  border-style: solid;
  border-color: gray;
  background-color: #e6e6e6;
}

.cwm-aoi-features .cwm-aoi-memory-empty {
  font-style: italic;
}

.cwm-aoi-features .cwm-geometry-info, .cwm-aoi-features .cwm-aoi-memory-empty {
  position: relative;
  font-size: 0.8em;
  margin: 1px;
  height: 14px;
}

.cwm-aoi-features .cwm-geometry-info:hover, .cwm-aoi-features .cwm-aoi-memory-empty:hover {
  background-color: #d2e1f9;
}

.cwm-aoi-features .cwm-geometry-info .cwm-symbol, .cwm-aoi-features .cwm-aoi-memory-empty .cwm-symbol {
  width: 1em;
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  border-width: 1px;
}

.cwm-aoi-features .cwm-geometry-info .cwm-name, .cwm-aoi-features .cwm-aoi-memory-empty .cwm-name {
  width: 5em;
}

.cwm-aoi-features .cwm-geometry-info .cwm-type, .cwm-aoi-features .cwm-aoi-memory-empty .cwm-type {
  width: 5em;
  padding: 4px;
  cursor: pointer;
}

.cwm-aoi-features .cwm-geometry-info.cwm-aoi-selected, .cwm-aoi-features .cwm-aoi-memory-empty.cwm-aoi-selected {
  font-weight: bold;
  background-color: #c8d5ea;
}

.cwm-aoi-features .cwm-geometry-info .cwm-info-button-group, .cwm-aoi-features .cwm-aoi-memory-empty .cwm-info-button-group {
  position: absolute;
  right: 0;
  display: inline-block;
}

.cwm-aoi-features .cwm-geometry-info .cwm-info-button-group .cwm-command.cwm-aoi-delete, .cwm-aoi-features .cwm-aoi-memory-empty .cwm-info-button-group .cwm-command.cwm-aoi-delete {
  width: 14px;
  height: 14px;
  background-image: url("img/cwm-close-red.png");
}

.cwm-aoi-features .cwm-geometry-info .cwm-info-button-group .cwm-command.cwm-aoi-exchange, .cwm-aoi-features .cwm-aoi-memory-empty .cwm-info-button-group .cwm-command.cwm-aoi-exchange {
  width: 14px;
  height: 14px;
  background-image: url("img/tool-icons/16px/cwm-aoi-exchange.png");
}

.cwm-aoi-features .cwm-geometry-info .cwm-info-button-group .cwm-command.cwm-aoi-to-markup, .cwm-aoi-features .cwm-aoi-memory-empty .cwm-info-button-group .cwm-command.cwm-aoi-to-markup {
  width: 14px;
  height: 14px;
  background-image: url("img/tool-icons/16px/cwm-aoi-to-markup.png");
}

.olControlFeaturePanel, .olControlSelectionPanel, .olControlIdentifyPanel, .olControlSearchResultPanel {
  overflow: auto;
  white-space: normal;
  padding: 0px !important;
}

.olControlFeaturePanel .cwm-command.cwm-expand, .olControlSelectionPanel .cwm-command.cwm-expand, .olControlIdentifyPanel .cwm-command.cwm-expand, .olControlSearchResultPanel .cwm-command.cwm-expand {
  width: 10px;
  height: 11px;
  background-image: url("img/cwm-arrowhead-right.png");
}

.olControlFeaturePanel .cwm-command.cwm-collapse, .olControlSelectionPanel .cwm-command.cwm-collapse, .olControlIdentifyPanel .cwm-command.cwm-collapse, .olControlSearchResultPanel .cwm-command.cwm-collapse {
  width: 10px;
  height: 11px;
  background-image: url("img/cwm-arrowhead-down.png");
}

.olControlFeaturePanel .cwm-command.cwm-expand-all, .olControlSelectionPanel .cwm-command.cwm-expand-all, .olControlIdentifyPanel .cwm-command.cwm-expand-all, .olControlSearchResultPanel .cwm-command.cwm-expand-all {
  width: 18px;
  height: 14px;
  background-image: url("img/cwm-doublearrowhead-down.png");
}

.olControlFeaturePanel .cwm-command.cwm-collapse-all, .olControlSelectionPanel .cwm-command.cwm-collapse-all, .olControlIdentifyPanel .cwm-command.cwm-collapse-all, .olControlSearchResultPanel .cwm-command.cwm-collapse-all {
  width: 18px;
  height: 14px;
  background-image: url("img/cwm-doublearrowhead-up.png");
}

.olControlFeaturePanel .cwm-command.cwm-copy, .olControlSelectionPanel .cwm-command.cwm-copy, .olControlIdentifyPanel .cwm-command.cwm-copy, .olControlSearchResultPanel .cwm-command.cwm-copy {
  width: 18px;
  height: 14px;
  background-image: url("img/cwm-copy.gif");
}

.olControlFeaturePanel .cwm-command.cwm-remove, .olControlSelectionPanel .cwm-command.cwm-remove, .olControlIdentifyPanel .cwm-command.cwm-remove, .olControlSearchResultPanel .cwm-command.cwm-remove {
  width: 18px;
  height: 14px;
  background-image: url("img/cwm-close-red.png");
}

.olControlFeaturePanel .cwm-command.cwm-export, .olControlSelectionPanel .cwm-command.cwm-export, .olControlIdentifyPanel .cwm-command.cwm-export, .olControlSearchResultPanel .cwm-command.cwm-export {
  width: 18px;
  height: 14px;
  background-image: url("img/cwm-export.png");
}

.olControlFeaturePanel .cwm-sidebar-panel-tools, .olControlSelectionPanel .cwm-sidebar-panel-tools, .olControlIdentifyPanel .cwm-sidebar-panel-tools, .olControlSearchResultPanel .cwm-sidebar-panel-tools {
  height: 32px !important;
}

.olControlFeaturePanel .cwm-sidebar-panel-tools > div, .olControlSelectionPanel .cwm-sidebar-panel-tools > div, .olControlIdentifyPanel .cwm-sidebar-panel-tools > div, .olControlSearchResultPanel .cwm-sidebar-panel-tools > div {
  margin-left: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.olControlFeaturePanel .cwm-sidebar-panel-tools .cwm-cancel, .olControlSelectionPanel .cwm-sidebar-panel-tools .cwm-cancel, .olControlIdentifyPanel .cwm-sidebar-panel-tools .cwm-cancel, .olControlSearchResultPanel .cwm-sidebar-panel-tools .cwm-cancel {
  position: absolute;
  top: 0;
  right: 20px;
}

.olControlFeaturePanel .cwm-sidebar-panel-tools .cwm-cancel .cwm-icon, .olControlSelectionPanel .cwm-sidebar-panel-tools .cwm-cancel .cwm-icon, .olControlIdentifyPanel .cwm-sidebar-panel-tools .cwm-cancel .cwm-icon, .olControlSearchResultPanel .cwm-sidebar-panel-tools .cwm-cancel .cwm-icon {
  width: 24px;
  height: 24px;
  background-image: url("img/tool-icons/16px/cwm-clear-item.png");
  background-repeat: no-repeat;
}

.olControlFeaturePanel .cwm-sidebar-panel-tools .cwm-component-status, .olControlSelectionPanel .cwm-sidebar-panel-tools .cwm-component-status, .olControlIdentifyPanel .cwm-sidebar-panel-tools .cwm-component-status, .olControlSearchResultPanel .cwm-sidebar-panel-tools .cwm-component-status {
  display: inline-block;
  width: 210px;
}

.olControlFeaturePanel .cwm-sidebar-panel-tools .cwm-expand-collapse, .olControlSelectionPanel .cwm-sidebar-panel-tools .cwm-expand-collapse, .olControlIdentifyPanel .cwm-sidebar-panel-tools .cwm-expand-collapse, .olControlSearchResultPanel .cwm-sidebar-panel-tools .cwm-expand-collapse {
  position: absolute;
  right: 0;
  bottom: 0;
}

.olControlFeaturePanel .cwm-layer, .olControlSelectionPanel .cwm-layer, .olControlIdentifyPanel .cwm-layer, .olControlSearchResultPanel .cwm-layer {
  padding-bottom: 4px;
  color: #44608d;
  white-space: normal;
}

.olControlFeaturePanel .cwm-layer .cwm-layer-header, .olControlSelectionPanel .cwm-layer .cwm-layer-header, .olControlIdentifyPanel .cwm-layer .cwm-layer-header, .olControlSearchResultPanel .cwm-layer .cwm-layer-header {
  position: relative;
  cursor: pointer;
}

.olControlFeaturePanel .cwm-layer .cwm-layer-header span, .olControlSelectionPanel .cwm-layer .cwm-layer-header span, .olControlIdentifyPanel .cwm-layer .cwm-layer-header span, .olControlSearchResultPanel .cwm-layer .cwm-layer-header span {
  display: inline-block;
  vertical-align: top;
}

.olControlFeaturePanel .cwm-layer .cwm-layer-header .cwm-feature-count, .olControlSelectionPanel .cwm-layer .cwm-layer-header .cwm-feature-count, .olControlIdentifyPanel .cwm-layer .cwm-layer-header .cwm-feature-count, .olControlSearchResultPanel .cwm-layer .cwm-layer-header .cwm-feature-count {
  position: absolute;
  right: 5px;
  bottom: 0;
  font-size: smaller;
  text-align: center;
}

.olControlFeaturePanel .cwm-layer .cwm-layer-header .cwm-feature-count::before, .olControlSelectionPanel .cwm-layer .cwm-layer-header .cwm-feature-count::before, .olControlIdentifyPanel .cwm-layer .cwm-layer-header .cwm-feature-count::before, .olControlSearchResultPanel .cwm-layer .cwm-layer-header .cwm-feature-count::before {
  content: '( ';
}

.olControlFeaturePanel .cwm-layer .cwm-layer-header .cwm-feature-count::after, .olControlSelectionPanel .cwm-layer .cwm-layer-header .cwm-feature-count::after, .olControlIdentifyPanel .cwm-layer .cwm-layer-header .cwm-feature-count::after, .olControlSearchResultPanel .cwm-layer .cwm-layer-header .cwm-feature-count::after {
  content: ' )';
}

.olControlFeaturePanel .cwm-layer .cwm-layer-header .cwm-layer-title, .olControlSelectionPanel .cwm-layer .cwm-layer-header .cwm-layer-title, .olControlIdentifyPanel .cwm-layer .cwm-layer-header .cwm-layer-title, .olControlSearchResultPanel .cwm-layer .cwm-layer-header .cwm-layer-title {
  font-size: 14px;
  font-weight: bold;
  width: 200px;
}

.olControlFeaturePanel .cwm-layer .cwm-layer-header .cwm-overlay-title, .olControlSelectionPanel .cwm-layer .cwm-layer-header .cwm-overlay-title, .olControlIdentifyPanel .cwm-layer .cwm-layer-header .cwm-overlay-title, .olControlSearchResultPanel .cwm-layer .cwm-layer-header .cwm-overlay-title {
  font-size: 11px;
  font-weight: normal;
  width: 200px;
}

.olControlFeaturePanel .cwm-layer .cwm-layer-header .cwm-layer-commands, .olControlSelectionPanel .cwm-layer .cwm-layer-header .cwm-layer-commands, .olControlIdentifyPanel .cwm-layer .cwm-layer-header .cwm-layer-commands, .olControlSearchResultPanel .cwm-layer .cwm-layer-header .cwm-layer-commands {
  position: absolute;
  right: 0;
  top: 0;
}

.olControlFeaturePanel .cwm-layer.cwm-over .cwm-layer-header, .olControlSelectionPanel .cwm-layer.cwm-over .cwm-layer-header, .olControlIdentifyPanel .cwm-layer.cwm-over .cwm-layer-header, .olControlSearchResultPanel .cwm-layer.cwm-over .cwm-layer-header {
  background-color: #99b3ff;
}

.olControlFeaturePanel .cwm-layer.cwm-collapsed .cwm-layer-header .cwm-collapse, .olControlSelectionPanel .cwm-layer.cwm-collapsed .cwm-layer-header .cwm-collapse, .olControlIdentifyPanel .cwm-layer.cwm-collapsed .cwm-layer-header .cwm-collapse, .olControlSearchResultPanel .cwm-layer.cwm-collapsed .cwm-layer-header .cwm-collapse {
  display: none;
}

.olControlFeaturePanel .cwm-layer.cwm-collapsed .cwm-features, .olControlSelectionPanel .cwm-layer.cwm-collapsed .cwm-features, .olControlIdentifyPanel .cwm-layer.cwm-collapsed .cwm-features, .olControlSearchResultPanel .cwm-layer.cwm-collapsed .cwm-features {
  display: none;
}

.olControlFeaturePanel .cwm-layer.cwm-expanded .cwm-layer-header .cwm-expand, .olControlSelectionPanel .cwm-layer.cwm-expanded .cwm-layer-header .cwm-expand, .olControlIdentifyPanel .cwm-layer.cwm-expanded .cwm-layer-header .cwm-expand, .olControlSearchResultPanel .cwm-layer.cwm-expanded .cwm-layer-header .cwm-expand {
  display: none;
}

.olControlFeaturePanel .cwm-feature .cwm-feature-header, .olControlSelectionPanel .cwm-feature .cwm-feature-header, .olControlIdentifyPanel .cwm-feature .cwm-feature-header, .olControlSearchResultPanel .cwm-feature .cwm-feature-header {
  position: relative;
  height: 20px;
  margin: 3px 0 0 0;
  font-size: 12px;
  background-color: #c8d5ea;
  cursor: pointer;
}

.olControlFeaturePanel .cwm-feature .cwm-feature-header span, .olControlSelectionPanel .cwm-feature .cwm-feature-header span, .olControlIdentifyPanel .cwm-feature .cwm-feature-header span, .olControlSearchResultPanel .cwm-feature .cwm-feature-header span {
  display: inline-block;
  vertical-align: top;
}

.olControlFeaturePanel .cwm-feature .cwm-feature-header .cwm-feature-commands, .olControlSelectionPanel .cwm-feature .cwm-feature-header .cwm-feature-commands, .olControlIdentifyPanel .cwm-feature .cwm-feature-header .cwm-feature-commands, .olControlSearchResultPanel .cwm-feature .cwm-feature-header .cwm-feature-commands {
  position: absolute;
  right: 0;
  top: 0;
}

.olControlFeaturePanel .cwm-feature .cwm-feature-header .cwm-feature-title, .olControlSelectionPanel .cwm-feature .cwm-feature-header .cwm-feature-title, .olControlIdentifyPanel .cwm-feature .cwm-feature-header .cwm-feature-title, .olControlSearchResultPanel .cwm-feature .cwm-feature-header .cwm-feature-title {
  padding-top: 2px;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
}

.olControlFeaturePanel .cwm-feature.cwm-over .cwm-feature-header, .olControlSelectionPanel .cwm-feature.cwm-over .cwm-feature-header, .olControlIdentifyPanel .cwm-feature.cwm-over .cwm-feature-header, .olControlSearchResultPanel .cwm-feature.cwm-over .cwm-feature-header {
  background-color: #99b3ff;
}

.olControlFeaturePanel .cwm-feature .cwm-attributes, .olControlSelectionPanel .cwm-feature .cwm-attributes, .olControlIdentifyPanel .cwm-feature .cwm-attributes, .olControlSearchResultPanel .cwm-feature .cwm-attributes {
  font-size: 12px;
  padding-left: 4px;
  padding-right: 4px;
}

.olControlFeaturePanel .cwm-feature .cwm-attributes wbr:after, .olControlSelectionPanel .cwm-feature .cwm-attributes wbr:after, .olControlIdentifyPanel .cwm-feature .cwm-attributes wbr:after, .olControlSearchResultPanel .cwm-feature .cwm-attributes wbr:after {
  content: "\00200B";
}

.olControlFeaturePanel .cwm-feature .cwm-attributes .cwm-attribute, .olControlSelectionPanel .cwm-feature .cwm-attributes .cwm-attribute, .olControlIdentifyPanel .cwm-feature .cwm-attributes .cwm-attribute, .olControlSearchResultPanel .cwm-feature .cwm-attributes .cwm-attribute {
  background-color: white;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  padding-top: 1px;
  padding-bottom: 1px;
}

.olControlFeaturePanel .cwm-feature .cwm-attributes .cwm-attribute .cwm-attribute-name, .olControlSelectionPanel .cwm-feature .cwm-attributes .cwm-attribute .cwm-attribute-name, .olControlIdentifyPanel .cwm-feature .cwm-attributes .cwm-attribute .cwm-attribute-name, .olControlSearchResultPanel .cwm-feature .cwm-attributes .cwm-attribute .cwm-attribute-name {
  display: inline-block;
  flex-basis: 100px;
  font-size: 9px;
  color: #5375ac;
  white-space: normal;
  vertical-align: top;
}

.olControlFeaturePanel .cwm-feature .cwm-attributes .cwm-attribute .cwm-attribute-value, .olControlSelectionPanel .cwm-feature .cwm-attributes .cwm-attribute .cwm-attribute-value, .olControlIdentifyPanel .cwm-feature .cwm-attributes .cwm-attribute .cwm-attribute-value, .olControlSearchResultPanel .cwm-feature .cwm-attributes .cwm-attribute .cwm-attribute-value {
  display: inline-block;
  flex-grow: 1;
  font-size: 12px;
  white-space: normal;
  vertical-align: top;
  padding-left: 6px;
}

.olControlFeaturePanel .cwm-feature .cwm-attributes .cwm-attribute .unit, .olControlSelectionPanel .cwm-feature .cwm-attributes .cwm-attribute .unit, .olControlIdentifyPanel .cwm-feature .cwm-attributes .cwm-attribute .unit, .olControlSearchResultPanel .cwm-feature .cwm-attributes .cwm-attribute .unit {
  color: #5375ac;
}

.olControlFeaturePanel .cwm-feature .cwm-attributes .cwm-attribute:nth-child(odd), .olControlSelectionPanel .cwm-feature .cwm-attributes .cwm-attribute:nth-child(odd), .olControlIdentifyPanel .cwm-feature .cwm-attributes .cwm-attribute:nth-child(odd), .olControlSearchResultPanel .cwm-feature .cwm-attributes .cwm-attribute:nth-child(odd) {
  background-color: #eef1f6;
}

.olControlFeaturePanel .cwm-feature.cwm-collapsed .cwm-feature-header .cwm-collapse, .olControlSelectionPanel .cwm-feature.cwm-collapsed .cwm-feature-header .cwm-collapse, .olControlIdentifyPanel .cwm-feature.cwm-collapsed .cwm-feature-header .cwm-collapse, .olControlSearchResultPanel .cwm-feature.cwm-collapsed .cwm-feature-header .cwm-collapse {
  display: none;
}

.olControlFeaturePanel .cwm-feature.cwm-collapsed .cwm-attributes, .olControlSelectionPanel .cwm-feature.cwm-collapsed .cwm-attributes, .olControlIdentifyPanel .cwm-feature.cwm-collapsed .cwm-attributes, .olControlSearchResultPanel .cwm-feature.cwm-collapsed .cwm-attributes {
  display: none;
}

.olControlFeaturePanel .cwm-feature.cwm-expanded .cwm-feature-header .cwm-expand, .olControlSelectionPanel .cwm-feature.cwm-expanded .cwm-feature-header .cwm-expand, .olControlIdentifyPanel .cwm-feature.cwm-expanded .cwm-feature-header .cwm-expand, .olControlSearchResultPanel .cwm-feature.cwm-expanded .cwm-feature-header .cwm-expand {
  display: none;
}