#map {
    position: relative;
}

#info {
    position: absolute;
    height: 1px;
    width: 1px;
    z-index: 100;
}

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

.tooltip.top .tooltip-arrow {
    border-top-color: white;
}

.tooltip-inner {
    border: 2px solid white;
}

#draggable {
    width: 180px;
    height: 300px;
    z-index: 99;
    display: none;
    position: absolute;
    right: 100px;
}
.ol-popup-content {
    min-width: 200px;
}
.map:-moz-full-screen {
    height: 100%;
    width: 100%;
}
.map:-webkit-full-screen {
    height: 100%;
    width: 100%;
}
.map:-ms-fullscreen {
    height: 100%;
    width: 100%;
}
.map:fullscreen {
    height: 100%;
    width: 100%;
}
.ol-rotate {
    top: 3em;
}
.modal-xl {
  width: 50%;
}
.spinner {
    width: 100%;
    text-align: center;
    margin: 20px;
}