/*!
 *  based on:
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

input[type='checkbox'] + label,
.c4g-layertree a:after,
.c4g-baselayertree a:before,
.ol-control button,
.c4g-control button,
.c4g-icon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  font-weight: 100;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

/* Viewport controls */
.c4g-permalink button:before {
  font-family: 'FontAwesome';
  content: "\f0c1";
}
.c4g-permalink-popup button.c4g-copy:before {
  font-family: 'FontAwesome';
  content: "\f0ea";
}
.c4g-permalink-popup button.c4g-refresh:before {
  font-family: 'FontAwesome';
  content: "\f021";
}
.c4g-graticule button:before {
  font-family: 'FontAwesome';
  content: "\f00a";
}
.c4g-graticule.c4g-enabled button:before {
  font-family: 'FontAwesome';
  content: "\f096";
}
.ol-attribution button:before {
  font-family: 'FontAwesome';
  content: "\f101";
}
.ol-attribution.ol-collapsed button:before {
  font-family: 'FontAwesome';
  content: "\f1f9";
}
span.ol-compass:before {
  font-family: 'FontAwesome';
  content: "\f176";
}
button.ol-full-screen-false:before {
  font-family: 'FontAwesome';
  content: "\f065";
}
button.ol-full-screen-true:before {
  font-family: 'FontAwesome';
  content: "\f066";
}
.c4g-router.c4g-open > button:before {
  font-family: 'FontAwesome';
  content: "\f124";
}
button.c4g-router-print:before {
  font-family: 'FontAwesome';
  content: "\f02f";
}
button.c4g-router-switch:before {
  font-family: "FontAwesome";
  content: "\f0ec";
}
button.c4g-router-over:before {
  font-family: "FontAwesome";
  content: "\f067";
}
.c4g-router.c4g-close > button:before {
  font-family: 'FontAwesome';
  content: "\f124";
}
.c4g-editor.c4g-open > button:before {
  font-family: 'FontAwesome';
  content: "\f044";
}
.c4g-editor.c4g-close > button:before {
  font-family: 'FontAwesome';
  content: "\f040";
}
.c4g-measure.c4g-open > button:before {
  font-family: 'FontAwesome';
  content: "\f201";
}
.c4g-measure.c4g-close > button:before {
  font-family: 'FontAwesome';
  content: "\f201";
}
.c4g-export.c4g-open > button:before {
  font-family: 'FontAwesome';
  content: "\f02f";
}
.c4g-export.c4g-close > button:before {
  font-family: 'FontAwesome';
  content: "\f02f";
}
.c4g-starboard-control.c4g-open button:before {
  font-family: 'FontAwesome';
  content: "\f005";
}
.c4g-starboard-control.c4g-close button:before {
  font-family: 'FontAwesome';
  content: "\f006";
}

button.ol-zoom-in:before {
  font-family: 'FontAwesome';
  content: "\f067";
  font-size: .6em;
  /*content: "+";*/
}
button.ol-zoom-out:before {
  font-family: 'FontAwesome';
  content: "\f068";
  font-size: .6em;
  /*content: "-";*/
}
.ol-zoom-extent button:before,
button.ol-zoom-extent:before {
  font-family: 'FontAwesome';
  content: "\f0ac";
}

.ol-zoom-home button:before,
button.ol-zoom-home:before {
  font-family: 'FontAwesome';
  content: "\f015";
}

.ol-zoom-position button:before,
button.ol-zoom-position:before {
  font-family: 'FontAwesome';
  content: "\f05b";
}

/* Portside & Starboard */
button.c4g-portside-hide:before {
  content: "\f053";
  font-size: .6em;
  /*content: "<";*/
}
button.c4g-portside-close:before,
button.c4g-starboard-close:before {
  content: "\f00d";
  font-size: .6em;
  /*content: "X";*/
}

button.c4g-editor-feature-modify:before {
  font-family: 'FontAwesome';
  content: "\f0ad";
}
button.c4g-editor-feature-apply:before {
  font-family: 'FontAwesome';
  content: "\f00c";
}
button.c4g-editor-feature-delete:before {
  font-family: 'FontAwesome';
  content: "\f1f8";
}

