/* 
 * OpenCage Data Search Control v1.1.2 - 2015-08-31
 * Copyright (c) 2015, OpenCage Data 
 * info@opencagedata.com 
 * http://www.opencagedata.com 
 * 
 * Licensed under the BSD license. 
 * Demo: http://geocoder.opencagedata.com/code.html 
 * Source: git@github.com:opencagedata/leaflet-opencage-search.git 
 */
.leaflet-control-ocd-search {
	background: rgba(255,255,255,0.8);
	box-shadow: 0 1px 7px rgba(0,0,0,0.65);
	-webkit-border-radius: 4px;
	border-radius: 4px;
    margin-bottom:8px;
}

/*.leaflet-touch .leaflet-control-ocd-search {
	box-shadow: none;
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
    line-height: 30px;
}*/

.leaflet-control-ocd-search-form {
	display: inline;
}

.leaflet-control-ocd-search-form input,
.leaflet-control-ocd-search-form ul,
.leaflet-control-ocd-search-error {
	color: transparent;
}

.leaflet-control-ocd-search-form input {
	font-size: 14px;
	width: 0;
    border:0;
	transition: width 0.125s ease-in;
    border-radius:2px;
    padding:0;
    margin-top:4px;
}

/*.leaflet-touch .leaflet-control-ocd-search-form input {
	font-size: 22px;
}*/

.leaflet-control-ocd-search-icon {
	width: 135px;
	height: 26px;
	background: url('../images/wellGeocode.png') no-repeat 2px 3px;
	background-size:contain; 
	background-position: right;
	float: right;
	cursor: pointer;
    margin-left:4px;
}

/*.leaflet-touch .leaflet-control-ocd-search-icon {
	margin-top: 2px;
	width: 30px;
}*/

.leaflet-control-ocd-search-spinner .leaflet-control-ocd-search-icon {
	background-image: url(../images/spinner.gif);
}

.leaflet-control-ocd-search-expanded input,
.leaflet-control-ocd-search-error {
	width: 226px;
	margin-left: 4px;
    margin-top:4px;
	padding-left: 4px;
	padding-right: 0px;
	color: #000;
}

.leaflet-control-ocd-search-form input:focus {
	border: 1px solid black;
    border-radius:2px;
}

.leaflet-control-ocd-search-form button {
	display: none;
}

.leaflet-control-ocd-search-form-no-error {
	display: none;
}

.leaflet-control-ocd-search-error {
	margin-top: 8px;
	display: block;
	color: #444;
}

ul.leaflet-control-ocd-search-alternatives {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	list-style: none;
	padding: 0;
	transition: height 0.125s ease-in;
}

.leaflet-control-ocd-search-alternatives-minimized {
	width: 0 !important;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.leaflet-control-ocd-search-alternatives li {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid #eee;
	padding: 0;
}


.leaflet-control-ocd-search-alternatives li:last-child {
	border-bottom: none;
}

.leaflet-control-ocd-search-alternatives a {
	display: block;
	text-decoration: none;
	color: black;
	padding: 6px 8px 16px 6px;
	font-size: 14px;
}

/*.leaflet-touch .leaflet-control-ocd-search-alternatives a {
	font-size: 18px;*/
}

.leaflet-control-ocd-search-alternatives a:hover,
.leaflet-control-ocd-search-selected {
	background-color: #ddd;
}

@media (max-width: 380px){
    .leaflet-control-ocd-search-expanded input,
    .leaflet-control-ocd-search-error {
	   width: 120px;
	   margin-left: 4px;
	   padding-left: 4px;
	   padding-right: 0px;
	   color: #000;
    }
    .leaflet-control-ocd-search-alternatives a {
       font-size:10px;
    }
    .leaflet-control-ocd-search-expanded {width:80%;}
    .leaflet-control-ocd-search-expanded input, .leaflet-control-ocd-search-error {
       width:180px;
        float:right;
        margin-right:5px;
        margin-bottom:5px;
    }
    }
}