.add-area {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
}

.add-line {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -28px 0px !important;
}

.add-point {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -56px 0px !important;
}

.analysis-selection-edit {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -84px 0px !important;
}

.analysis-selection-line {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -112px 0px !important;
}

.analysis-selection-point {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -140px 0px !important;
}

.analysis-selection-remove {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -168px 0px !important;
}

.backendstatus-down {
    width: 20px;
    height: 20px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -196px 0px !important;
}

.backendstatus-error {
    width: 20px;
    height: 20px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -216px 0px !important;
}

.backendstatus-maintenance-pending {
    width: 20px;
    height: 20px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -236px 0px !important;
}

.backendstatus-maintenance {
    width: 20px;
    height: 20px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -256px 0px !important;
}

.backendstatus-ok {
    width: 20px;
    height: 20px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -276px 0px !important;
}

.backendstatus-unknown {
    width: 20px;
    height: 20px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -296px 0px !important;
}

.backendstatus-unstable {
    width: 20px;
    height: 20px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -316px 0px !important;
}

.component-indexmap {
    width: 46px;
    height: 46px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -336px 0px !important;
}

.component-indexmap:hover {
    width: 46px;
    height: 46px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -336px -46px !important;
}

.component-tab-bg {
    width: 1px;
    height: 26px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -382px 0px !important;
}

.edit-layer {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -383px 0px !important;
}

.icon-area {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -399px 0px !important;
}

.icon-arrow-down {
    width: 13px;
    height: 15px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -427px 0px !important;
}

.icon-arrow-right {
    width: 13px;
    height: 15px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -440px 0px !important;
}

.icon-arrow-white-down {
    width: 13px;
    height: 15px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -453px 0px !important;
}

.icon-arrow-white-right {
    width: 13px;
    height: 15px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -466px 0px !important;
}

.icon-bubble-left {
    width: 20px;
    height: 15px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -479px 0px !important;
}

.icon-bubble-right {
    width: 23px;
    height: 21px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -499px 0px !important;
}

.icon-close-dark {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -522px 0px !important;
}

.icon-close-white {
    width: 20px;
    height: 20px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -538px 0px !important;
}

.icon-close {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -558px 0px !important;
}

.icon-close:hover {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -558px -16px !important;
}

.icon-corner-round {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -574px 0px !important;
}

.icon-corner-sharp {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -602px 0px !important;
}

.icon-double-line {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -630px 0px !important;
}

.icon-drag-corner {
    width: 23px;
    height: 23px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -658px 0px !important;
}

.icon-drag-corner:hover {
    width: 23px;
    height: 23px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -658px -23px !important;
}

.icon-drag {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -681px 0px !important;
}

.icon-drag:hover {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -681px -16px !important;
}

.icon-find-nearest-address-dark {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -697px 0px !important;
}

.icon-find-nearest-address-light {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -725px 0px !important;
}

.icon-find-nearest-place-dark {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -753px 0px !important;
}

.icon-find-nearest-place-light {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -781px 0px !important;
}

.icon-funnel-active {
    width: 18px;
    height: 18px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -809px 0px !important;
}

.icon-funnel {
    width: 18px;
    height: 18px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -827px 0px !important;
}

.icon-geolocator {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -845px 0px !important;
}

.icon-info-area-active {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -873px 0px !important;
}

.icon-info-area {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -889px 0px !important;
}

.icon-info {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -905px 0px !important;
}

.icon-info:hover {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -905px -16px !important;
}

.icon-line-basic {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -921px 0px !important;
}

.icon-line-dashed {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -949px 0px !important;
}

.icon-line-flat_cap {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -977px 0px !important;
}

.icon-line-round_cap {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1005px 0px !important;
}

.icon-line-thin-diagonal {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1033px 0px !important;
}

.icon-line-thin-horizontal {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1061px 0px !important;
}

.icon-line-wide-diagonal {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1089px 0px !important;
}

.icon-line-wide-horizontal {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1117px 0px !important;
}

.icon-line {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1145px 0px !important;
}

.icon-maximize {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1173px 0px !important;
}

.icon-maximize:hover {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1173px -16px !important;
}

.icon-menu {
    width: 25px;
    height: 7px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1189px 0px !important;
}

.icon-minimize {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1214px 0px !important;
}

.icon-minimize:hover {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1214px -16px !important;
}

.icon-point {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1230px 0px !important;
}

.icon-private {
    width: 18px;
    height: 18px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1258px 0px !important;
}

.icon-public {
    width: 18px;
    height: 18px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1276px 0px !important;
}

