html,
body {
    height: 100%;
    padding: 0px;
    margin: 0px;
}

#viewer {
    height: 100vh;
}

.counter-main {
    position: absolute;
    bottom: 110px;
    left: 0;
    width: 350px;
    height: 300px;
    opacity: 0.5;
}

.counter-main:hover {
    opacity: 1 !important;
}

.counter-tools-list {
    max-height: 250px;
    overflow-y: auto;
}

.list-group-item.active {
    background-color: rgb(211, 212, 213);
    border: none;
}

.counter-actions {
    position: absolute;
    top: 20px;
    width: auto;
    height: auto;
    transform: translateX(calc(50vw - 50%));
    opacity: 0.5;
}

.counter-actions:hover {
    opacity: 1 !important;
}

.fullscreen-btn {
    position: absolute;
    top: 0;
    right: 0;
}

.ol-control.pma-ui-viewport-annotations-drawing {
    display: none;
}