@import url("../../../../../bundles/con4giscore/vendor/fontawesome/css/all.css");
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-style: normal;
}

.mod_c4g_maps input[type='checkbox'] + label,
.c4g-layertree a:after,
.c4g-baselayertree a:before,
.ol-control button,
.c4g-control button,
.c4g-icon {
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  /*font-size: inherit;*/
  /*font-weight: 900;*/
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c4g-portside-container button:before,
.c4g-starboard-container button:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}

/* General icons */
.c4g-spinner span.c4g-icon:before {
  content: "\f01e";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.mod_c4g_maps input[type='checkbox'] {
  display: none;
}
.mod_c4g_maps input[type='checkbox'] + label:before {
  content: "\f204";
  margin-right: 5px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.mod_c4g_maps input[type='checkbox']:checked + label:before {
  content: "\f205";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}

/* Viewport controls */
.c4g-permalink button:before {
  content: "\f0c1";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.c4g-permalink-popup button.c4g-copy:before {
  content: "\f0ea";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.c4g-permalink-popup button.c4g-refresh:before {
  content: "\f021";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.c4g-graticule button:before {
  content: "\f00a";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.c4g-graticule.c4g-enabled button:before {
  content: "\f00a";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.ol-attribution button:before {
  content: "\f101";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.ol-attribution.ol-collapsed button:before {
  content: "\f1f9";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
span.ol-compass:before {
  content: "\f35b";
  font-family: 'Font Awesome 5 Free';
  font-weight: 100;
  font-size: inherit;
}
button.ol-full-screen-false:before {
  content: "\f31e";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
button.ol-full-screen-true:before {
  content: "\f066";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
span.c4g-active ul li:before{
  content:"\f111";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 14px;
}
span.c4g-active ul li.c4g-active:before{
  content:"\f192";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 14px;
}

.c4g-measure.c4g-open > button:before {
  content: "\f545";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.c4g-measure.c4g-close > button:before {
  content: "\f545";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.c4g-export.c4g-open > button:before {
  content: "\f02f";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.c4g-export.c4g-close > button:before {
  content: "\f02f";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.c4g-infopage.c4g-open > button:before {
  content: "\f129";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.c4g-infopage.c4g-close > button:before {
  content: "\f129";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.c4g-account.c4g-open > button:before {
  font-weight: 100;
  content: "\f007";
  font-family: 'Font Awesome 5 Free';
  font-size: inherit;
}
.c4g-account.c4g-close > button:before {
  content: "\f007";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.c4g-starboard-control.c4g-open button:before {
  content: "\f005";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.c4g-starboard-control.c4g-close button:before {
  content: "\f005";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}

button.ol-zoom-in:before {
  content: "\f067";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
button.ol-zoom-out:before {
  content: "\f068";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.ol-zoom-extent button:before,
button.ol-zoom-extent:before {
  content: "\f57c";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}

.ol-zoom-home button:before,
button.ol-zoom-home:before {
  content: "\f015";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}

.ol-zoom-position button:before,
button.ol-zoom-position:before {
  content: "\f05b";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}

/* Portside & Starboard */
button.c4g-portside-hide:before{
  content: "\f060";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
button.c4g-portside-close:before,
button.c4g-starboard-close:before{
  content: "\f00d";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}

button.c4g-measuretools-view-trigger-select:before {
  content: "\f245";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}

button.c4g-measuretools-view-trigger-draw-line:before {
  content: "\f1e0";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
button.c4g-measuretools-view-trigger-draw-polygon:before {
  content: "\f5ee";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
button.c4g-measuretools-view-trigger-draw-circle:before {
  content: "\f111";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}

button.c4g-measuretools-view-trigger-draw-freehand:before {
  content: "\f303";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
button.c4g-print:before {
  content: "\f019";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
button.c4g-infopage-view-trigger:before {
  content: "\f129";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
button.c4g-account-view-trigger:before {
  content: "\f007";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
button.c4g-starboard-view-trigger-starboardplugin:before {
  content: "\f0ea";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
/* Geosearch */
button.c4g-geosearch-start:before {
  content: "\f002";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.c4g-geosearch.c4g-open button.c4g-geosearch-trigger:before {
  content: "\f101";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.c4g-geosearch.c4g-close button.c4g-geosearch-trigger:before {
  content: "\f002";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}

/* Overviemap */
.c4g-overviewmap span.c4g-icon:before {
  content: "\f0ac";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.c4g-overviewmap span.c4g-icon {
  width: 1em;
  margin-top: -1px;
}
.c4g-overviewmap.c4g-close span.c4g-icon {
  margin-top: 0;
  transform: rotate(180deg);
}

button.c4g-starboard-view-trigger-baselayerswitcher:before {
  content: "\f279";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
button.c4g-starboard-view-trigger-layerswitcher:before {
  content: "\f5fd";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}


.c4g-baselayertree>ul>li>a.c4g-active:before {
  font-weight: 100;
  content: "\f192";
  font-family: 'Font Awesome 5 Free';
  font-size: inherit;
}
.c4g-baselayertree>ul>li>a.c4g-inactive:before {
  font-weight: 100;
  content: "\f111";
  font-family: 'Font Awesome 5 Free';
  font-size: inherit;
}

.c4g-layertree span.c4g-icon:before ,
.c4g-baselayertree span.c4g-icon:before {
  content: "\f054";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.c4g-baselayertree input[type='range']{
  float: right;
}
.c4g-baselayertree input[type=range]{
   -webkit-appearance: none;
 }

.c4g-baselayertree input[type=range]::-webkit-slider-runnable-track {
  width: 300px;
  height: 5px;
  background: #ddd;
  border: none;
  border-radius: 3px;
}

.c4g-baselayertree input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: rgba(0,60,136,.7);
  margin-top: -4px;
}

.c4g-baselayertree input[type=range]:focus {
  outline: none;
}

.c4g-baselayertree input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ccc;
}
.c4g-layertree .c4g-open > span,
.c4g-baselayertree .c4g-open > span{
  transform: rotate(90deg);
}
.c4g-starboard-filter input {
  font-family: 'Font Awesome 5 Free', sans-serif;
  font-weight: 900;
}

/* PopUp */
button.c4g-popup-close:before {
  content: "\f00d";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.c4g-layertree a.c4g-active:after,
.c4g-starboard-headline-link.c4g-active:after {
  font-family: 'Font Awesome 5 Free', sans-serif;
  content: "\f205";
  float:right;
  font-weight: 900;
  font-size: inherit;
}
.c4g-layertree a.c4g-inactive:after,
.c4g-starboard-headline-link.c4g-inactive:after {
  font-family: 'Font Awesome 5 Free', sans-serif;
  content: "\f204";
  float:right;
  font-weight: 900;
  font-size: inherit;
}
.c4g-portside-container .c4g_brick_dialog #send-dialog::before {
  content: "\f0c7";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.c4g-portside-container .c4g_brick_dialog #cancel-dialog::before {
  content: "\f05e";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}
.c4g-geojson-button:after {
  content: "\f59f";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: inherit;
}