// ==================================================================
// Form
// ==================================================================
.#{$prefix}form {
  &-heading {
    text-align    : center;
    text-transform: uppercase;
    margin-top    : 0;
    margin-bottom : 20px;
    @media screen and (max-width: 782px) {
      margin-bottom: 10px;
    }
  }
  &-group {
    margin-bottom: 20px;
    label {
      font-weight  : bold;
      display      : inline-block;
      width        : 140px;
      max-width    : 100%;
      text-align   : right;
      padding-right: 15px;
      @media screen and (max-width: 782px) {
        width     : 100%;
        text-align: left;
      }
    }
  }
  &-control {
    padding      : 6px 12px;
    border-radius: 4px;
    width        : 220px;
    max-width    : 100%;
    @media screen and (max-width: 782px) {
      width: 100%;
    }
  }
  &-action {
    text-align: center;
  }
}