/*================================================================================
	Item Name: merour.ar-redadeg.bzh
	Version: 1.0
	Author: Florian LANNUZEL
	Author URL: https://florian.lannuzel.bzh
================================================================================*/

.card .card-title {text-transform: none !important;}
.ui-autocomplete {display: none; position: relative; width: 200px;}
/* .ui-autocomplete-item {}
.ui-front {}
.ui-menu {} */
.ui-menu-item {color: #3BAFDA; padding: 0.25em;} /*ROUGE:#DA4453;*/
.ui-menu-item:active, .ui-menu-item:hover {background-color: #3BAFDA; color: #FFFFFF;}
/* .ui-widget-content {} */

#kilometer_available, #kilometer_unavailable {display: none;}

.disabled_hiden:disabled {color: transparent; }

#map {
	position:relative;
}
#map_canvas {
	width:100%;
}
#map_focus {
	position:absolute;
	height:20px;
	width:20px;
	left:50%;
	/*margin-left:-10px;*/
	top:50%;
	/*margin-top:10px;*/
	display:block;
	background-image: url(../images/focus.gif);
	background-position:center center;
	background-repeat:no-repeat;
	z-index:999 !important;
}

.map .layer-switcher {
	right: .5em;
	top: 0.5em;
}
.map .layer-switcher button {
	background-image: url(../images/ol.openlayers.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.14em 1.14em;
}
.map .layer-switcher button[title~="ol.LayerSwitcher"] {
	cursor: pointer;
	height: 1.375em;
	width: 1.375em;
}
.map .ol-control button {
	background-color: rgba(40, 40, 40, 0.8) !important;
}
.map .ol-geocoder .ol-control, .map .ol-geocoder .ol-control button:hover {
	background-color: rgba(40, 40, 40, 0) !important;
}
.map .ol-popup {
	background-color: #1D2B36 !important;
	padding: .5em 1em .5em 1em !important;
	border: none !important;
}
.map .ol-popup:before {
	border-top-color: none !important;
}
.ol-popup:after {
	border-top-color: #1D2B36 !important;
}
.map .ol-popup-closer {
	font-size: 100% !important;
}
.map .ol-popup-content {
	min-width: 100px !important;
	max-height: 200px !important;
	overflow-x: auto !important;
}
.map .ol-popup-closer, .map .ol-popup-closer a, .map .ol-popup-content, .map .ol-popup-content a {
	color: #FFFFFF !important;
	font-size: 0.8em !important;
}
/*
.map .ol-popup-closer a:hover, .map .ol-popup-content a:hover {
	color: #FF1234 !important;
}
*/
.map .ol-zoom {
	font-size: 1.5em;
	left: .5em;
	top: .5em;
}

div.alert a {
	color: #FFFFFF;
	text-decoration: underline;
}

.panel_loading {
	display: none;
	background-color: transparent; text-align: center; 
	/* bottom: 25%; right: 3rem;  */
	height: 200px; width: 200px;
	z-index: 9999;
	background-image: url('../images/loader.gif');
	background-color: #FFFFFF;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50% 50%;
}
