html {
  scroll-behavior: smooth;
}
body {
    font-family: 'Roboto Condensed', sans-serif !important;
    margin: 0px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #1d1d1b; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
#spazioVuoto{
    width: 100%;
    height: 30px;
    text-align: center;
}
.imgCategories{
    cursor: pointer;
    margin-right: 5px;
    width: 13px;
}
#linguettaSx{
    position: absolute;
    left: 302px;
    top: -4px;
    cursor: pointer;
    height: 40px;
}
#linguettaDx{
    position: absolute;
    top: 0px;
    cursor: pointer;
    width: 20px;
    height: 36px;
}
#linguettaDw{
    position: absolute;
    top: 3px;
    right: 0px;
    cursor: pointer;
    width: auto;
    height: auto;
    display: none;
}
#linguettaUp{
    position: absolute;
    top: 5px;
    right: 0px;
    cursor: pointer;
    width: auto;
    height: auto;
    display: none;
}


#sidebar {
    position: absolute;
    top: 400px;
    /*right: -300px;*/
    left: 0px;
    width: 340px;
    height: 345px;
    background: #f2f2f2;
    padding: 20px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: -2px 0 5px rgba(0,0,0,0.2);
    transition: right 0.3s ease;
    z-index: 100;
    background-color: #1e2c2f;
    opacity: 0.9;    
    scrollbar-color: #848e90 #4d4d4d;
    display: none;
}
#sidebarLinguetta {
    position: absolute;
    top: 400px;
    /*right: -300px;*/
    left: 0px;
    width: 20px;
    height: 345px;
    background: #f2f2f2;
    background-color: #1e2c2f;
    opacity: 0.9;
    z-index: 998;
}
#sidebarLinguettaOrizzontale {
    position: absolute;
    top: 615.5px;
    /*right: -300px;*/
    left: 0px;
    width: 100%;
    height: 25px;
    background: #f2f2f2;
    background-color: #1e2c2f;
    opacity: 0.9;
    z-index: 998;
    display: none;
}
.singleDiv{
	width: auto;
	margin-bottom: 10px;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 15px;
	margin-left: 26px
}
.singleDivInfowindow{
	width: auto;
	margin-bottom: 10px;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 15px;
	margin-left: 26px
}
.singleIcon{
	width: 8%;
	float: left;
}
.titleDealer{
	width: 100%;
	margin-bottom: 10px;
	font-family: 'Roboto Condensed', sans-serif !important;
}
.rigaSeparatore{
	width: 100%;
	background-color: #7a8385;
	height: 2px;
}
.bloccoDealer{
	margin-bottom: 20px;
	cursor: pointer;
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 10px;
}
.singleDiv a{
	color: #ffffff;
	text-transform: lowercase !important;
}
.singleDivInfowindow a{
	color: #000000;
	text-transform: lowercase !important;
}
.gm-style .gm-style-iw-d{
    margin-top: 30px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.gm-style-iw-chr {
  height: 0px;
}
#sidebar.visible {
    right: 0;
}
#contenitorePulsanti{
    position: absolute;
    top: 339px;
    z-index: 998;
    background-color: #1e2c2f;
    opacity: 0.9;
    width: 339px;
    text-align: center;
    padding-bottom: 20px;
}
#result-title{
    background-color: #7a8385;
    /*opacity: 0.9;*/
    width: 340px;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 4px;
    /* text-align: center; */
    margin-left: -20px;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 22px;
    position: sticky;
    top: -20px;
    margin-top: -25px;
    color: #ffffff;
    padding-left: 52px;
}

#submitSearch {
    background-color: #dadada; /* blu iniziale */
    color: #a0a0a0;
    transition: background-color 0.3s ease;
    height: 30px;
    width: 110px;
    margin-right: 10px;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 16px;
    border-radius: 10px;
   /* margin-left: 18px;*/
    margin-left: -30px;
    margin-bottom: 10px;    

}
#submitSearch.active {
    background-color: #28a745; /* verde evidenziato */
    color: #ffffff;
}
#resetButton.active {
    color: #000000;
}

#toggleSidebar {
    position: fixed;
    top: 10px;
    right: 60px;
    z-index: 101;
    padding: 10px 15px;
}
#resetButton {
    height: 30px;
    width: 110px;
    background-color: #dadada;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 16px;
    border-radius: 10px;
    color: #a0a0a0;
}

#map {
    /*border: 1px solid #ccc;
    margin-top: 10px;*/
    width: 100%;
    /*height: 100vh;*/
}

.category-group {
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
    max-width: 300px;
    margin-bottom: 15px;
}

.category-group label.labelFiltri {
    display: block;
    margin-bottom: 5px;
}

#categorie label.labelFiltri {
    padding-left: 21px;
    margin-bottom: -5px;
    width: 100%;
}

.category-group #cercaDealer {
    font-weight: bold;
    margin-bottom: 5px;
}

#capCityCountrySearch{
    width: 240px;
    border: none;
    background-color: #dadada;
    padding: 10px;
    border-radius: 10px;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 16px;
    margin-left: 20px;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 10px;    
}
#capCityCountrySearch::placeholder {
  color: #000000;
}