button.c4g-measuretools-view-trigger-select:before,
button.c4g-editor-view-trigger-select:before {
  font-family: 'FontAwesome';
  content: "\f245";
}
button.c4g-editor-view-trigger-draw-point:before {
  font-family: 'FontAwesome';
  content: "\f041";
}
button.c4g-measuretools-view-trigger-draw-line:before,
button.c4g-editor-view-trigger-draw-line:before {
  font-family: 'FontAwesome';
  content: "\f1e0";
}
button.c4g-measuretools-view-trigger-draw-polygon:before,
button.c4g-editor-view-trigger-draw-polygon:before {
  font-family: 'FontAwesome';
  content: "\f04d";
}
button.c4g-measuretools-view-trigger-draw-circle:before,
button.c4g-editor-view-trigger-draw-circle:before {
  font-family: 'FontAwesome';
  content: "\f111";
}
button.c4g-measuretools-view-trigger-draw-freehand:before {
  font-family: 'FontAwesome';
  content: "\f040";
}
button.c4g-editor-view-trigger-draw-freehand:before {
  font-family: 'FontAwesome';
  content: "\f1fc";
}
button.c4g-exporttools-view-trigger-print:before {
  font-family: 'FontAwesome';
  content: "\f02f";
}
button.c4g-exporttools-print:before {
  font-family: 'FontAwesome';
  content: "\f02f";
}
button.c4g-starboard-view-trigger-starboardplugin:before {
  font-family: 'FontAwesome';
  content: "\f0ea";
}

/* Geosearch */
button.c4g-geosearch-start:before {
  font-family: 'FontAwesome';
  content: "\f002";
}
.c4g-geosearch.c4g-open button.c4g-geosearch-trigger:before {
  font-family: 'FontAwesome';
  content: "\f101";
}
.c4g-geosearch.c4g-close button.c4g-geosearch-trigger:before {
  font-family: 'FontAwesome';
  content: "\f002";
}

/* Overviemap */
.c4g-overviewmap span.c4g-icon:before {
  font-family: 'FontAwesome';
  content: "\f14c";
}
.c4g-overviewmap span.c4g-icon {
  width: 1em;
  height: .9em;
  margin-top: -1px;
}
.c4g-overviewmap.c4g-close span.c4g-icon {
  margin-top: 0;
  transform: rotate(180deg);
}

/* Starboard */
/*.c4g-starboard-containerelement-titlebar span.c4g-icon:before {
  font-family: 'FontAwesome';
  content: "\f054";
}
.c4g-starboard-containerelement.c4g-open > .c4g-starboard-containerelement-titlebar span.c4g-icon {
  transform: rotate(90deg);
}*/
button.c4g-starboard-view-trigger-baselayerswitcher:before {
  font-family: 'FontAwesome';
  content: "\f278";
}
button.c4g-starboard-view-trigger-layerswitcher:before {
  font-family: 'FontAwesome';
  content: "\f0ca";
}


.c4g-baselayertree>ul>li>a.c4g-active:before {
  font-family: 'FontAwesome';
  /*content: "\f06e";*/
  content: "\f192";
}
.c4g-baselayertree>ul>li>a.c4g-inactive:before {
  font-family: 'FontAwesome';
  /*content: "\f070";*/
  content: "\f1db";
}
.c4g-layertree a.c4g-active:after {
  font-family: 'FontAwesome';
  content: "\f205";
  float:right;
}
.c4g-layertree a.c4g-inactive:after {
  font-family: 'FontAwesome';
  content: "\f204";
  float:right;
}
.c4g-layertree span.c4g-icon:before,
.c4g-baselayertree span.c4g-icon:before{
  font-family: 'FontAwesome';
  content: "\f054";
  font-size: .8em;
}.c4g-baselayertree input {

 }
.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: FontAwesome, sans-serif;
}

/* PopUp */
button.c4g-popup-close:before {
  font-family: 'FontAwesome';
  content: "\f00d";
}
button.c4g-popup-route-from:before {
  font-family: 'FontAwesome';
  content: "\f148";
  /*content: "\f124";*/
  margin: 0 5px 0 -3px;
}
button.c4g-popup-route-to:before {
  font-family: 'FontAwesome';
  content: "\f149";
  /*content: "\f11e";*/
  margin: 0 5px 0 -3px;
}