@mixin add-vertical-margins($important: "") {
  @include add-top-margin($important);
  @include add-bottom-margin($important);
}

@mixin add-top-margin($important: "") {
  margin-top: $default-vertical-margin #{$important};
}

@mixin remove-top-margin($important: "") {
  margin-top: 0 #{$important};
}

@mixin add-bottom-margin($important: "") {
  margin-bottom: $default-vertical-margin #{$important};
}

@mixin remove-bottom-margin($important: "") {
  margin-bottom: 0 #{$important};
}

@mixin add-right-margin($important: "") {
  margin-right: $default-horizontal-margin #{$important};
}

@mixin add-left-margin($important: "") {
  margin-left: $default-horizontal-margin #{$important};
}

@mixin add-label-margin {
  margin-bottom: $default-label-margin;
}

@mixin add-vertical-padding($important: "") {
  @include add-top-padding($important);
  @include add-bottom-padding($important);
}

@mixin add-top-padding($important: "") {
  padding-top: $default-vertical-padding #{$important};
}

@mixin add-bottom-padding($important: "") {
  padding-bottom: $default-vertical-padding #{$important};
}

@mixin box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@mixin input-md-width($x) {
  // Use a proportion of the widest desktop size. At smaller widths inputs
  // will be constrained by their containers. Take into account padding
  // from gutter
  $single-column-width: $container-large-desktop/$grid-columns;
  max-width: ($single-column-width * $x) - $grid-gutter-width;
}