.div_text
{
   margin: 0px 0px 20px 0px ;
  
}

#enter_distance_text {
   margin-bottom: 1em ;
}

#from_to_via_options {
   float: left ;
   width: 80% ;
   max-width: 70em ;
}

#div_distance_data .div_field {
   float: left ;
   margin-bottom: 1em ;
   width: 30% ;
   margin-right: 2% ;
}

#div_distance_data .div_label {
   float: left ;
   width: 3em ;
   margin-top: 0.25em ;
}

#div_distance_data .div_value {
  margin-left: 0em ;
  position: relative;
}

#div_distance_data .div_option {
   float: left ;
   margin-bottom: 0.5em ;
   width: 99% ;
   margin-right: 2% ;
}

#div_distance_data .class_distance_field
{
   position: relative ; 
   w2idth: 170px ;
   width: 97.5% ;
   padding: 2% ;
   font-size: 12pt ;
   display: block ;
} 

#button_search 
{
   width: 17% ;
   margin-top: 1.0% ;
   padding: 1.9% 0 ;
   letter-spacing: 2px ;
   text-transform: uppercase ; 
}

.class_button_search_disabled
{
   background: -moz-linear-gradient(90deg, #444444, #999999);   
   background: -webkit-linear-gradient(bottom, #444444, #999999);
   filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#999999', endColorstr='#444444');
   cursor: default ;
}

#div_distance_data
{
	color: #000044 ;
	margin: 5px 0 5px 0 ;
	padding: 10px ;
   border: 1px solid #c7c8cc ;
   -moz-border-radius: 5px ;
   background-color: #e7e8ec ;
}

.distance_between_biggest_cities_text
{
   margin: 5px 0 ;
}

#distance_between_biggest_cities 
{
   position: relative ;
   text-align: left ;
   font-size: 1.1em ;
   font-weight: bold ;
   margin: 15px 0px 10px 0px ;
   padding: 5px 0px ;
   ba2ckground-color: #eeeeee ;
   border: 0px solid #000000 ;
   text-transform: uppercase ;
   color: #006600 ;
}

#map_div
{
   position: relative ;
   w2idth: 100% ;
   p2adding-bottom: 56.25% ;
   display: none ;
   b2order: 1px solid #000000 ;
   height: 500px ;
}

#big_google_map_div > div
{
   position: absolute ;
   top: 0 ;
   bottom: 0 ;
   left: 0 ;
   right: 0 ;
}

#table_distances
{
   margin: 5px 0px 10px 0px ;
   padding: 0px ;
   background-color: #ffffff ;
   border: 0 ;
   border-spacing: 0 ;
   border-collapse: collapse;
   font-size: 10pt ;

}

.td_first_row_first_col
{
   width: 130px ;
   border: solid 0px #000000 ;
   margin: 0 ;
   padding: 2px 0 ;
}

.td_first_row_other_col
{
   width: 28px ;
   border: solid 0px #000000 ;
   border-bottom: solid 1px #000000 ;
   margin: 0 ;
   padding: 2px 0 ;
   text-align: center ;
}

.td_first_col
{
   width: 130px ;
   border: solid 0px #000000 ;
   border-right: solid 1px #000000 ;
   margin: 0 ;
   padding: 2px 0 ;
}

.td_other_col
{
   width: 28px ;
   border: solid 0px #000000 ;
   margin: 0 ;
   padding: 2px 0 ;
   text-align: right ;
}

#table_distances tr
{
   padding: 0 ;
   margin: 0 ;
}

#distance_time_div span {
   font-size: 26px ;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 9999999;
  font-size: 13px;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 5px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}



.class_place_found {
   border: 1px solid green ;
   background-color: #bfb ;
}

.class_place_not_found {
   border: 1px solid red ;
   background-color: #fbb ;