.dealer .open-list { cursor:pointer;position:absolute;left:0px;top:0px;bottom:0;width:40px;border-right:1px solid #b4b3b3;border-left:1px solid #b4b3b3;height:100%;background-color:#f3f3f3;z-index:98;color:white;font-size:18px;text-align:center; }
.dealer .open-list .arrow { color:#b4b3b3; font-size:18px;line-height:18px;position:absolute;width:100%;top:50%;margin-top:-9px; }
.dealer #lista-dealer-map { position: absolute; left:-485px; top:0px; bottom:0; width:485px; padding:0 15px; background-color: #e0e0e0; background-image: none; height:100%; overflow:hidden;}
.dealer #lista-dealer-map .title { color:#64a70b;padding-top:30px;font-size:22px;margin-top:0px; }
.dealer #lista-dealer-map .search-btn { width:160px;height:40px;border:1px solid #64A70B;color:white;padding:0 15px;background-color:#64a70b;font-size:16px;font-weight:bold;line-height:40px;margin-top:20px;  }
.dealer #lista-dealer-map .search-field { width:320px;height:39px;color:#000;padding:0 15px;font-size:16px;font-weight:normal;line-height:39px;background-color:#ffffff;border:none;margin-top:19px; background-image: url('../images/search-lens.png'); background-position: right center;background-repeat: no-repeat;padding-right:30px;
}

.dealer #lista-dealer-map .list-box {overflow:auto;margin-top:30px;margin-left:-15px;margin-right:-15px;}
.dealer #lista-dealer-map .row-reseller { width:100%;padding:20px;padding-bottom:25px;padding-top:25px;border:none;background: #f8f8f8;display:block;border-bottom: 1px solid #e0e0e0; margin-bottom:0px;position: relative;}
.dealer #lista-dealer-map .row-reseller .reseller-name {font-size:16px;line-height:30px;color:black;text-transform: uppercase;font-weight: bold; }
.dealer #lista-dealer-map .row-reseller .reseller-name  img { vertical-align:text-bottom; }
.dealer #lista-dealer-map .row-reseller .reseller-address {margin-top:10px;font-size:14px;line-height:20px;color:#515151; }
.dealer #lista-dealer-map .row-reseller .reseller-marchio { position:absolute; top:25px;right:20px; }
.dealer #lista-dealer-map .row-reseller .reseller-data { margin-top:10px;margin-left:0px;font-size:14px;color:#515151;line-height:20px;}
.dealer #lista-dealer-map .row-reseller:hover{
	background-color: #efefef;
	cursor: pointer;
}
.dealer #lista-dealer-map .open-in-map:link,
.dealer #lista-dealer-map .open-in-map:visited,
.dealer #lista-dealer-map .open-in-map:hover,
.dealer #lista-dealer-map .open-in-map:active
{
	text-decoration: none;
}
.btn-geolocate{
	display: inline-block;
	float:right;
}
.infoBoxDefault{
	background-color:#fff;
}
.search-wrapper{
	background-color: white;
	height: 40px;
	padding: 0px;
	margin-top: 7px;
}
.search-wrapper input,
.search-wrapper a,
.search-wrapper img
{
	padding-top: 0px !important;
	margin-top: 0px !important;
}
.padding-dealers-map{
	padding-bottom:30px;
	padding-top: 30px;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('http://i.stack.imgur.com/FhHRx.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modal {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

@media (max-width: 768px) {
	.dealer #lista-dealer-map .search-field{
		width: 100%;
	}
}