.ol-scale-line {
    background: rgba(0,60,136,.3);
    border-radius: 4px;
    bottom: 35px !important;
    left: 5px !important;
    padding: 2px;
    position: absolute;
}

@media (min-width: 500px) {
    .ol-scale-line {
        background: rgba(0,60,136,.3);
        border-radius: 4px;
        bottom: 35px !important;
        left: 200px !important;
        padding: 2px;
        position: absolute;
    }
}

.ol-scale-line-inner {
    border: 1px solid #eee;
    border-top: none;
    color: #eee;
    font-size: 10px;
    text-align: center;
    margin: 1px;
    will-change: contents,width;
    /* bottom: 80px !important;
    left: 10px !important;*/
}