.vip-module-form legend,
.vip-module-form label{
  color: #020289;
}
.vip-module-form label {
  width: 100%;
  padding-top: 30px;
}
.vip-module-form .js-form-type-radio label,
.vip-module-form .js-form-type-checkbox label {
  width: auto;
  color: inherit;
  padding-top: 0px;
}
.vip-module-form label:after {
  content: ":";
}
.vip-module-form label.form-required:after {
  content: "*:";
}
.vip-module-form .js-form-type-radio label:after {
  display: none;
}
.vip-module-form select,
.vip-module-form input {
  border-radius: 5px;
  width: 30%;
}
.vip-module-form input.form-radio,
.vip-module-form input.form-checkbox {
  width: auto;
}
.vip-module-form input.form-date {
  width: 160px !important;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0px 10px;
}
.vip-module-form input.button {
  width: auto;
  margin-top: 30px;
}

.track-progress {
  display: table;
  width: 100%;
  margin: 0;
  border: none;
  padding: 0;
}
.track-progress li {
  position: relative;
  width: auto;
  text-align: center;
  display: table-cell;
  background-color: #BAB2DA;
  border: none;
}
.track-progress li.done {
  background-color: #020289;
}

.track-progress li span {
  display: block;
  text-transform: uppercase;
  color: #020289;
  text-align:  center;
  font-size:  0.625rem; /*10px*/
  padding: 0.625rem 0px; /*10px*/
  padding-left: 1.25rem; /*20px*/
}
.track-progress li.done span {
  color: #fff;
}
.track-progress li span:after,
.track-progress li span:before {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  left: -0px;
  border: solid transparent;
  border-left-color: #BAB2DA;
  border-width: 1.125rem; /*18px*/
}
.track-progress li span:after {
  z-index: 1;
  border-left-color: #fff;
  left: 0px;
  border-width: 1.375rem; /*22px*/
  top: -0.25rem; /*4px*/
}

.track-progress li span:before {
  z-index: 2;
}

.track-progress li.done + li span:before {
  border-left-color: #020289;
}
.track-progress li:first-child span:after,
.track-progress li:first-child span:before,
.track-progress li.done span:before,
.track-progress li.done span:after {
  display: none;
}

.track-progress li:first-child {
  border-radius: 5px 0px 0px 5px;
}
.track-progress li:last-child {
  border-radius: 0px 5px 5px 0px;
}
.track-progress li span.count {
  display: none;
}

.vip-summary {
  display: table;
}
.vip-item {
  display: table-row;
}
.vip-field,
.vip-links,
.vip-user-entry {
  display: table-cell;
}
.vip-item.general .vip-field,
.vip-item.general .vip-links,
.vip-item.general .vip-user-entry{
  padding-top: 50px;
}
.vip-field {
  font-weight: bold;
}
.vip-item.general .vip-field  {
  text-transform: uppercase;
  border-bottom: 1px solid;
}
.vip-item.general .vip-links {
  border-bottom: 1px solid;
}
.vip-item .vip-links a{
  display: inline-block;
  padding: 2px 15px;
  margin: 5px;
  margin-left: 0px;
}
.vip-item .services {
 display: block;
 width: 100%;
 float: left;
}
.vip-item .vip-field.passenger {
  text-transform: uppercase;
}
.vip-summary .vip-module-form {
  margin-top: 50px;
}

@media only screen and (max-width: 1023px), only screen and (max-device-width: 1023px) {
  .vip-module-form select,
  .vip-module-form input {
    width: 50%;
  }
  .track-progress li {
    display: none;
  }
  .track-progress li.current {
    display: table-cell;
    border-radius: 10px;
    background-color: #020289;
  }
  .track-progress li.current span {
   color: #fff;
  }
  .track-progress li.current span:before,
  .track-progress li.current span:after {
    display: none;
  }
  .track-progress li span {
    font-size: 16px;
    display: inline-block;
    padding-left: 0px;
  }
  .track-progress li span.count {
    display: inline-block;
    font-size: 18px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  .vip-module-form select,
  .vip-module-form input {
    width: 100%;
  }

  .vip-summary {
    display: block;
  }
  .vip-item {
    width: 100%;
    display: inline-block;
  }
  .vip-field,
  .vip-links,
  .vip-user-entry {
    display: inline-block;
  }
  .vip-item.general .vip-field,
  .vip-item.general .vip-links {
    border: none;
  }
  .vip-field {
    float: left;
  }
  .vip-links,
  .vip-user-entry {
    float: right;
  }
  .vip-item .vip-links a {
    margin: 0px;
    margin-left: 5px;
  }

}