/* fix map tyle selector */ 
.leaflet-control-layers-selector {
	vertical-align: unset !important;
}
.leaflet-control-layers-list,
.leaflet-control-layers-list label {
	margin: 0px !important;
}

/*fix geocoder search field */
.leaflet-control-geocoder-form input{
	margin: 0px !important;
}

/* Placemark InfoWin Toolbar */

.zhom-placemark-action-div
{
	width:100%  !important;
	padding: 0  !important;
	margin: 0  !important;
	border: 0  !important;
}


.zhom-placemark-action-toolbar
{
	margin: 0  !important;
	padding: 2px 2px 2px 2px  !important;
	border-top: 1px dotted black  !important;
	border-bottom: 1px dotted black  !important;
	height: 30px  !important;
}


.zhom-placemark-action-toolbaritem
{
	margin: 0  !important;
	padding: 0 5px  !important;
	display: inline!important;
	text-align:left  !important;
	vertical-align:top  !important;
	height: 30px  !important;
}

a.zhom-placemark-action-link-a:visited, 
a.zhom-placemark-action-link-a:link
{
	text-decoration: none  !important;
}

.zhom-image-loading
{
	position:fixed;
	z-index:900;
	top:50%;
	left:50%;
	border: 0px none; 
	padding: 0px; 
	margin: 0px; 
	width: 32px; 
	height: 32px;
        opacity: 1 !important;
}

/* Plugin GeoTags */

.zhom-geotag-wrapping-div-advanced
{
	width:100%;
	padding: 0;
	margin: 0;
	border: 0;
}


.zhom-geotag-wrapping-tagbar-advanced
{
	margin: 0;
	padding: 2px 2px 2px 2px;
	line-height: 2.2;
}


.zhom-geotag-wrapping-tagbar-item-advanced
{
	padding: 2px 5px;
	display: inline;
	text-align:left;
	vertical-align:top;
	background-color: #E0EAF1;
    margin: 5px 2px 5px 0;
	border-radius: 5px 5px 5px 5px;	
    border-bottom: 1px solid #3E6D8E;
    border-right: 1px solid #7F9FB6;
}

.zhom-geotag-wrapping-tagbar-image-advanced
{
	display: inline;
	border: 0;
	padding: 2px;
	vertical-align: middle;
}

.zhom-geotag-wrapping-div-simple
{
	padding: 0;
	margin: 0;
	border: 0;
}


.zhom-geotag-wrapping-tagbar-simple
{
	margin: 0;
	padding: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 4px #666666;	
}


.zhom-geotag-wrapping-tagbar-item-simple
{
	margin: 0;
	display: inline;
	text-align:left;
	vertical-align:top;
}

div.zhom-map-default img,
div.zhom-map-default svg
{
	max-width: none !important;
}

div.leaflet-popup-content img,
div.leaflet-popup-content svg
{
	max-width: 100% !important;
}


.zhom-map-mainpanel-wrap-default {
	position: relative;
}
.zhom-map-mainpanel-default {
	position: absolute;
	top: 0px;
	display: inline;
	
}

.placemarkRate {
	height: 18px;
}

.placemarkHead  {
	line-height:normal !important;
	white-space:normal !important;
}

.placemarkContent,
.placemarkBody
 {
	line-height:normal !important;
	font-size: 11px !important;
}

.placemarkGPS  {
	line-height:0.5 !important;
	font-size: 11px !important;
}



/* ---- Buttons ---- */
.zhom-mapcenter-button-text-star,
.zhom-traffic-button-text-star,
.zhom-transit-button-text-star,
.zhom-panoramio-button-text-star,
.zhom-geolocation-button-text-star,
.zhom-placemarklist-button-text-star,
.zhom-bike-button-text-star
{
	font-family: Arial,sans-serif;   
	padding: 3px 6px 3px 6px;
	line-height: normal;
	margin: 0px;
}

.zhom-mapcenter-button-ui,
.zhom-traffic-button-ui,
.zhom-transit-button-ui,
.zhom-panoramio-button-ui,
.zhom-geolocation-button-ui,
.zhom-placemarklist-button-ui,
.zhom-bike-button-ui,
.zhom-opacityoverlay-slider-ui
{
	text-align: center; 
	font-size: 13px; 
	border-width: 2px;
	border-style: solid;
	border-color: rgba(0,0,0,0.2);
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	background: #FFFFFF;
	cursor: pointer;
}

