.tabs .indicator {
  height: 60px;
  opacity: 0.3;
}

.form-container {
  padding: 40px;
  padding-top: 10px;
}

.confirmation-tabs-btn {
  position: absolute;
}

.tabs {
  background-color: transparent;
}

.tabs .indicator {
  background-color: #ffffff43;
}

.tabs .tab a:focus,
.tabs .tab a:focus.active {
  background: transparent;
}

.input-field input[type="text"] {
  /* color: #9e9e9e; */
  color: white;
}
.input-field input[type="email"] {
  /* color: #9e9e9e; */
  color: white;
}
.input-field input[type="tel"] {
  /* color: #9e9e9e; */
  color: white;
}
#vin {
  background-color: #ffffff12;
}
#makemodel {
  background-color: #ffffff12;
}
.caret {
  fill: #9e9e9e !important;
}
.form-label {
  color: white;
}
/* label focus color */
.input-field input:focus + label {
  color: white !important;
}
/* label underline focus color */
.row .input-field input:focus {
  border-bottom: 1px solid white !important;
  box-shadow: 0 1px 0 0 white !important;
}

.input-field label {
  color: white !important;
}

ul.dropdown-content.select-dropdown li span {
  color: #000;
}
.select-dropdown {
  max-height: 300px;
}

div[class="^=MuiInput-underline"]:hover:not(div[class="^=MuiInput-disabled"]):not(div[class="^=MuiInput-focused"]):not(
    div[class="^=MuiInput-error"]
  ):before {
  color: white;
}

.modal#statusSuccessModal .modal-content,
.modal#statusErrorsModal .modal-content {
  border-radius: 30px;
}
.modal#statusSuccessModal .modal-content svg,
.modal#statusErrorsModal .modal-content svg {
  width: 100px;
  display: block;
  margin: 0 auto;
}
.modal#statusSuccessModal .modal-content .path,
.modal#statusErrorsModal .modal-content .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.modal#statusSuccessModal .modal-content .path.circle,
.modal#statusErrorsModal .modal-content .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.modal#statusSuccessModal .modal-content .path.line,
.modal#statusErrorsModal .modal-content .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.95s 0.35s ease-in-out forwards;
  animation: dash 0.95s 0.35s ease-in-out forwards;
}
.modal#statusSuccessModal .modal-content .path.check,
.modal#statusErrorsModal .modal-content .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.95s 0.35s ease-in-out forwards;
  animation: dash-check 0.95s 0.35s ease-in-out forwards;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
.box00 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

.material-tooltip {
  max-width: 300px;
}

[type="radio"].with-gap:checked + span:after {
  background-color: white !important;
}

[type="radio"].with-gap:checked + span:before,
[type="radio"].with-gap:checked + span:after {
  border: 2px solid white !important;
}

[type="radio"].with-gap + span:after {
  background-color: white !important;
}

[type="radio"].with-gap + span:before,
[type="radio"].with-gap + span:after {
  border: 2px solid white !important;
}

.collection-item {
  cursor: pointer;
}

.collection-item input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.collection-item.active {
  border: 2px solid #26a69a;
  background-color: transparent;
}
.collection .collection-item.active {
  border-bottom-color: #26a69a;
}
/* .collection-item.active .card-panel {
  box-shadow: 0 4px 8px rgba(38, 166, 154, 0.8); 
  background-color: transparent;
} */

.collection .collection-item:not(active) {
  border-bottom-color: transparent;
}

.collection .collection-item {
  background-color: transparent;
}

.collection-label {
  color: white;
}

.card-panel {
  background-color: transparent;
}

.collection .collection-item.active {
  background-color: transparent;
}

.collection {
  border: transparent;
}

.collection-label input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}