.zipcode_test_desc{
margin-top:5px;
font-size:12px;
width:100%;
}
.controls {
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {
  background-color: #fff;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 300px;
}

#pac-input:focus {
  border-color: #4d90fe;
}

#wdap_zip_check{
width: 100%;
float: left;
clear: both;
margin-bottom: 10px;
}
#wdapzipsumit{
float: left;
padding: 10px 15px;
margin-left: 2%;
}
#wdapziptextbox{
float: left;
font-size: 14px;
}

.wdap_zip {
  float: left; 
  background: lightgray;
  border-radius: 3px;
  color: #333;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}

.wdap_zip::before {
  content: '';
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 10px;
}

.wdap_zip::after {
  background: #fff;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

.wdap_zip:hover {
  background-color: #007acc;
  color: white;
}

.wdap_zip:hover::after {
   border-left-color: #007acc; 
}

/**Css for shop page**/
body.post-type-archive-product #wdapziptextbox{
  width: 100%;
  margin-top: 12px;
}
body.post-type-archive-product #wdapzipsumit{

width: 100%;
margin-left: 0;
padding: 8% 2%;
font-size: 13px;

}
body.woocommerce-checkout #wdap_custom_checkout_field .error{
  width: 100%;
  float: left;
}
div#wdap_shortcode_loader img {
    width: 5%;
    float: left;
}
.error-container{color:#fff;}

.locate-me{
position: absolute;
z-index: 100;
right: 6px;
top: 1px;
height: 95%;
width: 55px;
background: rgba(255,255,255,0);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 61%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(61%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 61%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 61%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 61%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 61%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
				}
.locate-me img {
	box-shadow: none;
	float: right;
	margin-top: 7px;
}
#wdap_type_location{margin-left:0px; height:22px;}
.locate-me img{ cursor: pointer; cursor: hand; }