#categorie{
    position: absolute;
    top: 70px;
    left: -23px;
    z-index: 998;
    padding: 0px;
    width: 360px;
    background-color: #1e2c2f;
    opacity: 0.9;
    border: none;
    padding-left: 49px;
    padding-top: 28px;
    color: #ffffff;
    font-family: 'Roboto Condensed', sans-serif !important;
}
#contenitoreText{
    width: 339px;
    background-color: #1e2c2f;
    opacity: 0.9;
    border: none;
    padding-left: 30px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-family: 'Roboto Condensed', sans-serif !important;
    position: absolute;
    top: 269px;
    left: 0px;
    z-index: 998;
}
#cercaDealer{
    background-color: #7a8385;
    width: auto;
    text-transform: uppercase;
    font-weight: bold;
    /*padding-top: 5px;
    padding-bottom: 5px;*/
    margin-left: -31px;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 22px;
    padding-left: 56px;
    margin-top: -28px;
    margin-bottom: 22px;
}

.pac-container {
    z-index: 10000000 !important;
}

#autocomplete-list {
    position: fixed;
    top: 321px;
    left: 51px;
    z-index: 100000000;
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 400px;
    border-radius: 10px;
    background-color: #dadada;
    color: #000000;
}
#autocomplete-list li {
    padding: 8px;
    cursor: pointer;
}
#autocomplete-list li:hover {
    background: #eee;
}
#contenitoreLabelSx{
	float:left;
	width: 100%;
}
#contenitoreLabelCn{
	float:left;
	width: 100%;
}
#contenitoreLabelDx{
	float:left;
	width: 100%;
}
@media only screen and (max-width: 1919px) {
  #contenitoreText {
    top: 260px;
  }
  #contenitorePulsanti {
    top: 331px;
  }
}

@media only screen and (max-width: 1200px) {
    #spazioVuoto{
        display: none;
    }
}




@media only screen and (max-width: 450px) and (max-height: 933px) {
    #linguettaDw{
        display: block;   
    }
    #linguettaUp{
        display: none;   
    }    
    #sidebarLinguettaOrizzontale {
        display: block;
    }    
    #categorie label.labelFiltri{
        font-size: 11px;
    }
	#categorie{
		padding-left: 20px;
	}
	#contenitoreLabelSx{
        padding-top: 5px;
		float:left;
		width: 36%;
        margin-left: -10px;
        margin-top: -25px;
	}
	#contenitoreLabelCn{
        padding-top: 5px;
		float:left;
		width: 36%;
        margin-top: -25px;
	}	
	#contenitoreLabelDx{
        padding-top: 5px;
		float:left;
		width: 28%;
        margin-top: -25px;
	}
	#sidebarLinguetta {
		left: 0px;
		display: none;
	}
	#sidebar{
		position: relative;
		display: none;
		top: 0px;
		width: 100%;
		scrollbar-width: thin;
        height: 200px;
	}
	#result-title{
		width: 116%;	
        padding-left: 12px;
	}
	#contenitorePulsanti{
        width: 100.5%;    
        top: 169.5px;
        padding-top: 5px;
        padding-bottom: 5px;
    }     
            
    #categorie{
        width: 107%;
        padding-top: 5px;
        padding-bottom: 3px;
        border: none;
    }      
	#cercaDealer{
		width: 112.5%;
		padding-left: 41px;
        margin-top: -35px;
	}    
	#linguettaSx{
		display: none;
	}
	#contenitoreText{
		width: 100.5%;
        top: 126px;
        padding-left: 0px;
        padding-top: 8px;
        padding-bottom: 8px;        
        border: none;
	}
    #capCityCountrySearch {
        margin-left: 10px;
        width: 92%;
        padding: 5px;
    }
    #autocomplete-list {
        top: 160px;
        left: 10px;
    }
    #submitSearch{
       /* margin-left: 20%;*/
    }
    .bloccoDealer {
        margin-left: 0px;
        margin-right: 0px;
    }    
    #map{
        width: 100%;
        height: 450px;
    }
}

@media only screen and (max-width: 933px) and (max-height: 450px) {
	#contenitoreLabelSx{
		float:left;
		width: 33%;
        margin-left: -10px;
	}
	#contenitoreLabelCn{
		float:right;
		width: 33%;
	}
	#contenitoreLabelDx{
		float:left;
		width: 33%;
	}
	#sidebarLinguetta {
		left: 0px;
		display: none;
	}
	#sidebar{
		position: relative;
		display: block;
		top: 0px;
		width: 100%;
		scrollbar-width: thin;
        left: 0px;
        height: 200px;
	}
	#result-title{
		width: 104.5%;	
	}
	#contenitorePulsanti{
        width: 48%;
        top: 124px;
        left: 52.3%;
        height: auto;
        padding-top: 22px;
	} 
    #categorie{
        padding-left: 20px;
        width: 103%;
        padding-top: 5px;
        padding-bottom: 5px;     
    }      
	#cercaDealer{
		width: 105%;
		padding-left: 41px;
        margin-top: -35px;
        margin-bottom: 0px;
	}
	#linguettaSx{
		display: none;
	}
	#contenitoreText{
        width: 52.3%;
        top: 125px;
	}
    #capCityCountrySearch{
        margin-left: 36px;
        width: 210px;
    }
    #map{
        width: 100%;
        height: 450px;
    }
    #pulsantiCenter{    
        width: 50%;
        margin-top: -45px;
        margin-left: 52%;
    }
  
}