html {
    scroll-behavior: "smooth";
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

a {
    color: inherit;
    text-decoration: none;
}
button, a {
    cursor: pointer;
}


.nav--active {
    display: block;
}


.dropdown-divider
{
height:1px;
 background-color:#757575
}


/* map */
.map {
    width: 100%;
    height: 500px;
    background-color: #E5E3DF;
}

/* form */
.form {
    background-color: #262626;
    color: white;
    padding: 9px;
}
.form--full {
    height: calc(100vh - 49px);
}
.form__row {
    display: flex;
}
.form--one, .form--two, .form--three {
    display: none;
}
.form--one.form--active,
.form--two.form--active,
.form--three.form--active {
        display: block;
}
.form__optional {
    display: none;
}
.form__optional--active {
    display: block;
}
.form__optional_checkboxs {
    margin-bottom: 6px;
}
input.form__input, select.form__input {
    width: 100%;
    padding: 0px 10px;
  height: 50px !important;
    margin-bottom: 8px;
    background-color: white;
    border-radius: 0px;
    webkit-appearance: none;
}
select.form__input {
    width: auto;
}

select.has-error,
input.has-error {
    /* border: 2px solid orange !important; */
    background-color: orange !important;
}

/* button */
button {
    color: white;
    background-color: #ffa900;
    border: 1px solid #aaaaaa;
    border-radius: 0.25rem;
    padding: 4px;
}
button[disabled] {
    opacity: 0.5;
}

.flag{
height:20px;
}
.form__optional_button {
    position: absolute;
    margin-top: 4px;
    right: 10px;
}
.form__optional_checkboxs label {
    color: inherit;
}
.form--one__submit,
.form--two__submit,
.form--two__back,
.form--three__submit,
.form--three__back  {
    padding: 9px 17px;
}

/* gotoup */
.gotoup {
    bottom: 10px;
    right: 10px;
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #ffa900;
    color: white;
    padding: 10px;
    border-radius: 5px;
    border: 0px;
    cursor: pointer;
}

.gotoup__icon {
}
.gotoup__label {

}

/* modal */
.swal2-html-container {
    color: white;
}

/* plan */
.form__plan {
    display: flex;
    color: white;
    margin-bottom: 8px;
}
.form__plan__item {
    flex: 1;
    padding: 10px;
    border: 1px solid black;
    border-radius: 5px;
    cursor: pointer;
    justify-content: space-between;
    display: flex;
    align-items: center;
}


.form__plan__item:hover {
    background-color: #ffa900;
    color: white;
}
.form__plan__item.form__plan__item--active {
    background-color: #ffaa00;
    color: white;
}


.form__input--date {
  height: 50px !important;
}
.form__input--passenger {
  height: 50px !important;
}
.form__input--hours {
  height: 50px !important;
}
.form__input--minutes {
  height: 50px !important;
}



/* date picker */
.datepicker{display:none}.datepicker.active{display:block}.datepicker-dropdown{left:0;padding-top:4px;position:absolute;top:0;z-index:20}.datepicker-dropdown.datepicker-orient-top{padding-bottom:4px;padding-top:0}.datepicker-picker{background-color:#fff;border-radius:4px;display:inline-block}.datepicker-dropdown .datepicker-picker{box-shadow:0 2px 3px hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.1)}.datepicker-picker span{-webkit-touch-callout:none;border:0;border-radius:4px;cursor:default;display:block;flex:1;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker-main{padding:2px}.datepicker-footer{background-color:#f5f5f5;box-shadow:inset 0 1px 1px hsla(0,0%,4%,.1)}.datepicker-controls,.datepicker-grid,.datepicker-view,.datepicker-view .days-of-week{display:flex}.datepicker-grid{flex-wrap:wrap}.datepicker-view .days .datepicker-cell,.datepicker-view .dow{flex-basis:14.2857142857%}.datepicker-view.datepicker-grid .datepicker-cell{flex-basis:25%}.datepicker-cell,.datepicker-view .week{height:2.25rem;line-height:2.25rem}.datepicker-title{background-color:#f5f5f5;box-shadow:inset 0 -1px 1px hsla(0,0%,4%,.1);font-weight:700;padding:.375rem .75rem;text-align:center}.datepicker-header .datepicker-controls{padding:2px 2px 0}.datepicker-header .datepicker-controls .button{border-color:transparent;font-weight:700}.datepicker-header .datepicker-controls .button:hover{background-color:#f9f9f9}.datepicker-header .datepicker-controls .button:focus:not(:active){box-shadow:0 0 0 .125em hsla(0,0%,100%,.25)}.datepicker-header .datepicker-controls .button:active{background-color:#f2f2f2}.datepicker-header .datepicker-controls .button[disabled]{box-shadow:none}.datepicker-footer .datepicker-controls .button{border-radius:2px;font-size:.75rem;margin:calc(.375rem - 1px) .375rem;width:100%}.datepicker-controls .view-switch{flex:auto}.datepicker-controls .next-btn,.datepicker-controls .prev-btn{padding-left:.375rem;padding-right:.375rem;width:2.25rem}.datepicker-controls .next-btn.disabled,.datepicker-controls .prev-btn.disabled{visibility:hidden}.datepicker-view .dow{font-size:.875rem;font-weight:700;height:1.5rem;line-height:1.5rem}.datepicker-view .week{color:#b5b5b5;font-size:.75rem;width:2.25rem}@media (max-width:22.5rem){.datepicker-view .week{width:1.96875rem}}.datepicker-grid{width:15.75rem}@media (max-width:22.5rem){.calendar-weeks+.days .datepicker-grid{width:13.78125rem}}.datepicker-cell:not(.disabled):hover{background-color:#f9f9f9;cursor:pointer}.datepicker-cell.focused:not(.selected){background-color:#e8e8e8}.datepicker-cell.selected,.datepicker-cell.selected:hover{background-color:#485fc7;color:#fff;font-weight:600}.datepicker-cell.disabled{color:#dbdbdb}.datepicker-cell.next:not(.disabled),.datepicker-cell.prev:not(.disabled){color:#7a7a7a}.datepicker-cell.next.selected,.datepicker-cell.prev.selected{color:#e6e6e6}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today){background-color:#f5f5f5;border-radius:0}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover{background-color:#eee}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused{background-color:#e8e8e8}.datepicker-cell.today:not(.selected){background-color:#00d1b2}.datepicker-cell.today:not(.selected):not(.disabled){color:#fff}.datepicker-cell.today.focused:not(.selected){background-color:#00c4a7}.datepicker-cell.range-end:not(.selected),.datepicker-cell.range-start:not(.selected){background-color:#b5b5b5;color:#fff}.datepicker-cell.range-end.focused:not(.selected),.datepicker-cell.range-start.focused:not(.selected){background-color:#afafaf}.datepicker-cell.range-start{border-radius:4px 0 0 4px}.datepicker-cell.range-end{border-radius:0 4px 4px 0}.datepicker-cell.range{background-color:#dbdbdb;border-radius:0}.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover{background-color:#d5d5d5}.datepicker-cell.range.disabled{color:#c2c2c2}.datepicker-cell.range.focused{background-color:#cfcfcf}.datepicker-view.datepicker-grid .datepicker-cell{height:4.5rem;line-height:4.5rem}.datepicker-input.in-edit{border-color:#3a51bb}.datepicker-input.in-edit:active,.datepicker-input.in-edit:focus{box-shadow:0 0 .25em .25em rgba(58,81,187,.2)}
.datepicker-picker {
    color: black;
}

/* small screens */
@media only screen and (max-width: 600px) {
    /*input.form__input, select.form__input {
        font-size: 11px;
    }*/
    .form__input--date {
        width: 30% !important;
      height: 50px !important;
    }
    .form__input--passenger {
        width: 34% !important;
        height: 50px !important;
    }
    .form__input--hours {
        width: 18% !important;
          height: 50px !important;
    }
    .form__input--minutes {
        width: 18% !important;
                  height: 50px !important;
    }
}