.fixed-bottom {
    display: none;
}
#imgContainer {
    width: 100vw;
    height: 100vh;
}
#positionButtonDiv {
    background: rgb(58, 56, 63);
    background: rgba(58, 56, 63, 0.8);
    border: solid 1px #100000;
    color: #FFFFFF;
    padding: 8px;
    text-align: left;
    position: absolute;
    right: 0;
    bottom: 0px;
}
#positionButtonDiv .positionButtonSpan img {
    float: right;
    border: 0;
}
.positionMapClass area {
    cursor: pointer;
}
.zoomButton {
    border: 0;
    cursor: pointer;
}

.mapControls .dropdown-item {
    padding: 0.25rem 0.75rem;
}

.mapControls .bootstrap-select .dropdown-menu li a span.text {
    background-color: darkcyan;
    color: #FFF;
    padding: 0.3125rem 0.625rem;
    border-radius: 0.3125rem;
}

.mapControls .dropdown-item.active,
.mapControls .dropdown-item:active,
.mapControls .dropdown-item:focus,
.mapControls .dropdown-item:hover {
    background-color: transparent;
}

.mapControls .bootstrap-select .dropdown-menu li.selected a span.text,
.mapControls .bootstrap-select .dropdown-menu li:active a span.text,
.mapControls .bootstrap-select .dropdown-menu li:focus a span.text,
.mapControls .bootstrap-select .dropdown-menu li:hover a span.text {
    background-color: crimson;
}

.btnShareVitri {
    display: none;
    position:fixed;
    top: 24px;
    left: 1rem;
    z-index: 1;
    background: #FFF;
    font-size: 0.9rem;
}

@media (max-width: 480px) {
  .btnShareVitri {
        display: block;
    }
}