@import "/mobile/css/mobile-common.css";


/* [full screen map positioning ] */

/* .map-fullscreen - the outer map container set to a fixed position, 
with a lower z-index than search container, and compensation for the top and bottom nav 
 */
.map-fullscreen { 
	position: fixed; 
	left: 0; 
	right: 0; 
	z-index: 0; /* lower than search-container */
	bottom: 0px; /* was 30px for jqm 1.1.1 */
	top: 44px;
}
/* #map-canvas target for google map */
#map-canvas { 
	width: 100%; 
	height: 100%; 
}
/* 
.search-container has a higher z-index than .map-fullscreen (map outer container),
 so search field floats above map 
*/
.search-container { 
	position:relative; 
	z-index: 1; /* higher than map outer container */
}

/* 
Removes jQm border-radius from search box and children, 
then adds box shadow to emphasise that search sits above the maps 
*/
.search-container > *, #search_form > * { 
	border-radius: 0px; 
}
div.search-container { 
	box-shadow: 0 2px 6px rgba(0,0,0,0.3),0 4px 15px -5px rgba(0,0,0,0.3); 
	opacity: 0.93; 
}

/* jQuery UI autocomplete ul changes */
ul.ui-autocomplete { 
	opacity: 0.8;
	max-width: 90%!important; 
	left: .8em!important;
}

/* Adjustments to google maps Info Window */
.gm-style-iw {
    height: 100% !important;
    overflow: hidden !important;
	padding: .1em;
}

/* custom icons for map footer */
/*.ui-icon-custom-locations {
	background-color:rgba(255,255,255,0);
	background-image: url("/mobile/images/pin-36.png");
	background-size: 18px 18px;
}*/
.ui-icon-custom-locate {
	background-color:rgba(255,255,255,0);
	background-image: url("/mobile/images/locate-36.png");
	background-size: 18px 18px;
}
.ui-icon-custom-campuses {
	background-color:rgba(255,255,255,0);
	background-image: url("/mobile/images/sign-36.png");
	background-size: 18px 18px;
}

.ui-icon-custom-list {
	background-color:rgba(255,255,255,0);
	background-image: url("/mobile/images/custom/black-icon-list.png");
	background-size: 14px 14px;
	opacity: .5;
	border-radius:0px!important;
}

/*custom icon for locations-options panel button */

.ui-icon-custom-locations {
	/*background-color:rgba(255,255,255,0);*/
	background-image: url("/mobile/images/location-white.png");
	background-size: 18px 18px;
}

/*custom icon for locate-me */
.ui-icon-custom-locate-me {
	background-color:rgba(255,255,255,0);
	background-image: url("/mobile/images/locate-me.png");
	background-size: 25px 25px;
}

/*locate-me button styles */

#locate-me {
	position: absolute;
	z-index: 1000;
	bottom: 25px;
	right: 3px;
	border-radius: 5px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3),0 4px 15px -5px rgba(0,0,0,0.3);
	width: 35px;
	height: 35px;
}
#locate-me span.ui-btn-inner {
	padding: .15em;
}

#locate-me span.ui-icon {
	height: 25px;
	width: 25px;
}