.ol-search
{	top: 0.5em;
	left: 3em;
}
.ol-touch .ol-search
{	left: 3.5em;
}
.ol-search button
{	
	/* background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABPUlEQVQoU41SwXHCQAzUHh58eoUOIBWEDkI6oAToIKkg7iAuwakgpAIowXRACcnrzp6BzchjMx4wE/S6kW5XK60gvQghzJIkmVoqSZI9gJ9+/fINS5Cc1HX9QXIlIr/tpwcRyb33b7cIGnAIYQdg4pxbjcfj0nJ1Xc+Px+PGObdN03Q9RIAQwgpAnqbp7FKmjQGgJLlU1d2V7BjjRkQO3vvXIXarkyxVNbsCm2QR2Q0V7XOMMReRmfd+OQQubN6hYgs22ZtbnRcAtiRfLueqqmpJ8ovko6oeBq0KIWQA3gFkzrlmMafTaUEyI/mpqmbhVTRWWbRdbClPbeobQNES5KPRqOxs7DBn8K1DsAOKMZYApiTXqlrcDe4d0XN7jWeCfzt351tVle2iGalTcBd4gGDvvZ/fDe4RmCOFLe8Pr7mvEP2N9PQAAAAASUVORK5CYII="); */
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1em;
	top: 2px;
	left: 2px;
	float: left;
}
.ol-search input
{	display: inline-block;
	/*border: 0;*/
	margin: 1px 1px 1px 2px;
	/* font-size: 1.14em; */
	padding:0.3em 0.3em 0.5em;
	height: 1.375em;
	box-sizing: border-box;
	transition: all 0.1s;
}
.ol-touch .ol-search input,
.ol-touch .ol-search ul
{   font-size: 1.5em;
}
.ol-control.ol-search.ol-collapsed > *
{	display: none;
}
.ol-control.ol-search.ol-collapsed > button {
	display: block;
}

.ol-search ul
{	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
	cursor: pointer;
	max-width: 17em;
	overflow-x: hidden;
}
/*
.ol-control.ol-search ul
{	position: absolute;
	background: #fff;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}
*/
.ol-control.ol-search ul li
{	padding: 0.1em 0.5em;
}
.ol-search ul li
{	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ol-search ul li.select,
.ol-search ul li:hover
{	background-color: rgba(0,60,136,.5);
	color: #fff;
}
.ol-search ul li.mysearch-group {
    
    color: gray;
}
.ol-search ul li.mysearch-group:hover
{	background-color:transparent;
	color: gray;
	
}
.ol-search ul li .mysearch-group-title:hover
{	
	text-decoration: underline;
}

.ol-search ul li img {
	float: right;
	max-height: 2em;
}
.ol-search li.copy {
    background: rgba(0,0,0,.5);
	color: #fff;
}
.ol-search li.copy a {
	color: #fff;
	text-decoration: none;
}

.ol-search.searching:before {
    content: '';
    position: absolute;
    height: 3px;
    left: 0;
    top: 1.6em;
    animation: pulse .5s infinite alternate linear;
    background: red;
}

@keyframes pulse {
	0% { left:0; right: 95%; }
	50% {	left: 30%; right: 30%; }
	100% {	left: 95%; right: 0; }
}


.ol-search.IGNF-parcelle input {
	width: 13.5em;
}
.ol-search.IGNF-parcelle input:read-only {
	background: #ccc;
	opacity: .8;
}
.ol-search.IGNF-parcelle.ol-collapsed-list > ul.autocomplete {
	display: none;
}

.ol-search.IGNF-parcelle label {
  display: block;
  clear: both;
}
.ol-search.IGNF-parcelle > div * {
  width: 5em;
  box-sizing: border-box;
  display: inline-block;
  margin: .1em;
  font-size: 1em;
}
.ol-search.IGNF-parcelle ul.autocomplete-page {
  margin-top:.5em;
  width:100%;
  text-align: center;
  display: none;
}
.ol-search.IGNF-parcelle.ol-collapsed-list ul.autocomplete-parcelle,
.ol-search.IGNF-parcelle.ol-collapsed-list ul.autocomplete-page {
  display: block;
}
.ol-search.IGNF-parcelle.ol-collapsed ul.autocomplete-page,
.ol-search.IGNF-parcelle.ol-collapsed ul.autocomplete-parcelle,
.ol-search.IGNF-parcelle ul.autocomplete-parcelle {
  display: none;
}
.ol-search.IGNF-parcelle ul.autocomplete-page li {
	display: inline-block;
  color: #fff;
  background: rgba(0,60,136,.5);
  border-radius: 50%;
  width: 1.3em;
  height: 1.3em;
  padding: .1em;
  margin: 0 .1em;
}
.ol-search.IGNF-parcelle ul.autocomplete-page li.selected {
  background: rgba(0,60,136,1);
}

.ol-search li.clear-history{
color:red;	
}


/* Style the caret/arrow */
.mysearch-caret {
	cursor: pointer;
	user-select: none; /* Prevent text selection */
  }
  
  /* Create the caret/arrow with a unicode, and style it */
  .mysearch-caret::before {
	/*content: "\25B6";*/
/*	content: "\00B1";*/
	content: "➕";
	/*color: black;*/
	/* display: inline-block; */
	/*margin-right: 6px;*/
	margin-right: 2px;
    margin-left: -4px;
	/*transform: rotate(180deg);*/
	float:left;
	font-size: 0.5em;
    line-height: 2.8em;
  }
  
  /* Rotate the caret/arrow icon when clicked on (using JavaScript) */
  .mysearch-caret-down::before {
	/*transform: rotate(90deg);*/
	content: "➖";
  }
  
  /* Hide the nested list */
  .mysearch-nested {
	display: none!important;
  }
  
  /* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
  .mysearch-active {
	display: block!important;
  }
   
  .ol-search input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}