.zhom-mapcenter-button-text,
.zhom-traffic-button-text,
.zhom-transit-button-text,
.zhom-panoramio-button-text,
.zhom-geolocation-button-text,
.zhom-placemarklist-button-text,
.zhom-bike-button-text
{
	font-family: Arial,sans-serif;   
	padding: 2px 6px 2px 6px;
	line-height: 1.5;	
}

.zhom-opacityoverlay-slider-input
{
	font-family: Arial,sans-serif;   
	padding: 1px 1px 1px 1px;
	line-height: 1.5;	
	width: 50px;	
}

.zhom-mapcenter-button-ui-star,
.zhom-traffic-button-ui-star,
.zhom-transit-button-ui-star,
.zhom-panoramio-button-ui-star,
.zhom-geolocation-button-ui-star,
.zhom-placemarklist-button-ui-star,
.zhom-bike-button-ui-star
{
	text-align: center; 
	font-size: 13px; 
	border-width: 2px;
	border-style: solid;
	border-color: rgba(0,0,0,0.2);
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	background: #FFFFFF;
	cursor: pointer;
	margin: 0px 0px 0px 2px;
}

/* panel styles - begin */
.zhom-panel-button-ui2-star,
.zhom-panel-button-ui2-star.active,
.zhom-panel-button-ui-star,
.zhom-panel-button-ui-star.active
 {
	text-align: center; 
	cursor: pointer;
	line-height: normal!important;
}

.zhom-panel-button2-star,
.zhom-panel-button-star
 {
	margin: 0px!important;	
	line-height: normal!important;
}

div.zhom-panel-button2-star.active div.zhom-panel-button-ui2-star div.zhom-panel-button-text2-star,
div.zhom-panel-button-star.active div.zhom-panel-button-ui-star div.zhom-panel-button-text-star
 {
	background: url('/components/com_zhosmmap/assets/utils/panel_right.png');
	width: 17px;
	height: 21px;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0,0,0,0.2);
	border-radius: 3px 0px 0px 3px;
	box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);  
	margin: 0px;	
	line-height: normal!important;
}

div.zhom-panel-button2-star div.zhom-panel-button-ui2-star div.zhom-panel-button-text2-star,
div.zhom-panel-button-star div.zhom-panel-button-ui-star div.zhom-panel-button-text-star
 {
	background: url('/components/com_zhosmmap/assets/utils/panel_left.png');
	width: 17px;
	height: 21px;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0,0,0,0.2);
	border-radius: 3px 0px 0px 3px;
	box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);  
	margin: 0px;
	line-height: normal!important;
	}
/* panel styles - end */

/* ---- Button for v=+ ---- */
.zhom-mapcenter-button-text2-star,
.zhom-traffic-button-text2-star,
.zhom-transit-button-text2-star,
.zhom-panoramio-button-text2-star,
.zhom-geolocation-button-text2-star,
.zhom-placemarklist-button-text2-star,
.zhom-bike-button-text2-star
{
	font-family: Roboto,Arial,sans-serif;
	padding: 3px 3px 3px 3px;
	line-height: normal;
	margin: 0px;
}

.zhom-mapcenter-button-ui2,
.zhom-traffic-button-ui2,
.zhom-transit-button-ui2,
.zhom-panoramio-button-ui2,
.zhom-geolocation-button-ui2,
.zhom-placemarklist-button-ui2,
.zhom-bike-button-ui2,
.zhom-opacityoverlay-slider-ui2
{
	text-align: center; 
	font-size: 11px; 
	border-width: 2px;
	border-style: solid;
	border-color: rgba(0,0,0,0.2);
	border-radius: 2px;
	background: #FFFFFF;
	cursor: pointer;
	margin: 5px;
}

.zhom-mapcenter-button-text2,
.zhom-traffic-button-text2,
.zhom-transit-button-text2,
.zhom-panoramio-button-text2,
.zhom-geolocation-button-text2,
.zhom-placemarklist-button-text2,
.zhom-bike-button-text2
{
	font-family: Roboto,Arial,sans-serif; 
	padding: 8px;
	line-height: 1.5;	
}

.zhom-opacityoverlay-slider-input2
{
	font-family: Roboto,Arial,sans-serif; 
	padding: 3px;
	line-height: 1.5;	
	width: 50px;	
}


.zhom-mapcenter-button-ui2-star,
.zhom-traffic-button-ui2-star,
.zhom-transit-button-ui2-star,
.zhom-panoramio-button-ui2-star,
.zhom-geolocation-button-ui2-star,
.zhom-placemarklist-button-ui2-star,
.zhom-bike-button-ui2-star
{
	text-align: center; 
	font-size: 11px; 
	border-width: 2px;
	border-style: solid;
	border-color: rgba(0,0,0,0.2);
	border-radius: 2px;
	background: #FFFFFF;
	cursor: pointer;
	margin: 0px 0px 0px 2px;
	padding: 1px 3px 1px 3px;
}



