.hq-places-inner-wrapper{
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: flex-end;
flex: 1;
width: 100%;
}
.hq-places-input-wrapper{
display: flex;
flex:1;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-left: 10px;
margin-right: 10px;
}
#hq-place-form-desktop{
display: flex;
justify-content: center;
padding-top: 20px;
padding-bottom: 20px;
margin-left: 2.5%;
margin-right: 2.5%;
}
#hq-form-wrapper{
background-color: #fff;
border-radius: 10px;
width: 100%;
max-width: 1440px;
padding:20px
}
.hq-places-date-time-wrapper{
display: flex;
}
.hq-select-icon-wrapper{
position: absolute;
right: 10px;
top: 10px;
bottom: 0;
}
.hq-places-times-input-wrapper{
position: relative;
}
.hq-places-label{
font-size: 14px;
font-weight: bold;
font-family: inherit;
}
.hq-places-inner-wrapper, .hq-places-date-time-wrapper{
display: flex;
flex-direction: row;
align-items: flex-start;
}
.hq-places-times-input-wrapper{
position: relative;
}
.hq-places-input-inner-wrapper{
width: 100%;
}
#hq-place-form-desktop select,
#hq-place-form-desktop input,
#hq-times-pick-up-date,
#hq-times-return-date{
width: 100%;
margin: 0 0 20px;
height: 50px;
font-family: inherit;
font-size: 16px;
line-height: 20px;
font-weight: inherit;
color: #999;
background-color: #f9f9f9;
border: 1px solid #f9f9f9;
border-radius: 0;
outline: 0;
-webkit-border-radius: 0;
-webkit-appearance: none;
cursor: pointer;
box-sizing: border-box;
-webkit-transition: border-color 175ms cubic-bezier(.18,.43,.58,1);
-moz-transition: border-color 175ms cubic-bezier(.18,.43,.58,1);
transition: border-color 175ms cubic-bezier(.18,.43,.58,1);
}
.hq-places-submit-button{
position: relative;
width: auto;
outline: 0;
font-size: 12px;
line-height: 2em;
letter-spacing: .2em;
font-weight: 700;
text-transform: uppercase;
box-sizing: border-box;
margin: 0;
color: #fff;
background-color: #FBBE5B;
border:0;
font-family: Montserrat,sans-serif;
-webkit-transition: color 175ms cubic-bezier(.18,.43,.58,1),background-color 175ms cubic-bezier(.18,.43,.58,1),border-color 175ms cubic-bezier(.18,.43,.58,1);
-moz-transition: color 175ms cubic-bezier(.18,.43,.58,1),background-color 175ms cubic-bezier(.18,.43,.58,1),border-color 175ms cubic-bezier(.18,.43,.58,1);
transition: color 175ms cubic-bezier(.18,.43,.58,1),background-color 175ms cubic-bezier(.18,.43,.58,1),border-color 175ms cubic-bezier(.18,.43,.58,1);
padding: 12px 30px;
cursor: pointer;
}
.hq-pickup-custom-location,.hq-return-custom-location{
display: none;
width: 100%; }
.hq-button-wrapper{
margin:auto;
align-items: center;
}
@media all and (max-width: 1024px){
.hq-places-submit-button{
width: 100%;
}
.hq-places-inner-wrapper{
flex-direction: column;
}
.hq-places-input-wrapper, .hq-places-input-wrapper div{
width: 100%;
margin-left: 0;
}
} .hq-places-vertical-form-wrapper{
background-color: #fff;
padding:20px;
border-radius:5px;
}
.hq-places-date-time-wrapper-vertical{
display: flex;
flex-direction: row;
}
.hq-submit-button{
display: inline-block;
line-height: 1;
background-color: #818a91;
font-size: 15px;
padding: 12px 24px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff;
fill: #fff;
text-align: center;
width: 100%;
background-color: #1D71B8 !important;
box-shadow: 0 0px 0 #000000 !important;
}
.hq-places-dates-wrapper-vertical{
position: relative !important;
flex:1;
}
.hq-select-icon-wrapper-vertical{
position: absolute;
top: 0;
margin-top: 15px;
margin-right: 15px;
right:0;
}
.hq-places-vertical-button-wrapper{
margin-top: 20px;
}
.hq-places-vertical-form-item-wrapper{
margin-top: 10px;
margin-bottom: 10px;
}
.hq-places-vertical-form-item-wrapper label{
font-weight: bold;
}
.hq-places-vertical-form-wrapper {
box-shadow:-2px 15px 18px 6px rgba(0,0,0,.30);
}
b{
display: none;
}
.hq-palces-vertical-select{
width: 100%;
min-height: 50px;
}
.hq-places-date-time-wrapper-vertical{
position: relative;
}
.hq-places-vertical-form-wrapper .hq-return-custom-location,
.hq-places-vertical-form-wrapper .hq-pickup-custom-location{
margin-top: 10px !important;
margin-bottom: 10px !important;
}
#pick-up-location-custom,
#return-location-custom{
border-radius: 5px !important;
}
#pick-up-location-custom,
#return-location-custom{
font-family: Montserrat;
}
.hq-places-form label{
text-transform: uppercase;
} #hq-quote-form .alert {
padding: 10px 20px;
border-radius: 5px;
color: #fff;
text-align: center;
font-size: 15px;
font-weight: bold;
font-family: Montserrat,sans-serif;
}
#hq-quote-form .success{
background-color: #28a745;
}
#hq-quote-form .danger{
background-color: #dc3545;
}
#hq-quote-form .hq-quote-form-wrapper{
display: flex;
flex-direction: column;
flex:1;
width: 100%;
}
#hq-quote-form .hq-quote-two-item-wrapper{
display: flex;
flex-direction: row;
flex:1;
}
#hq-quote-form .hq-quote-two-item-wrapper .hq-places-input-inner-wrapper:nth-child(2){
margin-left: 20px;
}
#hq-quote-form .hq-quote-single-item-wrapper button{
width: 100%;
transition: 0.6s;
}
#hq-quote-form .hq-places-submit-button:disabled{
background-color: #ccc;
}
#hq-quote-form input,#hq-quote-form select{
color: #000000;
}
#hq-quote-form input,
#hq-quote-form select,
#hq-quote-form button{
border-radius: 5px;
}
#hq-quote-form button{
font-size: 14px;
}
.quote-message{
text-align: center;
}
#hq-quote-form input:hover,
#hq-quote-form select:hover{
border: #ccc 2px solid;
}
#hq-quote-form button:hover{
opacity: 0.80;
}
.hq-quote-form-component-wrapper{
max-width: 990px;
}
@media only screen and (max-width: 767px){
#hq-quote-form .hq-quote-two-item-wrapper{
flex-direction: column;
}
#hq-quote-form .hq-quote-two-item-wrapper .hq-places-input-inner-wrapper{
margin-left: 0px;
}
}
#hq-quote-button-wrapper{
padding-top: 10px;
}