/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

input[type="text"].formPrice {
  display: inline-block !important;

  border: 0px;
  font-weight: 800;
  -webkit-box-shadow: none;
  box-shadow: none;

  background: transparent;

  color: #66999c;

  text-align: center;

  font-size: 30px;

  /* font-weight: bold; */

  border-radius: 7px;

  margin-top: 3px;

  text-align: left;

  height: 50px;
}

select option:disabled {
  color: #bbb;
  background-color: #fff;
}

#hireModal h4 {
  border: 1px solid red;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: auto;
  padding: 0.5rem 0.7rem;
  background-color: #43ac6a;
  border-color: #3a945b;
  color: white;
  border-radius: 20px;
  font-size: 18px;
}

.price-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.priceholder {
  display: inline-block;

  font-size: 2rem;

  text-align: right;

  color: #66999c;
  margin-bottom: 1rem;
}

.label.d {
  background: transparent;

  color: #707070;
}

.label.checked {
  color: green;
}

.label.checked:after {
  content: "\f05d";

  display: inline-block;

  font: normal normal normal 14px/1 FontAwesome;

  font-size: inherit;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  -webkit-transform: translate(0, 0);

  -ms-transform: translate(0, 0);

  transform: translate(0, 0);

  margin-left: 10px;

  font-size: 16px;

  margin-top: 2px;

  display: inline-table;
}

[name="seats"],
[name="adults"],
[name="childage"],
[name="childs"],
[name="suitcases"] {
  width: 70px !important;

  display: inline-block;
}

[name="genre"] {
  width: 10% !important;

  display: inline-block;
}

[name="pickuphour"] {
  max-width: fit-content;
}

[name="name"] {
  display: inline-block !important;

  width: 89% !important;
} /*



 [name="email"] {

 display: inline-block!important;

 width: 370px!important;

 }*/

select,
input {
  display: inline-table !important;
}

#topRow {
  background: var(--muted);
  color: #fff;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  max-height: 70px;
}

#topRow input:hover,
#topRow input:focus,
#topRow input {
  background: transparent;

  -webkit-box-shadow: none;

  box-shadow: none;

  outline: none;

  border: none;

  color: #fff;

  margin: 0px;

  font-weight: bold;

  /* font-size: 20px; */
}

input:hover[name="vehicle"],
input:focus[name="vehicle"],
input[name="vehicle"] {
  background: transparent;

  -webkit-box-shadow: none;

  box-shadow: none;

  outline: none;

  border: none;

  color: #66999c;

  margin: 0px;

  font-size: 2em;

  text-align: center;
}

#topRow .button {
  margin: 0px;

  border-radius: 50%;

  width: 50px;

  height: 50px;

  text-align: center;

  display: inline-block;

  padding: 0px;

  line-height: 50px;

  font-size: 20px;

  background-color: #23676b;
  -ms-flex-line-pack: center;
  align-content: center;
}

#bookingform select {
  font-family: "Geom";
}

#sideLeft {
  background: var(--sand-dark);

  padding: 1.5rem 1rem;

  font-size: 13px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

#sideLeft .row {
  padding-top: 10px;
}

#sideRight {
  padding: 1.5rem 1rem;

  font-size: 13px;

  background: whiteSmoke;

  position: relative;
}

#submitform,
#submitform:focus {
  padding: 10px 0px;

  font-size: 24px;

  bottom: 0px;

  width: 100%;

  background-color: #23676b;

  max-width: 200px;

  margin: auto;
  border-radius: 20px;
}

#submitform:hover {
  background-color: var(--muted);
}

#bookingform #submitform {
  margin-bottom: 50px;
}

[name="gotcha"] {
  width: 60px !important;
}

#returnRow,
#babyrow {
  display: none;
}

.date-picker {
  width: 300px !important;
}

.time-picker {
  width: 186px !important;
}

.calendar .time-picker .header,
.calendar .date-picker .header {
  background: #000000;
}

.calendar .time-picker > .time .value-control label,
.calendar .date-picker .week.labels .day {
  background: #222222;

  border: 1px solid #222222;
}

.calendar .time-picker,
.calendar .date-picker {
  border: 1px solid #222222;
}

.calendar .time-picker > .time .value-control .display,
.calendar .date-picker .week .day.weekend,
.calendar .date-picker .week .day {
  color: #222222;
}

.calendar .date-picker .week a.day:hover {
  border: 1px solid #333;
}

.calendar .date-picker .week .day.weekend.current,
.calendar .date-picker .week .day.current {
  background: #222222;

  border: 1px solid #222222;
}

.calendar .selector .date-selector,
.calendar .selector .time-selector {
  /* background-color: transparent;

    border:0px;

    box-shadow: none;

    margin-bottom: 10px;

    display: inline-table;

    */
}

.date-selector:before {
  content: "\f073";

  display: inline-block;

  font: normal normal normal 14px/1 FontAwesome;

  font-size: inherit;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  -webkit-transform: translate(0, 0);

  -ms-transform: translate(0, 0);

  transform: translate(0, 0);
}

/*

.date-selector:after  {

    content:"Pick up hour*";

    font-size: 13px;

    margin-left:15px;

}

*/

.time-selector:before {
  content: "\f017";

  display: inline-block;

  font: normal normal normal 14px/1 FontAwesome;

  font-size: inherit;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  -webkit-transform: translate(0, 0);

  -ms-transform: translate(0, 0);

  transform: translate(0, 0);
}

.calendar .time-picker > .time .value-control {
  width: 50% !important;
}

#bookingform {
  max-width: 700px;
  margin: auto;
  padding-inline: 20px;
  margin-bottom: 1.5rem;
}

#bookingform input:not(.formPrice),
#bookingform select,
#bookingform textarea {
  border-radius: 15px;
  font-size: 16px;
}

#bookingform label {
  font-size: 14px;
  font-weight: 800;
}

#switch {
  position: relative;
}

.suitcases select {
  /* width: 178px; */
}
.switch-wrap svg {
  width: 26px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.switch-wrap svg path {
  fill: white;
}

span.topinfo {
  font-size: 2em;
}

.fa-arrows-h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.text-span {
  float: left;
}

.text-span input,
.text-span input:focus {
  background: none;

  border: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  font-size: 2em;

  color: #66999c;

  font-weight: 400;

  margin: 0;
}

.text-span h1 {
  font-size: 2em;

  color: #66999c;

  height: 50px;

  font-weight: 100;

  margin: 0;
}

.type {
  font-size: 2em;

  margin: 0;
}

@media screen and (max-width: 640px) {
  #bookingform #submitform {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 500px) {
  [name="genre"] {
    width: 13% !important;
  }
}

@media screen and (max-width: 400px) {
  [name="genre"] {
    width: 15% !important;
  }
}