@mixin elements-fieldgroup{
  .field-group{
    display:flex;
    align-items:center;
    width:100%;
    box-sizing:border-box;
    margin-bottom:16px;
    > label{
      flex:0 0 15%;
      display:block;
      text-align:right;
      font-size:16px;
      font-weight:bold;
      padding-right:30px;
    }
    > input, > textarea{
      flex:1 0 auto;
      width:auto;
      box-sizing:border-box;
    }
    > .vui-buttonbar{
      flex:0 1 auto;
      width:auto;
      margin-left:0px;
    }
  }

  @include media-break-down(md){
    .field-group{
      flex-wrap:wrap;
      > label{
        flex:1 1 100%;
        text-align:left;
        padding:0 0 4px 0;
      }
      > input, > textarea{
        width:100%;
      }
      > .vui-buttonbar{
        margin-top:0px;
        margin-left:-8px;
      }
    }
  }
}