.vp-form label.required {
  position: relative;
}

.vp-form label.required::after {
  content: '*';
  color: red;
  font-size: 2em;
  height: 1em;
  position: absolute;
  top: -0.25em;
}

.vp-form label.error {
  color: red;
}

.vp-form .ui-widget {
  margin: 0 0 1rem;
}

.vp-form .ui-widget input {
  border: 1px solid #cacaca;
}

.vp-form textarea {
  height: 4rem;
}

.vp-form input {
  padding: 0.5rem;
  height: auto;
  line-height: 1em;
  font-size: 1em;
  margin-bottom: 0;
}

.vp-form input.datepicker {
  display: inline-block;
}

.vp-form button.ui-datepicker-trigger img {
  height: 2.25em;
  margin-bottom: 0.25rem;
}

.vp-form .input-currency {
  position: absolute;
  z-index: 1;
  margin-top: 0.175rem;
  margin-left: 0.375rem;
  line-height: 2em;
}

.vp-form input.currency {
  padding-left: 1rem;
  position: relative;
}

.vp-form select {
  padding: 0.375rem;
  background-image: url('/i/red-down-arrow.png');
  background-origin: content-box;
  background-position: right -2.2rem center;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-right: 2.7rem;
}
select .selectHead{
  background-color: #CCC;
  font-family: "PT Sans Narrow", sans-serif !important;
  font-weight: 600;
}
@media screen and (min-width: 641px){
  .vp-form input {
    width: auto;
  }
  .vp-form select {
    width: auto;
  }
}