.icon-restore {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1294px 0px !important;
}

.icon-restore:hover {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1294px -16px !important;
}

.icon-select-geometry {
    width: 23px;
    height: 23px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1310px 0px !important;
}

.icon-table {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1333px 0px !important;
}

.icon-warning-dark {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1349px 0px !important;
}

.icon-warning-light {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1365px 0px !important;
}

.layer-analysis {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1381px 0px !important;
}

.layer-base {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1397px 0px !important;
}

.layer-bingmaps {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1413px 0px !important;
}

.layer-gfi-1 {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1429px 0px !important;
}

.layer-gfi-2 {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1445px 0px !important;
}

.layer-group {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1461px 0px !important;
}

.layer-newest-disabled {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1477px 0px !important;
}

.layer-newest {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1493px 0px !important;
}

.layer-publishable-disabled {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1509px 0px !important;
}

.layer-publishable {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1525px 0px !important;
}

.layer-stats-disabled {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1541px 0px !important;
}

.layer-stats {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1557px 0px !important;
}

.layer-timeseries-disabled {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1573px 0px !important;
}

.layer-timeseries {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1589px 0px !important;
}

.layer-vector {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1605px 0px !important;
}

.layer-vectortile {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1621px 0px !important;
}

.layer-wfs {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1637px 0px !important;
}

.layer-wms {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1653px 0px !important;
}

.layer-wmts {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1669px 0px !important;
}

.marker-arrow {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1685px 0px !important;
}

.marker-dot {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1713px 0px !important;
}

.marker-flag {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1741px 0px !important;
}

.marker-pin {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1769px 0px !important;
}

.marker-pin2 {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1797px 0px !important;
}

.marker-share-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1825px 0px !important;
}

.marker-share-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1857px 0px !important;
}

.marker-square {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1889px 0px !important;
}

.marker-stud {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1917px 0px !important;
}

.marker {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1945px 0px !important;
}

.menu-3d-dark {
    width: 35px;
    height: 35px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -1977px 0px !important;
}

.menu-3d-light {
    width: 35px;
    height: 35px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2012px 0px !important;
}

.menu-rounded-dark {
    width: 36px;
    height: 36px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2047px 0px !important;
}

.menu-rounded-light {
    width: 36px;
    height: 36px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2083px 0px !important;
}

.menu-sharp-dark {
    width: 35px;
    height: 35px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2119px 0px !important;
}

.menu-sharp-light {
    width: 35px;
    height: 35px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2154px 0px !important;
}

.mobile-close-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2189px 0px !important;
}

.mobile-close-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2221px 0px !important;
}

.mobile-info-marker-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2253px 0px !important;
}

.mobile-info-marker-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2285px 0px !important;
}

.mobile-infobox-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2317px 0px !important;
}

.mobile-infobox-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2349px 0px !important;
}

.mobile-layers-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2381px 0px !important;
}

.mobile-layers-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2413px 0px !important;
}

.mobile-maplegend-dark {
    width: 33px;
    height: 33px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2445px 0px !important;
}

.mobile-maplegend-light {
    width: 33px;
    height: 33px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2478px 0px !important;
}

.mobile-measure-area-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2511px 0px !important;
}

.mobile-measure-area-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2543px 0px !important;
}

.mobile-measure-line-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2575px 0px !important;
}

.mobile-measure-line-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2607px 0px !important;
}

.mobile-menu-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2639px 0px !important;
}

.mobile-menu-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2671px 0px !important;
}

.mobile-my-location-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2703px 0px !important;
}

.mobile-my-location-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2735px 0px !important;
}

.mobile-next-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2767px 0px !important;
}

.mobile-next-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2799px 0px !important;
}

.mobile-north-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2831px 0px !important;
}

.mobile-north-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2863px 0px !important;
}

.mobile-previous-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2895px 0px !important;
}

.mobile-previous-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2927px 0px !important;
}

.mobile-projection-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2959px 0px !important;
}

.mobile-projection-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -2991px 0px !important;
}

.mobile-refresh-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3023px 0px !important;
}

.mobile-refresh-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3055px 0px !important;
}

.mobile-reset-map-state-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3087px 0px !important;
}

.mobile-reset-map-state-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3119px 0px !important;
}

.mobile-search-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3151px 0px !important;
}

.mobile-search-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3183px 0px !important;
}

.mobile-selection-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3215px 0px !important;
}

.mobile-selection-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3247px 0px !important;
}

.mobile-statslegend-dark {
    width: 32px;
    height: 33px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3279px 0px !important;
}

.mobile-statslegend-light {
    width: 32px;
    height: 33px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3311px 0px !important;
}

