#viewer-container {

    .dc-compass {
        top: 40px;
        left: 40px;
        transform: scale(1.6);
    }

    .dc-zoom-controller {
        top: 160px;
        left: 56px;
        transform: scale(1.6);
    }

    .dc-zoom-controller {
        background: #2196f3;
    }

    .dc-compass .out-ring {
        fill: #2196f3;
    }

    .dc-hawkeye-map {
        left: auto;
        right: 16px;
        bottom: 16px;
    }

    .dc-compass .gyro {
        fill: #2196f3;
    }

    // .div-icon {
    //     .tag-entitys-box {
    //         animation: moveLayerIcon 0.5s linear 0;
    //     }

    //     .tag-entitys-box:hover {
    //         animation: moveLayerIcon 0.5s linear infinite;
    //     }
    // }

}

.layer-entity-animation {
    animation: moveLayerIcon 1s linear infinite;
}

@keyframes moveLayerIcon {
    0% {
        transform: translateY(0px);
    }

    25% {
        transform: translateY(-10px);
    }

    50% {
        transform: translateY(0px);
    }

    75% {
        transform: translateY(-10px);
    }


    100% {
        transform: translateY(0px);
    }

}