.sprite-g {
    position: absolute;
    background-image: url(../img/sprite/spritesheet-green.png);
    background-repeat: no-repeat;
    display: block;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.sprite-w {
    position: absolute;
    background-image: url(../img/sprite/spritesheet-white.png);
    background-repeat: no-repeat;
    display: block;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.sprite-area-ruler {
    width: 50px;
    height: 50px;
    background-position: -5px -5px;
}

.sprite-calendar {
    width: 35px;
    height: 35px;
    background-position: -65px -5px;
}

.sprite-check {
    width: 30px;
    height: 30px;
    background-position: -110px -5px;
}

.sprite-comment {
    width: 35px;
    height: 35px;
    background-position: -150px -5px;
}

.sprite-compass {
    width: 35px;
    height: 35px;
    background-position: -195px -5px;
}

.sprite-data-table {
    width: 35px;
    height: 35px;
    background-position: -240px -5px;
}

.sprite-home {
    width: 30px;
    height: 30px;
    background-position: -285px -5px;
}

.sprite-layertree {
    width: 30px;
    height: 30px;
    background-position: -325px -5px;
}

.sprite-location-pin {
    width: 30px;
    height: 30px;
    background-position: -365px -5px;
}

.sprite-location-pin-hollow {
    width: 30px;
    height: 30px;
    background-position: -405px -5px;
}

.sprite-lock {
    width: 30px;
    height: 30px;
    background-position: -445px -5px;
}

.sprite-logoff {
    width: 35px;
    height: 35px;
    background-position: -485px -5px;
}

.sprite-map-layer {
    width: 35px;
    height: 35px;
    background-position: -530px -5px;
}

.sprite-my-location {
    width: 35px;
    height: 35px;
    background-position: -575px -5px;
}

.sprite-new-tab {
    width: 35px;
    height: 35px;
    background-position: -620px -5px;
}

.sprite-opacity-btn {
    width: 20px;
    height: 20px;
    background-position: -665px -5px;
}

.sprite-planning {
    width: 35px;
    height: 35px;
    background-position: -695px -5px;
}

.sprite-print {
    width: 35px;
    height: 35px;
    background-position: -740px -5px;
}

.sprite-proovitykk {
    width: 30px;
    height: 30px;
    background-position: -785px -5px;
}

.sprite-ruler {
    width: 50px;
    height: 50px;
    background-position: -825px -5px;
}

.sprite-save {
    width: 30px;
    height: 30px;
    background-position: -885px -5px;
}

.sprite-search {
    width: 35px;
    height: 35px;
    background-position: -925px -5px;
}

.sprite-send {
    width: 35px;
    height: 35px;
    background-position: -970px -5px;
}

.sprite-show {
    width: 35px;
    height: 35px;
    background-position: -1015px -5px;
}

.sprite-show-on-map {
    width: 35px;
    height: 35px;
    background-position: -1060px -5px;
}

.sprite-table {
    width: 35px;
    height: 35px;
    background-position: -1105px -5px;
}