.ol-popup {position: absolute;background-color: white; -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); padding: 15px; border-radius: 7px; border: 1px solid #cccccc; bottom: 12px; left: -50px; min-width: 250px; max-width: 280px;}
.ol-popup-closer {text-decoration: none; position: absolute; top: 2px; right: 8px;}
.ol-popup-closer:after { content: "\2716"; color: red;}
.ol-popup-closer:hover::after{background-color: red; border-radius: 3px; color: black; box-shadow:0px 2px 2px 0px RGBA(168,163,168,1); text-shadow:#ffeb3b 1px 1px 1px;}
.ol-popup-content{border-left: 1px solid #c3b8b8; float:left;font-family: verdana, calibri, arial, times new roman; font-size: 12px; font-style: italic; line-height: 150%; margin-left: 2px; padding-left: 2px; min-width: 170px; max-width: 218px;}
.ol-popup-direc{ background: #078e1e; float:left; width: 20px; margin-left:-8px;}