@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;
}

[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;
}

.icon-view-shed:before {
    content: "\61";
}
.icon-dt-logo:before {
    content: "\62";
}
.icon-area-chart:before {
    content: "\63";
}
.icon-bar-chart:before {
    content: "\64";
}
.icon-bbox:before {
    content: "\65";
}
.icon-column-chart:before {
    content: "\66";
}
.icon-compdist:before {
    content: "\67";
}
.icon-csv:before {
    content: "\68";
}
.icon-cursor:before {
    content: "\69";
}
.icon-czml:before {
    content: "\6a";
}
.icon-distance:before {
    content: "\6b";
}
.icon-donut-chart:before {
    content: "\6c";
}
.icon-raster:before {
    content: "\6d";
}
.icon-polyline:before {
    content: "\6e";
}
.icon-shp:before {
    content: "\6f";
}
.icon-scatter-chart:before {
    content: "\70";
}
.icon-gml2:before {
    content: "\71";
}
.icon-gml3:before {
    content: "\72";
}
.icon-jpg:before {
    content: "\73";
}
.icon-line-chart:before {
    content: "\74";
}
.icon-measureheight:before {
    content: "\75";
}
.icon-json:before {
    content: "\76";
}
.icon-other:before {
    content: "\77";
}
.icon-pie-chart:before {
    content: "\78";
}
.icon-png:before {
    content: "\79";
}
.icon-point:before {
    content: "\7a";
}
.icon-polygon:before {
    content: "\41";
}
.icon-sightview:before {
    content: "\42";
}
.icon-spider-chart:before {
    content: "\43";
}
.icon-table:before {
    content: "\44";
}
.icon-txt:before {
    content: "\45";
}
.icon-vector:before {
    content: "\46";
}
.icon-brightness:before {
    content: "\47";
}
.icon-gamma:before {
    content: "\48";
}
.icon-contrast:before {
    content: "\49";
}
.icon-hdr:before {
    content: "\4a";
}
.icon-hue:before {
    content: "\4b";
}
.icon-resolution:before {
    content: "\4c";
}
.icon-opacity:before {
    content: "\4d";
}
.icon-3dpolygon:before {
    content: "\4e";
}
.icon-iot:before {
    content: "\4f";
}
.icon-flood:before {
    content: "\50";
}
.icon-mqtt:before {
    content: "\51";
}
.icon-path:before {
    content: "\52";
}
.icon-sensor-fixed:before {
    content: "\53";
}
.icon-saturation:before {
    content: "\54";
}
.icon-send-backward:before {
    content: "\55";
}
.icon-send-to-back:before {
    content: "\56";
}
.icon-bring-to-front:before {
    content: "\57";
}
.icon-bring-forward:before {
    content: "\58";
}

.rightSpace {
    margin-right: 4px !important;
}

.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-sdg {
    background-image: url(../images/sdg_logo/SDG_Wheel_Transparent.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center !important;
    color: transparent !important;
    font-size: 24px !important;
}

.icon-gpx {
    background-image: url(../images/icon/path-location-svgrepo-com.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center !important;
    color: transparent !important;
    font-size: 24px !important;
}

.icon-proj5g {
    background-image: url(../images/icon/signal-steam-svgrepo-com.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center !important;
    color: transparent !important;
    font-size: 24px !important;
}

.icon-median-size {
    height: 20px !important;
    width: 20px !important;
}

.wide-icon {
    width: 32px !important;
}

.center-icon {
    text-align: center;
}