.qp-field {
  position: relative; }
  .qp-field .maxlength {
    font-size: 60%;
    position: absolute;
    bottom: 12px;
    right: 14px;
    color: #AAA; }
  .qp-field .maxlength-help {
    font-size: 60%;
    position: absolute;
    bottom: 12px;
    right: 50px;
    z-index: 2;
    color: #AAA; }
  .qp-field .btn-group > .qp-active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .qp-field.how-sold .indent-container-outer {
    padding: 10px;
    background-color: #DDD; }
  .qp-field.how-sold .indent-container-outer,
  .qp-field.how-sold .indent-container-inner {
    margin-left: 16px; }
  .qp-field.how-sold .locations {
    width: 80px; }
  .qp-field.how-sold .carts,
  .qp-field.how-sold .gateways {
    width: 80%; }
  .qp-field.address-validated .validated label input[type=checkbox] {
    display: none; }
  .qp-field.how-advertise .indent-container-outer {
    padding: 10px;
    background-color: #DDD; }
  .qp-field.how-advertise .indent-container-outer,
  .qp-field.how-advertise .indent-container-inner {
    margin-left: 16px; }
  .qp-field.how-advertise .ppc,
  .qp-field.how-advertise .gateways {
    width: 80%; }
  .qp-field.checkbox-row .disabled {
    pointer-events: auto; }
  .qp-field.checkbox-row.card_brands .fa-stack {
    width: 2.8em; }
  .qp-field.checkbox-row.card_brands .card-text {
    color: white;
    font-size: 80%; }
  .qp-field.checkbox-row .label i,
  .qp-field.checkbox-row .label .fa-stack > i {
    color: black; }
  .qp-field.checkbox-row .label .fa-stack > span {
    color: white; }
  .qp-field.checkbox-row .qp-active i,
  .qp-field.checkbox-row .qp-active .fa-stack > i {
    color: #333; }
  .qp-field.checkbox-row .qp-active .fa-stack > .card-text {
    color: #EEE; }
  .qp-field.checkbox-slider {
    /* Default State */ }
    .qp-field.checkbox-slider input[type=checkbox] {
      display: none;
      position: relative; }
    .qp-field.checkbox-slider input[type="checkbox"] ~ span:before {
      font-family: FontAwesome;
      content: "\f204";
      display: inline-block;
      top: 0;
      left: -5px;
      padding-right: 10px;
      font-size: large; }
  .qp-field .input-group-addon.card-type-icon {
    padding: 0px 6px; }

.qp-form-colors .qp-field .field-group.ng-invalid.ng-dirty {
  padding: 6px;
  background-color: #f2dede;
  border: 1px solid #C87272;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  display: inline-block; }