﻿@charset "UTF-8";

@font-face {
  font-family: "digital-twin";
  src:url("../fonts/digital-twin.eot");
  src:url("../fonts/digital-twin.eot?#iefix") format("embedded-opentype"),
    url("../fonts/digital-twin.woff") format("woff"),
    url("../fonts/digital-twin.ttf") format("truetype"),
    url("../fonts/digital-twin.svg#digital-twin") format("svg");
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: "digital-twin-2";
  src: url("../fonts/digital-twin-2.eot");
  src: url("../fonts/digital-twin-2.eot?#iefix") format("embedded-opentype"), 
      url("../fonts/digital-twin-2.woff2") format("woff2"), 
      url("../fonts/digital-twin-2.woff") format("woff"), 
      url("../fonts/digital-twin-2.ttf") format("truetype"), 
      url("../fonts/digital-twin-2.svg#digital-twin-2") format("svg");
  font-weight: normal;
  font-style: normal;
}	
[data-icon]:before {
  font-family: "digital-twin" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "digital-twin" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before {
    font-family: "digital-twin-2" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-area-chart:before {
  content: "\61";
}
.icon-donut-chart:before {
  content: "\64";
}
.icon-line-chart:before {
  content: "\65";
}
.icon-pie-chart:before {
  content: "\66";
}
.icon-raster:before {
  content: "\67";
}
.icon-scatter-chart:before {
  content: "\68";
}
.icon-spider-chart:before {
  content: "\69";
}
.icon-table:before {
  content: "\6a";
}
.icon-txt:before {
  content: "\6b";
}
.icon-vector:before {
  content: "\6c";
}
.icon-column-chart:before {
  content: "\62";
}
.icon-bar-chart:before {
  content: "\63";
}
.icon-3dpolygon:before {
  content: "\6d";
}
.icon-distance:before {
  content: "\6e";
}
.icon-compdist:before {
  content: "\6f";
}
.icon-other:before {
  content: "\70";
}
.icon-point:before {
  content: "\71";
}
.icon-cursor:before {
  content: "\74";
}
.icon-png:before {
  content: "\76";
}
.icon-csv-1:before {
  content: "\77";
}
.icon-shp:before {
  content: "\78";
}
.icon-gml3:before {
  content: "\79";
}
.icon-jpg:before {
  content: "\7a";
}
.icon-json:before {
  content: "\75";
}
.icon-gml2:before {
  content: "\41";
}
.icon-czml:before {
  content: "\42";
}
.icon-polyline:before {
  content: "\72";
}
.icon-rectangle:before {
  content: "\73";
}
.icon-polygon:before {
  content: "\43";
}
.icon-dt-logo:before {
  content: "\44";
}
.icon-view-shed:before {
  content: "\45";
}
.icon-sightview:before {
  content: "\46";
}


.avoid-clicks {
  pointer-events: none;
}

.icon-color {
    color: #094183 !important;
}

.rightSpace {
    margin-right: 4px !important;
}

.flaticon-brightness:before {
    content: "\f100";
}

.flaticon-contrast:before {
    content: "\f101";
}

.flaticon-saturation:before {
    content: "\f102";
}

.flaticon-square-shadow:before {
    content: "\f103";
}

.flaticon-grid:before {
    content: "\f104";
}

.flaticon-pixels:before {
    content: "\f105";
}

.flaticon-transparency:before {
    content: "\f106";
}

.flaticon-hdr:before {
    content: "\f107";
}

.flaticon-hdr-1:before {
    content: "\f108";
}

.flaticon-palette:before {
    content: "\f109";
}

.flaticon-bucket:before {
    content: "\f10a";
}

.flaticon-colour:before {
    content: "\f10b";
}

.flaticon-graphs:before {
    content: "\f10c";
}

.flaticon-curve-line:before {
    content: "\f10d";
}
.sysbtn-add{background-image: url(../images/sysbtn-add-icon.png);}
.sysbtn-update{background-image: url(../images/sysbtn-update-icon.png);}
.sysbtn-delete{background-image: url(../images/sysbtn-delete-icon.png);}
.sysbtn-refresh{background-image: url(../images/sysbtn-refresh-icon.png);}
.sysbtn-data{background-image: url(../images/sysbtn-data-icon.png);}
.sysbtn-model{background-image: url(../images/sysbtn-model-icon.png);}
.sysbtn-grid{background-image: url(../images/grid.png);}
.sysbtn-metadata{background-image: url(../images/sysbtn-metadata-icon.png); background-size:16px 16px; background-repeat:no-repeat;}
.sysbtn-metadata-disabled{background-image: url(../images/sysbtn-metadata-icon-disabled.png); background-size:16px 16px; background-repeat:no-repeat;}

.clippingPlane-visible{background-image: url(../images/clippingPlane.png); background-size:16px 16px; background-repeat:no-repeat;}
.clippingPlane-hidden{background-image: url(../images/clippingPlane-disabled.png); background-size:16px 16px; background-repeat:no-repeat;}
.layer-visible{background-image: url(../images/tick-icon.png); background-size:16px 16px; background-repeat:no-repeat;}
.layer-hidden{background-image: url(../images/tick-icon-disabled.png); background-size:16px 16px; background-repeat:no-repeat;}
.layer-remove-enabled{background-image: url(../images/remove-icon.png); background-size:16px 16px; background-repeat:no-repeat;}
.layer-remove-disabled{background-image: url(../images/remove-icon-disabled.png); background-size:16px 16px; background-repeat:no-repeat;}
.layer-up-enabled{background-image: url(../images/up-icon.png); background-size:16px 16px; background-repeat:no-repeat;}
.layer-up-disabled{background-image: url(../images/up-icon-disabled.png); background-size:16px 16px; background-repeat:no-repeat;}
.layer-down-enabled{background-image: url(../images/down-icon.png); background-size:16px 16px; background-repeat:no-repeat;}
.layer-down-disabled{background-image: url(../images/down-icon-disabled.png); background-size:16px 16px; background-repeat:no-repeat;}
.layer-legend-enabled{background-image: url(../images/legend-icon.png); background-size:16px 16px; background-repeat:no-repeat;}
.layer-legend-disabled{background-image: url(../images/legend-icon-disabled.png); background-size:16px 16px; background-repeat:no-repeat;}
.layer-config{background-image: url(../images/cog.png); background-size:16px 16px; background-repeat:no-repeat;}
.layer-config-tick{background-image: url(../images/cog-tick.png); background-size:16px 16px; background-repeat:no-repeat;}
.analysis-icon-enabled{background-image: url(../images/analysis-icon-enabled.png); background-size:16px 16px; background-repeat:no-repeat;}
.analysis-icon-disabled{background-image: url(../images/analysis-icon-disabled.png); background-size:16px 16px; background-repeat:no-repeat;}
.pin-place{background-image: url(../images/pin-place-icon.png); background-size:16px 16px; background-repeat:no-repeat;}
.pin-place-disabled{background-image: url(../images/pin-place-disabled.png); background-size:16px 16px; background-repeat:no-repeat;}

.sim-run{background-image: url(../images/sim-run-icon.png); background-size:16px 16px; background-repeat:no-repeat;}
.sim-run-disabled{background-image: url(../images/sim-run-icon-disabled.png); background-size:16px 16px; background-repeat:no-repeat;}
.sim-processing{background-image: url(../images/processing.gif); background-size:16px 16px; background-repeat:no-repeat;}
.sim-stop{background-image: url(../images/sim-stop-icon.png); background-size:16px 16px; background-repeat:no-repeat;}
.sim-pause{background-image: url(../images/sim-pause-icon.png); background-size:16px 16px; background-repeat:no-repeat;}
.sim-reload{background-image: url(../images/sim-reload-icon.png); background-size:16px 16px; background-repeat:no-repeat;}
.sim-reload-disabled{background-image: url(../images/sim-reload-icon-disabled.png); background-size:16px 16px; background-repeat:no-repeat;}
.sim-warning{background-image: url(../images/sim-warning-icon.png); background-size:16px 16px; background-repeat:no-repeat;}
.sim-success-enabled{background-image: url(../images/sim-success-icon-enabled.png); background-size:16px 16px; background-repeat:no-repeat;}
.sim-success-disabled{background-image: url(../images/sim-success-icon-disabled.png); background-size:16px 16px; background-repeat:no-repeat;}
.sim-delete{background-image: url(../images/sim-delete-icon.png); background-size:16px 16px; background-repeat:no-repeat;}
.sim-bbox-enabled{background-image: url(../images/bbox-icon.png); background-size:16px 16px; background-repeat:no-repeat;}
.sim-bbox-disabled{background-image: url(../images/bbox-icon-disabled.png); background-size:16px 16px; background-repeat:no-repeat;}
.sim-path-analysis{background-image: url(../images/marker-icon.png); background-size:16px 16px; background-repeat:no-repeat;}

.sim-params{background-image: url(../images/params-icon.png); background-size:16px 16px; background-repeat:no-repeat;}

.icon-refresh{
	background-image: url(../images/icon/refresh.png);
	background-size:16px 16px; 
	background-repeat:no-repeat;
}

.icon-delete{
	background-image: url(../images/icon/delete.png);
	background-size:16px 16px; 
	background-repeat:no-repeat;
}

.icon-load{
	background-image: url(../images/icon/load.png);
	background-size:16px 16px; 
	background-repeat:no-repeat;
}

.icon-active{
	background-image: url(../images/icon/bullet-green.png);
	background-size:16px 16px; 
	background-repeat:no-repeat;
}

.icon-list-edit{
	background-image: url(../images/icon/list-edit.png);
	background-size:16px 16px; 
	background-repeat:no-repeat;
}

.icon-chart{
	background-image: url(../images/icon/chart.png);
	background-size:16px 16px; 
	background-repeat:no-repeat;
}
.icon-cofigure{
	background-image: url(../images/icon/gear.png);
	background-size:16px 16px; 
	background-repeat:no-repeat;
}

.icon-clippingPanel{
	background-image: url(../images/icon/clippingPanel.png);
	background-size:16px 16px; 
	background-repeat:no-repeat;
}

.icon-process{
	background-image: url(../images/icon/processing.gif);
	background-size:16px 16px; 
	background-repeat:no-repeat;
}

.icon-error{
	background-image: url(../images/icon/error.png);
	background-size:16px 16px; 
	background-repeat:no-repeat;
}

.icon-accept{
	background-image: url(../images/icon/accept.png);
	background-size:16px 16px; 
	background-repeat:no-repeat;
}

.icon-bbox{
	background-image: url(../images/icon/bbox.png);
	background-size:16px 16px; 
	background-repeat:no-repeat;
}

.icon-check{
	background-image: url(../images/icon/check.png);
	background-size:16px 16px; 
	background-repeat:no-repeat;
}

.icon-reset{
	background-image: url(../images/icon/reset.png);
	background-size:16px 16px; 
	background-repeat:no-repeat;
}

.icon-list-accept{
	background-image: url(../images/icon/list-accept.png);
	background-size:16px 16px; 
	background-repeat:no-repeat;
}

.icon-show{
	background-image: url(../images/icon/show.png);
	background-size:16px 16px; 
	background-repeat:no-repeat;
}

.icon-hide{
	background-image: url(../images/icon/hide.png);
	background-size:16px 16px; 
	background-repeat:no-repeat;
}

.icon-up{
	background-image: url(../images/icon/up.png);
	background-size:16px 16px; 
	background-repeat:no-repeat;
}

.icon-down{
	background-image: url(../images/icon/down.png);
	background-size:16px 16px; 
	background-repeat:no-repeat;
}

.icon-legend{
	background-image: url(../images/icon/legend.png);
	background-size:16px 16px; 
	background-repeat:no-repeat;
}

.icon-exploded-view {
    background-image: url(../images/icon/explode.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-rotation-view {
    background-image: url(../images/icon/rotationView.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-slide-view {
    background-image: url(../images/icon/slideView.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-timeline{
	background-image: url(../images/icon/timeline.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
}
.icon-timeline-disabled{
	background-image: url(../images/icon/timeline-disabled.png);
  background-size: 20px 20px;
    background-repeat: no-repeat;
    height: 20px !important;
    width: 20px !important;
}

.icon-casearea{
	background-image: url(../images/icon/light-icon.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
}
.icon-casearea-disabled{
	background-image: url(../images/icon/light-icon-disabled.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-createCA{
  background-image: url(../images/bbox-icon.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
}

.icon-createCA-disabled{
  background-image: url(../images/bbox-icon-disabled.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
}

.icon-adjbg{
	background-image: url(../images/icon/settings-icon.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
}
.icon-adjbg-disabled{
	background-image: url(../images/icon/settings-icon-disabled.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-terrain{
	background-image: url(../images/icon/terrain-icon.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-terrain-disabled{
	background-image: url(../images/icon/terrain-icon-disabled.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-shadow{
	background-image: url(../images/icon/icon-shadow.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
}
.icon-shadow-disabled{
	background-image: url(../images/icon/icon-shadow-disabled.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
}
.icon-choose-casearea{
  background-image: url(../images/calist-icon.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.icon-draw-tools-disabled{
	background-image: url(../images/icon/draw-tools-disabled.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
}
.icon-draw-tools{
  background-image: url(../images/icon/draw-tools.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
}

.icon-pick-hide-disabled{
	background-image: url(../images/icon/pick-hide-disabled.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
}
.icon-pick-hide{
  background-image: url(../images/icon/pick-hide.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
}

.icon-measure{
  background-image: url(../images/icon/ruler.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
}

.icon-measure-disabled{
  background-image: url(../images/icon/ruler.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  filter: grayscale(1);
}

.icon-history{
  background-image: url(../images/icon/history.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
}

.icon-3D-white{
  background-image: url(../images/icon/3D.png);
  background-size: contain;
  background-repeat: no-repeat;
  filter: grayscale(1) brightness(200%);
}

.icon-polygon-white{
  background-image: url(../images/icon/polygon.png);
  background-size: contain;
  background-repeat: no-repeat;
  filter: grayscale(1) brightness(200%);
}

.icon-polyline-white{
  background-image: url(../images/icon/polyline.png);
  background-size: contain;
  background-repeat: no-repeat;
  filter: grayscale(1) brightness(200%);
}

.icon-point-white{
  background-image: url(../images/icon/point.png);
  background-repeat: no-repeat;
  background-size: contain;
  filter: grayscale(1) brightness(200%);
}


.icon-median-size{
  height:20px !important;
  width:20px !important;
}

