#POI_map_container {position:relative; width:40%; height:500px; float:left;}

.POI-list-container {width:55%; float:right;}

#POI_map {box-sizing:border-box; width:100%; height:100%;}



#POI_map_container.frontend {width:100%; height:100vh;}

.POI-list-container.frontend {width:auto; float:none;}

#btt_close_map {position:absolute; top:5px; right:5px; font-size:1.5em; z-index:1000;}

.smile {margin:0 2px; color:#eee; font-size:1.2em;}

.smile.active {color:green;}



#POI_details_container {border:1px solid black; padding:10px; position:relative;}

.POI-details-rating {position:absolute; top:12px; right:42px;}

.POI-details-title {font-style:normal; font-size:1.2em; font-weight:bold; display:block; margin-right:150px;}

.POI-details-description {margin:5px 0; border:1px solid black; border-left:0; border-right:0; padding:5px 0;}

.POI-details-services {border-bottom:1px solid black; padding-bottom: 5px; margin-bottom: 5px; min-height:220px;}

.POI-details-services>label {}

.POI-details-services-panel {}

.POI-details-services-panel ul {padding:0;}

.POI-details-services-panel li {display:inline;}

.POI-details-services-panel li:after {content:" - ";}

.POI-details-services-panel li:last-child:after {content:"";}

.POI-details-notes {}

.POI-details-image figure {float:right; width:200px; height:200px; margin-left:10px;}

.POI-details-image figure>img {width:auto; height:auto; max-width:100%; max-height:100%;}

.POI-details-buttons {text-align:right;}

.POI-details-buttons>button {font-size:1.2em; cursor:pointer;}

.POI-details-footer {border-top:1px solid black; margin-top:5px; padding-top:5px;}

.POI-details-footer>span {margin-right:50px;}



.POI-details-description.in-map {margin:0 0 5px;}

.POI-details-image.in-map figure {float:none; text-align:center; width:200px; height:auto; margin:0 auto;}

.POI-details-services {margin-top: 5px; min-height:auto;}

.POI-details-notes.in-map {margin:0;}