.ol-popup {
    display: none; 
    font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
    bottom: 12px;
    box-shadow: 0 0 18px rgba(0,0,0,0.6);
    min-width: 200px;
    max-width: 360px;
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    max-height: 250px;
}

.ol-popup .popup-head {
	margin-top: 0px;
    padding-left: 10px;
    padding-top: 1px;
    height: 25px;
    position: absolute;
    width: 100%;
    z-index: 99;
}
.ol-popup .popup-data{
	margin-top: 27px;
    margin-left: 3px;
    margin-right: 3px;
	color: #000;
	font-size:12px;
}


/* Let's get this Custom scroll for dataTable started */
div.ol-popup-content::-webkit-scrollbar {
    width: 8px;
	height: 8px;
	display:block !important;
}
 
/* Track */
div.ol-popup-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
div.ol-popup-content::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,255,255,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
div.ol-popup-content::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,255,255,0.4); 
}


.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

/*.ol-popup:after {
    border-top-color: #662225;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}

.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}*/


.ol-popup-content {
	width:100%;
    max-height: 180px;  	
    overflow-x: auto;
	background: #f8f9facf ;
}

/*Arati closer css changed completely*/
.ol-popup-closer {
    position: absolute;
    top: -5px;
    right: -5px;
    /*font-size: 150%;*/
	font-size:small;
    padding: 0 4px;
    color: white;
    text-decoration: none;
    border-radius: 20px;
    background-color: black;
	z-index:6000;
	
}
/*Arati added hover*/
.ol-popup-closer:hover{
    color: gray !important;
	text-decoration: none;
}
.ol-popup-closer:after {
    content: "\2716";
}

.ol-popup div.infoResult {
    min-width: 130px;
}

.ol-popup div.infoResult p {
    padding: 0.1em;
    margin: 0;
}

.ol-popup-content h3 {
    margin: 0.25em 0;
}

.ol-popup.marker {
    margin-bottom: 30px;
}

.popup-layer:hover{
	cursor:pointer !important;
	color:blue !important;
}


.ol-popup table tr th, table tr td {
    border-top: 1px solid rgba(243, 249, 255, 0.43) !important;
}


.ol-popup .table-bordered td, .table-bordered th {
    border: 1px solid rgb(226 227 229) !important;
	
}
.ol-popup .table td, .table th {
    padding: 0rem 0rem 0rem 0.75rem !important;
    vertical-align: top;
    border-top: 1px solid #dee2e6 ;
}

/*.popup-layer:hover{
	background-color: #3567f566;
}*/