#map {
    /*border: solid 1px silver;*/
    border-radius: 5px;
    height: 480px;
    width: 100%;
}

    #map:active {
        cursor: grabbing;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
    }

.click {
    cursor: pointer;
}

.ol-attribution {
    display: none !important;
}
.ol-zoomslider, ol-zoomslider:hover {
    background-color: rgba(0,60,136,.3)!important;
}
#popup{
    margin-left:5px!important;
}

.map-tile{
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;

}

.map-tile-1{
    background-color:#7CAA2D;/*4169E1*/
}
.map-tile-2{
    background-color:#3498db;/*6585e7*/
}
.map-tile-3{
    background-color:#5BC8AC;/*91a8ee*/
}
.map-tile-4{
    background-color:#f1c40f;/*e9eefc*/
}

.map-tile-5 {
    background-color: greenyellow;
    border-radius:10px;/*4169E1*/
}

.map-tile-6 {
    background-color: orangered;
    border-radius: 10px; /*6585e7*/
}

.map-tile-7 {
    background-color: yellow;
    border-radius: 10px; /*91a8ee*/
}

.map-tile-8 {
    background-color: gray;
    border-radius: 10px; /*e9eefc*/
}