.popup-label {
    background-color: #fff;
    border: 2px #444 solid;
    border-radius: 7px;
    -webkit-box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.75);
    box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.75);
    color: #111;
    font: 12px/20px "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 3px 6px;
    position: absolute;
    white-space: nowrap;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.popup-label img {
    vertical-align: middle;
}

.popup-label.marker:before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 12px 6px;
    border-color: transparent transparent #000 transparent;
}

.angular-openlayers-map:-moz-full-screen {
    height: 100%;
}

.angular-openlayers-map:-webkit-full-screen {
    height: 100%;
}

.angular-openlayers-map:full-screen {
    height: 100%;
}

.angular-openlayers-map:not(-moz-full-screen) {
    height: 400px;
}

.angular-openlayers-map:not(-webkit-full-screen) {
    height: 400px;
}

.angular-openlayers-map:not(full-screen) {
    height: 400px;
}

.ol-full-screen {
    position: absolute;
    top: 50%;
}