@media screen and (max-width: 655px){
    #map_container{
        width: 99% !important;
    }
    #exampleModalCenter{
        padding-right: 20px !important;
        padding-right: 20px !important;
    }
}

.ol-box{
    box-sizing:border-box;
    border-radius:2px;
    border:2px solid #00f;
    }

#map_container{
    border: none;
    border-radius: 5px;
    width: 80%;
    height: 60%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
    box-shadow: 0px 0px 25px black;
}

.ol-viewport{
    background-color: rgb(85,171,155);
    border-radius: 5px;
    bottom: 0;
    border: 1.5px solid black;
}

#info{
    display: block;
    font-family: Tahoma;
    font-size: 16px;
    font-weight: bold;
    color: white;
    padding-right: 10px;
    text-align: center;
    text-shadow: 0 0 50px black;
}

.ol-mouse-position{
    top:8px;
    right:8px;
    position:absolute
    }

.ol-scale-line{
    background:rgba(0,60,136,.3);
    border-radius:4px;
    bottom:8px;
    left:8px;
    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
    }
    
.ol-overlay-container{
    will-change:left,right,top,bottom;
    }

.ol-overlaycontainer{
    margin-bottom: -5px;
}

.ol-unsupported{
    display:none
    }

.ol-unselectable,.ol-viewport{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:transparent
    }
    
.ol-selectable{
    -webkit-touch-callout:default;
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    user-select:text
    }
    
.ol-grabbing{
    cursor:-webkit-grabbing;
    cursor:-moz-grabbing;
    cursor:grabbing
    }
    
.ol-grab{
    cursor:move;
    cursor:-webkit-grab;
    cursor:-moz-grab;
    cursor:grab
    }
    
.ol-control{
    position:absolute;
    background-color:rgba(255,255,255,.4);
    border-radius:4px;
    padding:2px
    }
    
.ol-control:hover{
    background-color:rgba(255,255,255,.6);
    }
    
.ol-zoom{
    top:.5em;
    left:.5em;
    }
    
.ol-rotate{
    top:.5em;
    right:.5em;
    transition:opacity .25s linear,visibility 0s linear;
    }
    
.ol-rotate.ol-hidden{
    opacity:1;
    transition:opacity .25s linear,visibility 0s linear .25s;
    }
    
.ol-zoom-extent{
    top:4.643em;
    left:.5em;
    }
    
.ol-full-screen{
    right:.5em;
    top:.5em;
    }

.modal .modal-content{
    padding: 14px !important;
}
    
@media print{
    .ol-control{
        display:none;
        }
    }
    
.ol-control button{
    display:block;
    margin:1px;
    padding:0;
    color:#fff;
    font-size:1.14em;
    font-weight:700;
    text-decoration:none;
    text-align:center;
    height:1.375em;
    width:1.375em;
    line-height:.4em;
    background-color:rgba(0,60,136,.5);
    border:none;
    border-radius:2px;
    }
    
.ol-control button::-moz-focus-inner{
    border:none;
    padding:0;
    }
    
.ol-zoom-extent button{
    line-height:1.4em;
    }
    
.ol-compass{
    display:block;
    font-weight:400;
    font-size:1.2em;
    will-change:transform;
    }
    
.ol-touch .ol-control button{
    font-size:1.5em;
    }
    
.ol-touch .ol-zoom-extent{
    top:5.5em;
    }
    
.ol-control button:focus,.ol-control button:hover{
    text-decoration:none;
    background-color:rgba(0,60,136,.7)
    }
    
.ol-zoom .ol-zoom-in{
    border-radius:2px 2px 0 0;
    }
    
.ol-zoom .ol-zoom-out{
    border-radius:0 0 2px 2px;
    }
    
.ol-attribution{
    text-align:right;
    bottom:.5em;
    right:.5em;
    max-width:calc(100% - 1.3em);
    }
    
.ol-attribution ul{
    margin:0;
    padding:0 .5em;
    font-size:.7rem;
    line-height:1.375em;
    color:#000;
    text-shadow:0 0 2px #fff;
    }
    
.ol-attribution li{
    display:inline;
    list-style:none;
    line-height:inherit;
    }
    
.ol-attribution li:not(:last-child):after{
    content:" ";}
    
.ol-attribution img{
    max-height:2em;
    max-width:inherit;
    vertical-align:middle;
    }
    
.ol-attribution button,.ol-attribution ul{
    display:inline-block;
    }
    
.ol-attribution.ol-collapsed ul{
    display:none;
    }
    
.ol-attribution:not(.ol-collapsed){
    background:rgba(255,255,255,.8);
    }
    
.ol-attribution.ol-uncollapsible{
    bottom:0;
    right:0;
    border-radius:4px 0 0;
    height:1.1em;
    line-height:1em;
    }
    
.ol-attribution.ol-uncollapsible img{
    margin-top:-.2em;
    max-height:1.6em;
    }
    
.ol-attribution.ol-uncollapsible button{
    display:none;}
    
.ol-zoomslider{
    top:4.5em;
    left:.5em;
    height:200px;
    }
    
.ol-zoomslider button{
    position:relative;
    height:10px;
    }
    
.ol-touch .ol-zoomslider{
    top:5.5em;
    }
    
.ol-overviewmap{
    left:.5em;
    bottom:.5em;
    }
    
.ol-overviewmap.ol-uncollapsible{
    bottom:0;
    left:0;
    border-radius:0 4px 0 0;
    }
    
.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{
    display:inline-block;
    }
    
.ol-overviewmap .ol-overviewmap-map{
    border:1px solid #7b98bc;
    height:150px;
    margin:2px;
    width:150px;
    }
    
.ol-overviewmap:not(.ol-collapsed) button{
    bottom:1px;
    left:2px;
    position:absolute;
    }
    
.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{
    display:none;
    }
    
.ol-overviewmap:not(.ol-collapsed){
    background:rgba(255,255,255,.8);
    }
    
.ol-overviewmap-box{
    border:2px dotted rgba(0,60,136,.7);
    }
    
.ol-overviewmap .ol-overviewmap-box:hover{
    cursor:move;
    }
/*# sourceMappingURL=ol.css.map */