.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: 16px;
    height: 16px;
    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: -554px 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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