@charset "UTF-8";
.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

h2.react-datepicker__current-month {
  padding: 0;
  margin: 0;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: rgb(165.75, 165.75, 165.75);
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:not([aria-disabled=true]):hover,
.react-datepicker__month-text:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
.react-datepicker__year-text:not([aria-disabled=true]):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
  background-color: rgb(207, 82.9642857143, 0);
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: rgb(186.25, 217.0833333333, 241.25);
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

.tiof-progress-outer-wrapper{background:#007dc3;width:auto;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.tiof-progress-wrapper{background:#007dc3}.tiof-progress-bar{background-color:#007dc3;overflow:hidden}.tiof-progress-indicator{height:100%;background-color:#f99d1c;transition:width .3s ease}.tiof-step-indicators{display:flex;justify-content:space-between}@media(max-width: 767px){.tiof-step-indicators{flex-direction:column}}.tiof-step-indicator{display:flex;flex-direction:column;align-items:center;cursor:pointer;flex:1;padding:32px 0;transition:all .3s ease}.tiof-step-indicator.active{background-color:#daecf6}.tiof-step-indicator.active .tiof-step-number,.tiof-step-indicator.active .tiof-step-label{color:#007dc3}.tiof-step-indicator.completed .tiof-step-number,.tiof-step-indicator.completed .tiof-step-label{color:#fff}.tiof-step-indicator.completed:hover{background-color:rgba(218,236,246,.5)}.tiof-step-indicator.future{opacity:.5;pointer-events:none}.tiof-step-indicator.future .tiof-step-number,.tiof-step-indicator.future .tiof-step-label{color:#fff}.tiof-step-number{color:#fff;font-family:"skippy-sharp";font-size:2.2rem;padding-bottom:5px;transition:color .3s ease;padding-top:5px}.tiof-step-label{font-size:1.15rem;text-align:center;color:#fff;font-family:"bebas-neue-rounded";transition:color .3s ease;padding-top:5px}@media only screen and (max-width: 767px){#vehicle-trade-in-form-root.tiof-form-container .tiof-progress-wrapper{max-width:unset;overflow-x:auto;scrollbar-width:none;user-select:none;cursor:all-scroll;-webkit-overflow-scrolling:touch}#vehicle-trade-in-form-root.tiof-form-container .tiof-progress-wrapper:active{cursor:grabbing}#vehicle-trade-in-form-root.tiof-form-container .tiof-progress-wrapper::-webkit-scrollbar{height:6px}#vehicle-trade-in-form-root.tiof-form-container .tiof-progress-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}#vehicle-trade-in-form-root.tiof-form-container .tiof-progress-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:3px}#vehicle-trade-in-form-root.tiof-form-container .tiof-progress-wrapper::-webkit-scrollbar-thumb:hover{background:#555}#vehicle-trade-in-form-root.tiof-form-container .tiof-progress-wrapper .tiof-step-indicators{flex-flow:row;cursor:all-scroll}#vehicle-trade-in-form-root.tiof-form-container .tiof-progress-wrapper .tiof-step-indicators .tiof-step-indicator{padding:10px 0;align-items:center;justify-content:center;min-width:120px}#vehicle-trade-in-form-root.tiof-form-container .tiof-progress-wrapper .tiof-step-indicators .tiof-step-indicator .tiof-step-number,#vehicle-trade-in-form-root.tiof-form-container .tiof-progress-wrapper .tiof-step-indicators .tiof-step-indicator .tiof-step-label{font-size:1rem;line-height:1;padding:0}#vehicle-trade-in-form-root.tiof-form-container .tiof-progress-wrapper .tiof-step-indicators .tiof-step-indicator .tiof-step-number{font-size:1.5rem;line-height:1.2rem;margin-bottom:5px}}@media only screen and (max-width: 600px){#vehicle-trade-in-form-root.tiof-form-container .tiof-progress-wrapper .tiof-step-indicators .tiof-step-indicator{min-width:unset;padding:10px}}#vehicle-trade-in-form-root.tiof-form-container input[type=text],#vehicle-trade-in-form-root.tiof-form-container input[type=email],#vehicle-trade-in-form-root.tiof-form-container input[type=tel],#vehicle-trade-in-form-root.tiof-form-container input[type=number],#vehicle-trade-in-form-root.tiof-form-container select{padding:10px 12px;border:1px solid #ccc;border-radius:6px;background-color:#fff;line-height:1.5;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size:1.2rem !important;width:100%;max-width:100%;font-weight:400;color:#4c4a50}#vehicle-trade-in-form-root.tiof-form-container input[type=text]:focus,#vehicle-trade-in-form-root.tiof-form-container input[type=email]:focus,#vehicle-trade-in-form-root.tiof-form-container input[type=tel]:focus,#vehicle-trade-in-form-root.tiof-form-container input[type=number]:focus,#vehicle-trade-in-form-root.tiof-form-container select:focus{outline:none;border-color:#f99d1c}#vehicle-trade-in-form-root.tiof-form-container .timepicker-wrapper{position:relative}#vehicle-trade-in-form-root.tiof-form-container .timepicker-wrapper:after{content:"";font-family:"Font Awesome 5 Pro";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#007dc3}#vehicle-trade-in-form-root.tiof-form-container .timepicker-wrapper select{background-image:none}#vehicle-trade-in-form-root.tiof-form-container ::placeholder{color:#4c4a50}#vehicle-trade-in-form-root.tiof-form-container select{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27><path d=%27M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z%27/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;padding:10px 40px 10px 12px}#vehicle-trade-in-form-root.tiof-form-container select option:disabled{color:#666;font-style:normal;background-color:#f5f5f5;text-align:center}#vehicle-trade-in-form-root.tiof-form-container select optgroup option{padding-left:0 !important;text-indent:0 !important;margin-left:0 !important}#vehicle-trade-in-form-root.tiof-form-container select option,#vehicle-trade-in-form-root.tiof-form-container select optgroup option{padding-left:0 !important;text-indent:0 !important;margin-left:0 !important}@media screen and (-webkit-min-device-pixel-ratio: 0){#vehicle-trade-in-form-root.tiof-form-container select optgroup option{padding-inline-start:0 !important;-webkit-padding-start:0 !important}}#vehicle-trade-in-form-root.tiof-form-container .react-datepicker-wrapper{width:100%}#vehicle-trade-in-form-root.tiof-form-container button[type=submit]{padding:10px 20px;border-radius:4px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;background-color:#f99d1c;color:#fff}#vehicle-trade-in-form-root.tiof-form-container button[type=submit]:hover{background-color:rgb(220.1802575107,130.9442060086,5.8197424893)}#vehicle-trade-in-form-root.tiof-form-container button,#vehicle-trade-in-form-root.tiof-form-container .form-group button[type=submit]{background:#f99d1c;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;padding:13px 22px !important;font-size:1.2rem;font-family:"bebas-neue-rounded";cursor:pointer;font-weight:400;position:relative}#vehicle-trade-in-form-root.tiof-form-container button.loading,#vehicle-trade-in-form-root.tiof-form-container .form-group button[type=submit].loading{pointer-events:none;opacity:.9}#vehicle-trade-in-form-root.tiof-form-container button .button-loading,#vehicle-trade-in-form-root.tiof-form-container .form-group button[type=submit] .button-loading{display:flex;align-items:center;justify-content:center;gap:10px}#vehicle-trade-in-form-root.tiof-form-container button .spinner,#vehicle-trade-in-form-root.tiof-form-container .form-group button[type=submit] .spinner{display:inline-block;width:12px;height:12px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}#vehicle-trade-in-form-root.tiof-form-container button .loading-texts,#vehicle-trade-in-form-root.tiof-form-container .form-group button[type=submit] .loading-texts{display:inline-flex;align-items:center;gap:2px}#vehicle-trade-in-form-root.tiof-form-container button .loading-dots,#vehicle-trade-in-form-root.tiof-form-container .form-group button[type=submit] .loading-dots{display:inline-block;width:20px;text-align:left}#vehicle-trade-in-form-root.tiof-form-container button .loading-dots::after,#vehicle-trade-in-form-root.tiof-form-container .form-group button[type=submit] .loading-dots::after{content:".";animation:dots 1.5s steps(3, end) infinite}#vehicle-trade-in-form-root.tiof-form-container button.secondary,#vehicle-trade-in-form-root.tiof-form-container .form-group button[type=submit].secondary{background:none;color:#007dc3}#vehicle-trade-in-form-root.tiof-form-container button.secondary:after,#vehicle-trade-in-form-root.tiof-form-container .form-group button[type=submit].secondary:after{content:"";font-family:"Font Awesome 5 Pro";padding-left:10px}#vehicle-trade-in-form-root.tiof-form-container button.secondary.all-case,#vehicle-trade-in-form-root.tiof-form-container .form-group button[type=submit].secondary.all-case{text-transform:uppercase}#vehicle-trade-in-form-root.tiof-form-container button.secondary.question-icon:after,#vehicle-trade-in-form-root.tiof-form-container .form-group button[type=submit].secondary.question-icon:after{content:"";font-family:"Font Awesome 5 Pro";padding-left:10px}#vehicle-trade-in-form-root.tiof-form-container button.secondary.icon-left:before,#vehicle-trade-in-form-root.tiof-form-container .form-group button[type=submit].secondary.icon-left:before{content:"";font-family:"Font Awesome 5 Pro";padding-right:10px}#vehicle-trade-in-form-root.tiof-form-container button.secondary.icon-left::after,#vehicle-trade-in-form-root.tiof-form-container .form-group button[type=submit].secondary.icon-left::after{display:none}@media(max-width: 500px){#vehicle-trade-in-form-root.tiof-form-container button.secondary,#vehicle-trade-in-form-root.tiof-form-container .form-group button[type=submit].secondary{padding:13px 10px !important}}#vehicle-trade-in-form-root.tiof-form-container button.icon-right:after,#vehicle-trade-in-form-root.tiof-form-container .form-group button[type=submit].icon-right:after{content:"";font-family:"Font Awesome 5 Pro";padding-left:10px}#vehicle-trade-in-form-root.tiof-form-container button.see-through,#vehicle-trade-in-form-root.tiof-form-container .form-group button[type=submit].see-through{background:rgba(0,0,0,0);color:#f99d1c;border:1px solid #f99d1c}#vehicle-trade-in-form-root.tiof-form-container button.see-through:hover,#vehicle-trade-in-form-root.tiof-form-container .form-group button[type=submit].see-through:hover{background:#f99d1c;color:#fff}#vehicle-trade-in-form-root.tiof-form-container button.mr-10,#vehicle-trade-in-form-root.tiof-form-container .form-group button[type=submit].mr-10{margin-right:10px}@media(max-width: 500px){#vehicle-trade-in-form-root.tiof-form-container button.mb-sm-c,#vehicle-trade-in-form-root.tiof-form-container .form-group button[type=submit].mb-sm-c{margin-bottom:10px;margin-right:5px;margin-left:5px}}#vehicle-trade-in-form-root.tiof-form-container .booking-preferences .react-datepicker>button{position:fixed}#vehicle-trade-in-form-root.tiof-form-container .contact-method span.phone:before,#vehicle-trade-in-form-root.tiof-form-container .contact-method span.email:before,#vehicle-trade-in-form-root.tiof-form-container .contact-method span.sms:before{font-family:"Font Awesome 5 Pro";padding-right:5px;color:#007dc3;font-family:"Font Awesome 5 Pro"}#vehicle-trade-in-form-root.tiof-form-container .contact-method span.phone:before{content:""}#vehicle-trade-in-form-root.tiof-form-container .contact-method span.email:before{content:""}#vehicle-trade-in-form-root.tiof-form-container .contact-method span.sms:before{content:""}#vehicle-trade-in-form-root.tiof-form-container button.option-button{background:rgba(0,0,0,0);border:1px solid silver;width:100%;color:#4c4a50;padding:10px 20px 10px 10px !important}#vehicle-trade-in-form-root.tiof-form-container button.option-button.selected{background:#007dc3;color:#fff}#vehicle-trade-in-form-root.tiof-form-container button.option-button.selected span:before{color:#fff}#vehicle-trade-in-form-root.tiof-form-container .tiof-form-inner{padding:75px 0}#vehicle-trade-in-form-root.tiof-form-container .rego-lookup{position:relative}#vehicle-trade-in-form-root.tiof-form-container .rego-lookup input[type=text]#rego,#vehicle-trade-in-form-root.tiof-form-container .rego-lookup input[type=text]#vehicle_rego{font-family:"bebas-neue-rounded" !important}#vehicle-trade-in-form-root.tiof-form-container .rego-lookup input[type=text]#rego::placeholder,#vehicle-trade-in-form-root.tiof-form-container .rego-lookup input[type=text]#vehicle_rego::placeholder{font-family:"bebas-neue-rounded" !important;line-height:normal !important;top:10px !important;font-weight:900 !important}#vehicle-trade-in-form-root.tiof-form-container .rego-lookup select[id=state]{padding:12px 35px 12px 20px !important;font-family:Helvetica,sans-serif !important;text-transform:none !important;font-weight:400 !important;font-size:1.3rem !important;height:unset !important}#vehicle-trade-in-form-root.tiof-form-container .rego-lookup .loading-progress-bar-container{width:100vw;margin-bottom:20px;animation:slideDown .3s ease-out;bottom:-135px;margin-left:-50vw;margin-right:-50vw;left:50%;right:50%;position:relative;bottom:-135px}#vehicle-trade-in-form-root.tiof-form-container .rego-lookup .loading-progress-bar-container .loading-progress-bar{width:100%;height:6px;background:rgba(0,125,195,.2);overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1)}#vehicle-trade-in-form-root.tiof-form-container .rego-lookup .loading-progress-bar-container .loading-progress-bar .progress-fill{height:100%;background:linear-gradient(90deg, #007dc3 0%, rgb(0, 157.6923076923, 246) 100%);transition:width .5s ease;display:block;box-shadow:0 0 10px rgba(0,125,195,.5)}#vehicle-trade-in-form-root.tiof-form-container .rego-lookup .error-message{margin-top:20px}.rego-lookup form,.vehicle-info-container-manual form,.customer-details form,.vehicle-condition form,.vehicle-options-and-packs form,.online-estimation form{display:flex;gap:20px;flex-wrap:wrap}.rego-lookup form .form-group,.vehicle-info-container-manual form .form-group,.customer-details form .form-group,.vehicle-condition form .form-group,.vehicle-options-and-packs form .form-group,.online-estimation form .form-group{width:calc(33.33% - 20px)}.rego-lookup form .form-group.half-width,.vehicle-info-container-manual form .form-group.half-width,.customer-details form .form-group.half-width,.vehicle-condition form .form-group.half-width,.vehicle-options-and-packs form .form-group.half-width,.online-estimation form .form-group.half-width{width:calc(50% - 20px)}.rego-lookup form .form-group.full-width,.vehicle-info-container-manual form .form-group.full-width,.customer-details form .form-group.full-width,.vehicle-condition form .form-group.full-width,.vehicle-options-and-packs form .form-group.full-width,.online-estimation form .form-group.full-width{width:100%;clear:both}@media(min-width: 576px){.rego-lookup form,.vehicle-info-container-manual form,.customer-details form,.vehicle-condition form,.vehicle-options-and-packs form,.online-estimation form{flex-direction:row}}.rego-lookup form label,.vehicle-info-container-manual form label,.customer-details form label,.vehicle-condition form label,.vehicle-options-and-packs form label,.online-estimation form label{font-size:.9rem;display:block;padding-bottom:6px}.booking-preferences .form-group,.verification-fields .form-group{width:calc(33.33% - 20px)}.booking-preferences .form-group.half-width,.verification-fields .form-group.half-width{width:calc(50% - 20px)}.booking-preferences .form-group.full-width,.verification-fields .form-group.full-width{width:100%;clear:both}@media(max-width: 500px){.booking-preferences .form-group.mb-full-width,.verification-fields .form-group.mb-full-width{width:100%}}.booking-preferences .form-group.final-buttons,.verification-fields .form-group.final-buttons{display:flex;gap:20px;flex-wrap:wrap}@media(max-width: 500px){.booking-preferences .form-group.final-buttons,.verification-fields .form-group.final-buttons{flex-direction:column-reverse;align-items:center}.booking-preferences .form-group.final-buttons .half-width,.verification-fields .form-group.final-buttons .half-width{width:100%;text-align:center}.booking-preferences .form-group.final-buttons .mbt-15,.verification-fields .form-group.final-buttons .mbt-15{margin-top:15px}}.booking-preferences-container{width:100%}.booking-preferences-container .booking-preferences{display:flex;gap:20px;flex-wrap:wrap}.booking-preferences-container .booking-preferences .datepicker-wrapper{position:relative}.booking-preferences-container .booking-preferences .datepicker-wrapper .calendar-icon{position:absolute;top:50%;right:12px;transform:translateY(-50%);pointer-events:none}.booking-preferences-container .booking-preferences .datepicker-wrapper .calendar-icon:after{content:"";font-family:"Font Awesome 5 Pro";font-size:18px;color:#007dc3}.booking-preferences-container .booking-preferences .error-message{text-align:left}.verification-fields{display:flex;gap:20px;flex-wrap:wrap}.verification-fields .form-group.half-width{width:calc(50% - 10px)}.rego-lookup form{justify-content:center}.rego-lookup form .form-group{width:unset}.rego-lookup form input[type=text],.rego-lookup form input[type=email],.rego-lookup form input[type=tel],.rego-lookup form select{width:200px}@media(max-width: 767px){.rego-lookup form .form-group{width:calc(33.33% - 20px)}.rego-lookup form .form-group:last-child{width:100%;text-align:center}}@media(max-width: 600px){.rego-lookup form{flex-direction:column}.rego-lookup form .form-group{width:100%}}@media(max-width: 600px){.vehicle-info-container-manual form .form-group,.vehicle-info-container-manual form .form-group.half-width{width:100%}.vehicle-info-container-manual form .form-group.mb-half-width{width:calc(50% - 10px)}}.vehicle-info-container-manual form input#rego::placeholder{position:relative !important;top:0% !important;left:0 !important;transform:none !important}.vehicle-options-and-packs form{justify-content:center}@media(max-width: 767px){.customer-details form .form-group,.vehicle-condition form .form-group{width:calc(50% - 20px)}}@media(max-width: 600px){.customer-details form .form-group,.vehicle-condition form .form-group{width:100%}}.tiof-mini-form-wrapper #tiof-mini-form{margin:0 auto;padding:20px}.tiof-mini-form-wrapper #tiof-mini-form .tiof-mini-form-fields{display:flex;justify-content:center;align-items:center;max-width:810px;margin:0 auto;gap:15px}@media(max-width: 880px){.tiof-mini-form-wrapper #tiof-mini-form .tiof-mini-form-fields{flex-direction:column}}.tiof-mini-form-wrapper #tiof-mini-form .tiof-mini-form-field{display:flex;flex-direction:column;flex:1}@media(max-width: 880px){.tiof-mini-form-wrapper #tiof-mini-form .tiof-mini-form-field{width:100%}}.tiof-mini-form-wrapper #tiof-mini-form .tiof-mini-form-field label{font-weight:600;margin-bottom:5px;font-size:14px}.tiof-mini-form-wrapper #tiof-mini-form .tiof-mini-form-field input[type=text],.tiof-mini-form-wrapper #tiof-mini-form .tiof-mini-form-field select{padding:12px 15px;border-radius:4px;font-size:1.1rem !important;background-color:#fff;color:#4c4a50;height:unset}.tiof-mini-form-wrapper #tiof-mini-form .tiof-mini-form-field input[type=text]::placeholder,.tiof-mini-form-wrapper #tiof-mini-form .tiof-mini-form-field select::placeholder{color:#888;opacity:1}.tiof-mini-form-wrapper #tiof-mini-form .tiof-mini-form-field input:focus,.tiof-mini-form-wrapper #tiof-mini-form .tiof-mini-form-field select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px rgba(74,144,226,.2)}.tiof-mini-form-wrapper #tiof-mini-form .tiof-mini-form-field.disabled input,.tiof-mini-form-wrapper #tiof-mini-form .tiof-mini-form-field.disabled select{background-color:#f5f5f5;cursor:not-allowed}.tiof-mini-form-wrapper #tiof-mini-form .tiof-mini-form-button{background-color:#f99d1c;color:#fff;border:none;border-radius:4px;font-size:26px;font-weight:500;cursor:pointer;transition:background-color .2s;width:100%;padding:16px 22px !important;transition:all .2s ease-in-out}.tiof-mini-form-wrapper #tiof-mini-form .tiof-mini-form-button:hover{background-color:#f99d1c !important;box-shadow:0 20px 38px rgba(0,0,0,.16) !important}.tiof-mini-form-wrapper #tiof-mini-form .tiof-mini-form-button:active{background-color:#f99d1c !important;box-shadow:0 20px 38px rgba(0,0,0,.16) !important}.tiof-mini-form-wrapper #tiof-mini-form .tiof-mini-form-button.loading{background-color:#f99d1c;pointer-events:none}.tiof-mini-form-wrapper #tiof-mini-form .tiof-mini-form-error{color:#e74c3c;font-size:14px;margin-top:10px;text-align:center;min-height:20px;display:none}.selected-vehicle-summary{display:flex;justify-content:center;align-items:center;padding-bottom:50px}@media(max-width: 767px){.selected-vehicle-summary{flex-wrap:wrap}.selected-vehicle-summary .btn-wrapper{width:100%;text-align:center}}.selected-vehicle-summary .sel-rego span{padding:7px 15px;border:2px solid #4c4a50;border-radius:4px;font-weight:500;line-height:normal;text-transform:uppercase;font-family:"bebas-neue-rounded";font-size:1.2rem;margin-bottom:10px;display:inline-block}.selected-vehicle-summary .sel-vehicle{padding:0 20px;font-size:1.2rem}.image-upload-zone{border:2px dashed #ccc;border-radius:4px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;min-height:200px;display:flex;align-items:center;justify-content:center;position:relative;background-color:#f9f9f9;margin-bottom:20px}.image-upload-zone:hover{border-color:#999;background-color:#f5f5f5}.image-upload-zone.dragging{border-color:#2196f3;background-color:rgba(33,150,243,.1)}.image-upload-zone .upload-icon{font-size:48px;margin-bottom:10px;display:block}.image-upload-zone .upload-text{color:#666;font-size:16px;line-height:1.5}.image-upload-zone .image-preview{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.image-upload-zone .image-preview img{max-width:100%;max-height:200px;object-fit:contain;border-radius:4px}.image-upload-zone .remove-image{position:absolute;top:-10px;right:-10px;background:#f44;color:#fff;border:none;border-radius:50%;width:24px;height:24px;line-height:24px;text-align:center;cursor:pointer;padding:0;font-size:16px;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:all .2s ease}.image-upload-zone .remove-image:hover{background:#c00;transform:scale(1.1)}.image-upload-zone.has-preview{border-style:solid;border-color:#2196f3;padding:10px}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:10px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}.image-upload-zone.dragging{animation:pulse 1s infinite}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.dialog-content{background:#fff;padding:20px;border-radius:8px;max-width:500px;width:90%;position:relative;box-shadow:0 2px 10px rgba(0,0,0,.1)}.dialog-content .error-message{padding-top:20px;color:#e74c3c;font-size:14px;text-align:center}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-header h2{margin:0;font-size:1.5rem}.dialog-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:5px;color:#666}.dialog-close:hover{color:#333}.dialog-buttons{display:flex;gap:20px;justify-content:center;margin-top:25px}.dialog-buttons button{padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500}.dialog-buttons button.primary{background-color:#f99d1c;color:#fff;border:none}.dialog-buttons button.primary:hover{background-color:#f99d1c}.dialog-buttons button.secondary{background-color:#f8f9fa;color:#333;border:1px solid #ddd}.dialog-buttons button.secondary:hover{background-color:#e2e6ea}.dialog-buttons button:disabled{opacity:.7;cursor:not-allowed}.test-mode-notice{width:100%;text-align:center}@media(max-width: 600px){.mb-center{text-align:center}}.online-estimation .success-message{border:1px solid #007dc3;border-radius:10px;max-width:800px;margin:0 auto;padding:30px;color:#007dc3;background:rgba(0,125,195,.1)}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes dots{0%,33%{content:"."}34%,66%{content:".."}67%,100%{content:"..."}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.vehicle-condition .condition-question-container{display:flex;gap:20px;flex-wrap:wrap}.vehicle-images-container{max-width:1000px;margin:0 auto}.vehicle-images-container .image-upload-info{padding:2rem 2.5rem;text-align:center;background:#daecf6;margin-bottom:50px;position:relative}.vehicle-images-container .image-upload-info:before{content:"";position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);border-left:20px solid rgba(0,0,0,0);border-right:20px solid rgba(0,0,0,0);border-top:20px solid #daecf6}.vehicle-images-container .submission-success{padding:2rem;text-align:center;background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.vehicle-images-container .submission-success .success-icon{font-size:3rem;color:#4caf50;margin-bottom:1rem;animation:scaleIn .5s ease-out}.vehicle-images-container .submission-success h3{color:#333;margin-bottom:1rem;font-size:1.5rem}.vehicle-images-container .submission-success p{color:#666;margin-bottom:1.5rem;line-height:1.5}.vehicle-images-container .submission-success .redirect-message{color:#888;font-size:.9rem;font-style:italic;margin-top:1rem}.vehicle-images-container .submission-success .uploaded-images-preview{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.vehicle-images-container .submission-success .uploaded-images-preview .uploaded-image-thumbnail{width:100px;height:100px;border-radius:8px;overflow:hidden;border:2px solid #e0e0e0;transition:transform .2s ease}.vehicle-images-container .submission-success .uploaded-images-preview .uploaded-image-thumbnail:hover{transform:scale(1.05)}.vehicle-images-container .submission-success .uploaded-images-preview .uploaded-image-thumbnail img{width:100%;height:100%;object-fit:cover}.vehicle-images-container .image-upload-zone{border:2px dashed #ccc;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;border-radius:8px;max-width:800px;margin:0 auto 0 auto}.vehicle-images-container .image-upload-zone:hover{border-color:#999}.vehicle-images-container .image-upload-zone.dragging{border-color:#4caf50;background-color:rgba(76,175,80,.1)}.vehicle-images-container .upload-prompt .upload-icon{font-size:2rem;margin-bottom:1rem;display:block}.vehicle-images-container .upload-prompt .upload-icon:before{content:"";position:absolute;top:40px;left:50%;transform:translateX(-50%);font-family:"Font Awesome 5 Pro";font-size:2.5rem}.vehicle-images-container .upload-prompt .upload-text{font-size:1rem}.vehicle-images-container .upload-prompt .upload-text small{display:block;font-size:.8rem}.vehicle-images-container .uploaded-images-list{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem auto;max-width:800px}.vehicle-images-container .uploaded-images-list .uploaded-image{position:relative;max-width:150px;height:150px;border-radius:8px;overflow:hidden;border:2px solid #e0e0e0;flex:1}.vehicle-images-container .uploaded-images-list .uploaded-image img{width:100%;height:100%;object-fit:cover}.vehicle-images-container .uploaded-images-list .uploaded-image .upload-spinner{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center}.vehicle-images-container .uploaded-images-list .uploaded-image .upload-error{position:absolute;bottom:0;left:0;right:0;background:rgba(244,67,54,.9);color:#fff;padding:.5rem;font-size:.8rem;text-align:center}.vehicle-images-container .uploaded-images-list .uploaded-image .remove-image{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;padding:0}.vehicle-images-container .uploaded-images-list .uploaded-image .remove-image:hover{background:rgba(244,67,54,.9)}.vehicle-images-container .error-message{color:#f44336;text-align:center;margin:1rem 0;padding:.5rem;background:rgba(244,67,54,.1);border-radius:4px}@keyframes scaleIn{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.tiof-form-container{margin:0 auto}.tiof-form-container .text-right{text-align:right}.tiof-form-container .text-center{text-align:center}.tiof-form-container .error-message{text-align:center;font-size:.9rem;color:red;margin:0 auto}.tiof-form-container .clearfix{clear:both;height:0;margin:0;padding:0;border:none;overflow:hidden}.tiof-form-container .max-500{max-width:500px;margin:0 auto}.tiof-form-container .max-600{max-width:600px;margin:0 auto}.tiof-form-container .max-900{max-width:900px;margin:0 auto}.tiof-form-container .mb-15{margin-bottom:15px}.tiof-form-container .mt-15{margin-top:15px}.tiof-form-container .mt-50{margin-top:50px}.tiof-form-container .pad-top-25{padding-top:25px}.tiof-form-container .pad-top-50{padding-top:50px}.tiof-form-container .extra-pad-bottom{padding-bottom:30px}.tiof-form-container p.label-info{font-size:.9rem;line-height:1.3em;padding-top:5px}.tiof-form-container .heading-label{font-family:"bebas-neue-rounded";font-size:1.2rem;font-weight:600;margin-bottom:10px}.tiof-form-container .estimated-amt{font-size:3.5rem;font-weight:600;color:#007dc3;padding:2rem 0 0 0;font-weight:400;line-height:1.1}.tiof-form-container .vehicles-list ul.vehicles-grid{margin:0}.tiof-form-container .vehicles-list ul.vehicles-grid>li{list-style:none;padding:35px 25px;border-bottom:1px solid #c5c5c5}@media(max-width: 767px){.tiof-form-container .vehicles-list ul.vehicles-grid>li{padding-left:0px;padding-right:0px}}.tiof-form-container .vehicles-list ul.vehicles-grid>li.selected-variant{background-color:rgba(76,74,80,.05)}.tiof-form-container .vehicles-list .vehicle-title{font-size:1.25rem;font-weight:500}.tiof-form-container .vehicle-details-container{display:flex;gap:20px}@media(max-width: 767px){.tiof-form-container .vehicle-details-container{flex-direction:column}}.tiof-form-container .vehicle-details-container .vehicle-image{flex:1;padding-left:25px;padding-right:25px}@media(max-width: 1200px){.tiof-form-container .vehicle-details-container .vehicle-image{padding-left:0}}.tiof-form-container .vehicle-details-container .vehicle-image img{width:100%;height:100%;object-fit:contain}@media(max-width: 767px){.tiof-form-container .vehicle-details-container .vehicle-image img{max-height:100px;object-position:left}}@media(max-width: 500px){.tiof-form-container .vehicle-details-container .vehicle-image img{object-position:center}}.tiof-form-container .vehicle-details-container .vehicle-details{flex:2;margin-left:auto;text-align:right}@media(max-width: 767px){.tiof-form-container .vehicle-details-container .vehicle-details{width:100%;flex:1}}.tiof-form-container .vehicle-details-container .vehicle-details ul.vehicle-specs{border:1px solid rgba(0,0,0,.1);border-radius:5px;width:550px;max-width:100%;margin-left:auto;margin-bottom:25px}@media(max-width: 1200px){.tiof-form-container .vehicle-details-container .vehicle-details ul.vehicle-specs{width:100%}}.tiof-form-container .vehicle-details-container .vehicle-details ul.vehicle-specs li{background:rgba(0,0,0,.05);padding:5px 20px;display:flex}.tiof-form-container .vehicle-details-container .vehicle-details ul.vehicle-specs li:nth-child(even){background:rgba(0,0,0,0)}.tiof-form-container .vehicle-details-container .vehicle-details ul.vehicle-specs li strong{flex:1;text-align:left}.tiof-form-container .vehicle-details-container .vehicle-details ul.vehicle-specs li span{flex:2}@media(max-width: 500px){.tiof-form-container .vehicle-details-container .vehicle-details button{display:block;margin:0 auto}}.tiof-form-container .checkbox-list{display:flex;gap:10px;flex-wrap:wrap}.tiof-form-container .checkbox-item{display:flex;gap:8px;padding:12px;align-items:center;text-transform:capitalize;width:calc(33.33% - 20px);background:#f1f5f7;line-height:normal;border:1px solid #c5c5c5;border-radius:5px}.tiof-form-container .checkbox-item label{padding-bottom:0;line-height:1.5em}@media(max-width: 767px){.tiof-form-container .checkbox-item{width:calc(50% - 20px)}}@media(max-width: 600px){.tiof-form-container .checkbox-item{width:100%}}.tiof-form-container .checkbox-item:hover{background-color:#f5f5f5;border-radius:4px}.tiof-form-container .checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.tiof-form-container .checkbox-item label{cursor:pointer;font-size:14px;margin:0;flex:1}.tiof-form-container .loading-text{padding:10px;color:#666;font-style:italic}.tiof-form-container .no-options{padding:10px;color:#666;text-align:center;font-style:italic}.tiof-form-container .checkbox-item input[type=checkbox]:disabled+label{color:#999;cursor:not-allowed}.tiof-form-container .checkbox-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.tiof-form-container .dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.tiof-form-container .dialog-content{background:#fff;padding:20px;border-radius:8px;max-width:500px;width:90%;position:relative;box-shadow:0 2px 10px rgba(0,0,0,.1)}.tiof-form-container .dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tiof-form-container .dialog-header h2{margin:0;font-size:1.5rem}.tiof-form-container .dialog-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:5px;color:#666}.tiof-form-container .dialog-close:hover{color:#333}.tiof-form-container .dialog-buttons{display:flex;gap:10px;justify-content:flex-end}.tiof-form-container .dialog-buttons button{padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500}.tiof-form-container .dialog-buttons button.primary{background-color:#f99d1c;color:#fff;border:none}.tiof-form-container .dialog-buttons button.primary:hover{background-color:#0056b3}.tiof-form-container .dialog-buttons button.secondary{background-color:#f8f9fa;color:#333;border:1px solid #ddd}.tiof-form-container .dialog-buttons button.secondary:hover{background-color:#e2e6ea}.tiof-form-container .dialog-buttons button:disabled{opacity:.7;cursor:not-allowed}.tiof-form-container .offer-note{text-align:center;font-size:.8rem;color:#666}.tiof-form-container .exclusion-reasons ul{background:#daecf6;list-style:none;padding:25px}.tiof-form-container .exclusion-reasons ul li{list-style-type:none}.tiof-form-container .powered-by-redbook{font-size:14px;color:#aaa9a9;text-transform:uppercase;font-weight:500;margin-bottom:2em}.tiof-form-container .powered-by-redbook img{height:20px;vertical-align:middle;margin-left:5px}

/*# sourceMappingURL=app.css.map*/