.mobile-timeseries-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3343px 0px !important;
}

.mobile-timeseries-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3375px 0px !important;
}

.mobile-xy-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3407px 0px !important;
}

.mobile-xy-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3439px 0px !important;
}

.mobile-zoom-in-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3471px 0px !important;
}

.mobile-zoom-in-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3503px 0px !important;
}

.mobile-zoom-out-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3535px 0px !important;
}

.mobile-zoom-out-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3567px 0px !important;
}

.mylocation-3d-dark {
    width: 35px;
    height: 35px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3599px 0px !important;
}

.mylocation-3d-light {
    width: 35px;
    height: 35px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3634px 0px !important;
}

.mylocation-rounded-dark {
    width: 35px;
    height: 35px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3669px 0px !important;
}

.mylocation-rounded-light {
    width: 35px;
    height: 35px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3704px 0px !important;
}

.mylocation-sharp-dark {
    width: 35px;
    height: 35px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3739px 0px !important;
}

.mylocation-sharp-light {
    width: 35px;
    height: 35px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3774px 0px !important;
}

.myplaces-area {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3809px 0px !important;
}

.myplaces-draw-area-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3837px 0px !important;
}

.myplaces-draw-area-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3869px 0px !important;
}

.myplaces-draw-area {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3901px 0px !important;
}

.myplaces-draw-line-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3933px 0px !important;
}

.myplaces-draw-line-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3965px 0px !important;
}

.myplaces-draw-line {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -3997px 0px !important;
}

.myplaces-draw-point-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4029px 0px !important;
}

.myplaces-draw-point-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4061px 0px !important;
}

.myplaces-draw-point {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4093px 0px !important;
}

.myplaces-line {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4125px 0px !important;
}

.myplaces-point {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4153px 0px !important;
}

.refresh {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4181px 0px !important;
}

.refresh:hover {
    width: 16px;
    height: 16px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4181px -16px !important;
}

.selection-area {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4197px 0px !important;
}

.selection-area:hover {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4197px -32px !important;
}

.selection-circle {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4229px 0px !important;
}

.selection-circle:hover {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4229px -32px !important;
}

.selection-edit {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4261px 0px !important;
}

.selection-edit:hover {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4261px -32px !important;
}

.selection-line {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4293px 0px !important;
}

.selection-line:hover {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4293px -32px !important;
}

.selection-point {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4325px 0px !important;
}

.selection-point:hover {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4325px -32px !important;
}

.selection-remove {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4357px 0px !important;
}

.selection-remove:hover {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4357px -32px !important;
}

.selection-square {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4389px 0px !important;
}

.selection-square:hover {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4389px -32px !important;
}

.tool-draw-cut {
    width: 35px;
    height: 36px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4421px 0px !important;
}

.tool-feature-selection-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4456px 0px !important;
}

.tool-feature-selection-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4488px 0px !important;
}

.tool-history-back-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4520px 0px !important;
}

.tool-history-back-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4552px 0px !important;
}

.tool-history-forward-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4584px 0px !important;
}

.tool-history-forward-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4616px 0px !important;
}

.tool-layer-swipe-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4648px 0px !important;
}

.tool-layer-swipe-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4680px 0px !important;
}

.tool-link-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4712px 0px !important;
}

.tool-link-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4744px 0px !important;
}

.tool-measure-area-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4776px 0px !important;
}

.tool-measure-area-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4808px 0px !important;
}

.tool-measure-line-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4840px 0px !important;
}

.tool-measure-line-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4872px 0px !important;
}

.tool-pan-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4904px 0px !important;
}

.tool-pan-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4936px 0px !important;
}

.tool-print-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -4968px 0px !important;
}

.tool-print-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -5000px 0px !important;
}

.tool-reset-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -5032px 0px !important;
}

.tool-reset-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -5064px 0px !important;
}

.tool-save-view-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -5096px 0px !important;
}

.tool-save-view-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -5128px 0px !important;
}

.tool-terrainprofile-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -5160px 0px !important;
}

.tool-terrainprofile-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -5192px 0px !important;
}

.tool-zoombox-dark {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -5224px 0px !important;
}

.tool-zoombox-light {
    width: 32px;
    height: 32px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -5256px 0px !important;
}

.upload-material-dark {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -5288px 0px !important;
}

.upload-material-light {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -5316px 0px !important;
}

.upload-material {
    width: 28px;
    height: 28px;
    background-image: url('icons.png') !important;
    background-repeat: no-repeat !important;
    background-position: -5344px 0px !important;
}