/* placemark info */
.zhom-placemark-stamp-top-div,
.zhom-placemark-stamp-bottom-div,
.zhom-placemark-stamp-top-bottom-div
{
	width:100%  !important;
	margin: 0  !important;
	padding: 0 !important;
	border-style: none;
    background: #EDF9FF;
}

.zhom-placemark-stamp-top-bottom-div
{
	border-top: 1px dotted black  !important;
	border-bottom: 1px dotted black  !important;
}


.zhom-placemark-stamp-top-div
{
	border-top: 1px dotted black  !important;
}

.zhom-placemark-stamp-bottom-div
{
	border-bottom: 1px dotted black  !important;
}

.zhom-placemark-tag-simple-div,
.zhom-placemark-tag-advanced-div
{
    width:100% !important;
    padding: 0 !important;
    margin: 5px 0px 5px 0px !important;
    border: 0 !important;
}


.zhom-placemark-tag-contact-simple-div,
.zhom-placemark-tag-contact-advanced-div,
.zhom-placemark-tag-marker-simple-div,
.zhom-placemark-tag-marker-advanced-div
{
    
}

.zhom-placemark-tag-item-simple-div,
.zhom-placemark-tag-item-advanced-div
{
    display: inline;
    text-align:left;
    vertical-align:top;
}

.zhom-placemark-tag-item-simple-div
{
    padding: 0 0 0 2px;
    margin: 5px 0 5px 0;    
}

.zhom-placemark-tag-item-advanced-div
{
    padding: 2px 5px;
    margin: 5px 2px 5px 0;    
    background-color: #E0EAF1;
    border-radius: 5px 5px 5px 5px;	
    border-bottom: 1px solid #3E6D8E;
    border-right: 1px solid #7F9FB6;
}


.zhom-panoramio-filter-main,
.zhom-find-address-main
{
	margin: 5px !important;
}

.zhom-panoramio-filter-text,
.zhom-panoramio-filter-button,
.zhom-find-address-button,
.zhom-find-find-button,
.zhom-find-panel,
.zhom-find-mode,
.zhom-find-field
{
	margin: 0 !important;
}

/* for panel tabs*/
.zhom-map-mainpanel-default .ui-tabs .ui-tabs-nav
{
	line-height: normal!important;
	font-size: 11px!important;
}

.zhom-map-mainpanel-default .ui-tabs .ui-tabs-nav li
{
	line-height: normal!important;
}

.zhom-map-mainpanel-default .ui-tabs .ui-tabs-panel .ui-accordion h3.ui-accordion-header 
{
	line-height: normal!important;
	font-size : 12px!important;
}


.zhom-map-mainpanel-default .ui-tabs .ui-tabs-panel .ui-accordion .ui-accordion-content
{
	font-size : 11px!important;
	line-height: normal!important;
	padding: 5px!important;
}

.zhom-map-mainpanel-default .ui-tabs div.ui-tabs-panel 
{
	overflow: auto!important;
}

/*fix placemark titles*/
.zhom-map-mainpanel-default .ui-tabs .ui-tabs-panel .ui-accordion .ui-accordion-content h2,
.zhom-map-mainpanel-default .ui-tabs .ui-tabs-panel .ui-accordion .ui-accordion-content h3,
.zhom-map-mainpanel-default .ui-tabs .ui-tabs-panel h2.placemarkHead,
.zhom-map-mainpanel-default .ui-tabs .ui-tabs-panel h3.placemarkHead
{
	font-size : 12px!important;
	line-height: normal!important;
	font-weight: 600;
}

/* InfoWin Tabs */
/* Style the tab */
.zhom-tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.zhom-tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 7px 8px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.zhom-tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.zhom-tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.zhom-tabcontent {
    display: none;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-top: none;
} 

.zhom-markerspinner-list-placemark-title {
    padding: 0px 5px 0px 5px;
}

.zhom-markerspinner-list-placemark-date {
    padding: 0px 5px 0px 5px;
}

.zhom-markerspinner-list-extra {
    padding: 0px 5px 0px 5px;
    float: right;
}

.zhom-path-label-default {
	background: transparent;
}

.zhom-placemark-label-default {
	background: transparent;
}

.zhom-path-elevation g,
.elevation-control g {
	opacity: 1;
}
