* {
        box-sizing: border-box;
 }

 body{   
      background: #eee;  
      box-sizing: border-box;
      margin-left: 30px;    
    }   


/*Mobile css
@media only screen and (max-width: 537px)
{ */
  #form{  
    border: solid gray 0.3px;  
    width:100%;  
    border-radius: 2px;  
    margin-right: 4px;      
    background-color: white;  
    padding: 50px;  
    /*extra style*/
    border-radius: 2%;
    border-width: 2px;
    border-color: #337ab7 gold;
}  
input{
  width: 100%;
  box-sizing: border-box;
 

}
input[type=text]{
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border-style: solid;
  border-radius: 4px;
  border-width: 0.2px;
  border-color: dimgray;
 /* border-style: none;
  border-bottom: dashed red 0.5px ;*/
}
input[type=email]{
    padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border-style: solid;
  border-radius: 4px;
  border-width: 0.2px;
  border-color: dimgray;

}
input[name=location]{
  color:#337ab7 ;
}
input[name=phone]{
   color: #337ab7;
}
input[value]{
  color: #DAA520;

}

/*input[type=text]:focus {
  background-color: skyblue;
 
}
*/
select{
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border-style: solid gray 0.5px;
  border-radius: 4px;
  width: 100%;
  background-color: #F0F8FF ;


}
select[name]{
  color:#337ab7;
}
textarea{
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border-style: solid;
  border-radius: 4px;
  width: 100%;
  resize: none;
  background-color: #f8f8f8;
  color:#337ab7;
}
input[type=submit]{
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border-style: solid;
  border-radius: 4px;
  font-size: 0.9rem;
  }
  .select-style{
    background-color: #F0F8FF ;
  }

/*Desktop css
@media only screen and (min-width: 538px)
 {
  
}*/