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

}