/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

#loading{
display: none;
margin:0 auto;
margin-top:10px;
}

#form_wrapper{
width:fit-content;
width:-moz-fit-content;
height:auto;
min-height:800px;
margin:0 auto;
font-size:15px;
font-family: arial, sans-serif;
}

#phone_wrapper{
width: 290px;
padding: 0px;
background-color: #e1e1e1;
display: none;
margin-top:15px;
}

#shop_name{

}

#call_prompt{

}

.call_container{
display: none;
min-height: 130px;
}

.call_icon_container{
width: 50%;
display: inline-block;
float: left;
cursor:pointer;
}

.directions_icon_container{
width: 50%;
display: inline-block;
float: right;
cursor:pointer;
}

.call_icon, .directions_icon{
display: block;
}

.call_icon{
margin:0 auto;
margin-right:10%;
}

.directions_icon{
margin:0 auto;
margin-left:10%;
}

.call_text
{
    margin:0 auto;
    margin-right:-50%;
    color: #383D42;
    margin-top:10px;
}

.directions_text 
{
    margin: 0 auto;
    margin-left: -50%;
    color: #383D42;
    margin-top: 10px;
}

datalist {
display: none;
font-size:15px;
height:100px;
}
/* specifically hide the arrow on focus */
input::-webkit-calendar-picker-indicator {
display: none;
}

select{
-webkit-appearance: none;
-moz-appearance: none;
}

#brand_input, #model_input{
width:300px;
padding:10px !important;
border:1px solid grey;
background: url(../../graphics/down_closed.png) no-repeat #e1e1e1 98% center;
cursor: pointer;
}

.brand_option, .model_option{
margin:5px 0;
font-size:15px;
}

#model_input, #model{
display: none;
}

.label{
font-weight:bold;
text-align: left;
margin-bottom:3px;
}

#model_label, #phone_label, #area_label{
display: none;
}

#phone_button{
display: none;
}

#area_label{
}

.car_inputs{
margin-bottom:7px;
}

#price_wrapper, #all_prices_wrapper{
width:290px;
padding:5px;
border:1px solid grey;
background-color: #e1e1e1;
display: none;
margin-top:15px;
}

#all_prices_wrapper{
width:280px;
text-align: left;
line-height: 1.8em;
padding: 10px;
padding-bottom:0px;
}

#price_text{
font-size:20px;
}

#prompt_wrapper{
width:290px;
padding:5px;
border:1px solid grey;
background-color: #e1e1e1;
display: none;
margin-top:15px;
margin-bottom:7px;
}

#prompt_text{
font-size:20px;
display: none;

}

#phone_wrapper{
display: none;
width:auto;
background-color: #e1e1e1;
}

#phone_label, #area_label{
margin:0 2%;
}

#phone{
display: none;
width:-webkit-fill-available;
width:-moz-available;
margin:5px;
background-color: #fff;
display: none;
border:none;
padding:10px !important;
-webkit-box-shadow: inset 0px 0px 0px 3px rgba(255,165,0,1);
-moz-box-shadow: inset 0px 0px 0px 3px rgba(255,165,0,1);
box-shadow: inset 0px 0px 0px 3px rgba(255,165,0,1);
}

#area_wrapper{
width:auto;
padding:0px;
background-color: #e1e1e1;
display: none;
margin: 5px;
}

#area_wrapper label {
    text-align: left !important;
    display: block;
    margin: 10px 0;
}

#area_wrapper input[type=radio], #prompt_wrapper input[type=radio]{
margin-top: 5px;
    float: left;
    border: 3px solid orange;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: white;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    margin-right: 10px;
}

input[type=radio]:checked{
background-size: 5px !important;
background-position: center center !important;
background-image:url('../../graphics/dot.jpg') !important;
background-repeat:no-repeat !important;
}

.sms_labels, .offer_type_labels{
text-align:left !important;
display: block;
margin:10px 0;
}

input[type=submit]{
-webkit-appearance: none;
background-color: #e1e1e1;
color:white;
width:302px;
padding:10px !important;
border:1px solid grey;
font-weight:bold;
display: none;
margin-top:10px;
cursor: auto;
pointer-events: none;
}

#other_areas_label{
display: none;
margin-top:7px;
}

#other_areas{
width:-webkit-fill-available;
width:-moz-available;
padding:10px !important;
border:1px solid grey;
background: url(../../graphics/down_closed.png) no-repeat #e1e1e1 98% center;
cursor: pointer;
display: none;
}

#shop_name, #call_prompt, .call_icon_container, .directions_icon_container, .or{
display:none;
}

.or{
margin-top:5px;
}

.call_labels, .sms_labels{
  display: none;
}

@media only screen and (max-width: 600px) {

  h1{
    font-size:1.6em;
  }

  #shop_telephone, #shop_address{
    display: none;
  }

  #phone_wrapper{
    //min-height:300px;
  }

  
  h2, #no_car {
    display:none;
  }

  #shop_name, #call_prompt, .call_icon_container, .directions_icon_container, .or{
    display: block;
  }

  #shop_name, #call_prompt, .or{
    
  }

  .left_inside{
    display: none;
  }
  
}