/*Form Wizard*/
.payments-steps-progress {
  padding: 0 0 10px 0; }
  .payments-steps-progress > .payments-step {
    float: left;
    padding: 0;
    position: relative; }
    .payments-steps-progress > .payments-step .payments-step-stepnum {
      color: #595959;
      font-size: 16px;
      margin-bottom: 5px; }
    .payments-steps-progress > .payments-step .payments-step-info {
      color: #fdbf00;
      font-size: 14px;
      font-weight: bold;
      padding: 0px 30px;
      line-height: 15px;
      margin: 25px auto auto auto; }
    .payments-steps-progress > .payments-step > .payments-step-dot {
      position: absolute;
      width: 45px;
      height: 45px;
      display: block;
      background: #E7E7E7;
      top: 20px;
      left: 50%;
      margin-top: -16px;
      margin-left: -23px;
      border-radius: 50%;
      transition: all 0.6s linear;
      border: 3px solid #fdbf00;
      z-index: 30; }
      .payments-steps-progress > .payments-step > .payments-step-dot .payments-inner-dot {
        content: ' ';
        width: 24px;
        height: 24px;
        background: #fdbf00;
        border-radius: 50px;
        position: absolute;
        top: -10px;
        left: -10px;
        text-align: center;
        color: #000000;
        font-size: 15px;
        font-weight: bold;
        transition: all 0.6s linear;
        z-index: 20;
        line-height: 23px; }
      .payments-steps-progress > .payments-step > .payments-step-dot i {
        font-size: 20px;
        left: 7px;
        top: 8px;
        position: inherit;
        color: #fdbf00; }
    .payments-steps-progress > .payments-step > .progress {
      position: relative;
      border-radius: 0px;
      height: 6px;
      box-shadow: none;
      margin: 20px 0;
      top: 5px;
      left: 50%;
      background: #dddddd; }
    .payments-steps-progress > .payments-step .progress-bar {
      width: 0px;
      box-shadow: none;
      background: #fdbf00;
      height: 4px;
      margin-top: 0px;
      position: absolute;
      top: 26px;
      left: 50%;
      z-index: 10; }
  .payments-steps-progress > .payments-step.complete > .progress-bar {
    width: 100%; }
  .payments-steps-progress > .payments-step.complete .payments-step-dot {
    background-color: #fdbf00; }
    .payments-steps-progress > .payments-step.complete .payments-step-dot .payments-inner-dot {
      background-color: #e6e6e6;
      color: #fdbf00;
      -webkit-box-shadow: inset 0px 0px 0px 3px #fdbf00;
      -moz-box-shadow: inset 0px 0px 0px 3px #fdbf00;
      box-shadow: inset 0px 0px 0px 3px #fdbf00; }
  .payments-steps-progress > .payments-step.complete i {
    color: #000000; }
  .payments-steps-progress > .payments-step.complete i::before {
    content: "\f00c"; }
  .payments-steps-progress > .payments-step.active > .progress-bar {
    width: 0%; }
  .payments-steps-progress > .payments-step:first-child.active > .progress-bar {
    width: 0%; }
  .payments-steps-progress > .payments-step:last-child.active > .progress-bar {
    width: 0%; }
  .payments-steps-progress > .payments-step.disabled > .payments-step-dot {
    background-color: #E7E7E7;
    border: 3px solid #BABABA; }
    .payments-steps-progress > .payments-step.disabled > .payments-step-dot .payments-inner-dot {
      background-color: #BABABA;
      color: #FFFFFF; }
    .payments-steps-progress > .payments-step.disabled > .payments-step-dot i {
      color: #BABABA; }
  .payments-steps-progress > .payments-step.disabled .payments-step-info {
    color: #BABABA; }
  .payments-steps-progress > .payments-step.disabled > .payments-step-dot:after {
    opacity: 0; }
  .payments-steps-progress > .payments-step:first-child > .progress {
    left: 50%;
    width: 100%; }
  .payments-steps-progress > .payments-step:last-child > .progress {
    width: 0%; }
  .payments-steps-progress > .payments-step.disabled a.payments-step-dot {
    pointer-events: none; }
  .payments-steps-progress > .payments-step.progress-steps-1 {
    width: 100%; }
  .payments-steps-progress > .payments-step.progress-steps-2 {
    width: 100%; }
  .payments-steps-progress > .payments-step.progress-steps-3 {
    width: 33.333%; }
  .payments-steps-progress > .payments-step.progress-steps-4 {
    width: 25%; }
  .payments-steps-progress > .payments-step.progress-steps-5 {
    width: 20%; }
  .payments-steps-progress > .payments-step.progress-steps-6 {
    width: 16.666%; }
  .payments-steps-progress > .payments-step.progress-steps-7 {
    width: 14.285%; }
  .payments-steps-progress > .payments-step.progress-steps-8 {
    width: 12.5%; }

/*END Form Wizard*/
/********** Step Animation *************/
.ds-payments {
  margin: auto;
  max-width: 675px;
  overflow: hidden; }

@media (min-width: 992px) {
  .ds-payments .ds-payments-steps {
    min-height: 475px;
    position: relative; }

  .ds-payments .ds-payments-step {
    -webkit-transition: 0.3s linear all;
    transition: 0.3s linear all;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%; }

  .ds-payments .ds-payments-step.ng-enter {
    left: 100%; }

  .ds-payments .ds-payments-step.ng-enter-active {
    left: 0; }

  .ds-payments .ds-payments-step.ng-leave {
    left: 0; }

  .ds-payments .ds-payments-step.ng-leave-active {
    left: -100%; } }
/***************** General Styles *********************/
.ds-payments {
  background: #E7E7E7;
  padding: 30px;
  /* GLOBAL */
  /* INPUT FIELDS */ }
  .ds-payments .payments-step-title h2 {
    color: #bababa;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 0; }
    @media (max-width: 991px) {
      .ds-payments .payments-step-title h2 {
        margin-top: 0px; } }
  .ds-payments .payments-step-title h3 {
    color: #fdbf00;
    font-size: 24px;
    font-weight: bold;
    margin-top: 5px; }
  .ds-payments .ds-payments-steps {
    position: relative; }
  @media (min-width: 768px) {
    .ds-payments .payments-header {
      margin-bottom: 15px; } }
  .ds-payments .ds-payments-step {
    font-size: 16px;
    color: #000000; }
    .ds-payments .ds-payments-step .step-info {
      text-align: center; }
      .ds-payments .ds-payments-step .step-info h3, .ds-payments .ds-payments-step .step-info h4 {
        color: #fdbf00;
        font-weight: 700;
        margin-top: 5px; }
      .ds-payments .ds-payments-step .step-info p {
        font-size: 12px; }
      .ds-payments .ds-payments-step .step-info a {
        font-size: 12px;
        color: #fdbf00;
        text-decoration: underline;
        font-weight: bold; }
        .ds-payments .ds-payments-step .step-info a:hover {
          color: #977200;
          text-decoration: none; }
        @media (max-width: 991px) {
          .ds-payments .ds-payments-step .step-info a {
            margin-top: 10px; } }
    .ds-payments .ds-payments-step.purchase-details-step .personal-details-email {
      word-wrap: break-word; }
  .ds-payments .payments-footer {
    border-top: 2px solid #DDDDDD;
    padding-top: 25px; }
    @media (min-width: 992px) {
      .ds-payments .payments-footer {
        position: absolute;
        width: 100%;
        bottom: 0; } }
    @media (max-width: 991px) {
      .ds-payments .payments-footer {
        margin-top: 15px;
        padding-top: 15px; }
        .ds-payments .payments-footer .btn {
          margin-bottom: 15px; }
          .ds-payments .payments-footer .btn.btn-primary {
            margin-bottom: 0; } }
  .ds-payments .form-group label {
    font-size: 15px;
    color: #000000;
    font-weight: bold; }
  .ds-payments .form-group .form-control {
    border: none;
    font-size: 16px;
    color: #000000;
    border-radius: 0;
    height: 40px; }
    .ds-payments .form-group .form-control:focus {
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #fdbf00;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px 1px #fdbf00; }
  .ds-payments .form-group textarea.form-control {
    width: 100%; }
    @media (max-width: 992px) {
      .ds-payments .form-group textarea.form-control {
        height: 95px; } }

/* BUTTONS */
.payments-footer .btn, .find-vehicle-confirm .btn {
  outline: none;
  transition: all 0.6s linear;
  font-size: 15px;
  font-weight: bold;
  padding: 8px 12px;
  border: none;
  border-radius: 30px; }
  .payments-footer .btn.btn-default, .payments-footer .btn.btn-back, .find-vehicle-confirm .btn.btn-default, .find-vehicle-confirm .btn.btn-back {
    background: #e7e7e7;
    color: #fdbf00;
    border: 3px solid #fdbf00; }
    .payments-footer .btn.btn-default:hover, .payments-footer .btn.btn-default:focus, .payments-footer .btn.btn-default:active, .payments-footer .btn.btn-back:hover, .payments-footer .btn.btn-back:focus, .payments-footer .btn.btn-back:active, .find-vehicle-confirm .btn.btn-default:hover, .find-vehicle-confirm .btn.btn-default:focus, .find-vehicle-confirm .btn.btn-default:active, .find-vehicle-confirm .btn.btn-back:hover, .find-vehicle-confirm .btn.btn-back:focus, .find-vehicle-confirm .btn.btn-back:active {
      background: #fdbf00;
      color: #000000; }
  .payments-footer .btn.btn-primary, .find-vehicle-confirm .btn.btn-primary {
    background: #fdbf00;
    color: #000000;
    border: 3px solid #fdbf00; }
    .payments-footer .btn.btn-primary:hover, .payments-footer .btn.btn-primary:focus, .payments-footer .btn.btn-primary:active, .find-vehicle-confirm .btn.btn-primary:hover, .find-vehicle-confirm .btn.btn-primary:focus, .find-vehicle-confirm .btn.btn-primary:active {
      background: #ca9800;
      color: #000000; }

/*# sourceMappingURL=payments-default.css.map */