$control-indent: 5px;

.wrap-control-group {
  @include clearfix;
  &.hide-indent-bottom { margin-bottom: -$control-indent; }
}
.buttoned-control-group {
  margin-top: 23px;
  z-index: 9999;
  position: absolute;
  right: 10px;
}
.control-group {
  margin-right: -$control-indent;
  & > * { margin-right: $control-indent; }
  &.right {
    float: right;
    margin-left: $control-indent;
  }
  &.left {
    float: left;
    margin-left: -$control-indent;
    margin-right: $control-indent;
    & > * {
      margin-left: $control-indent;
      margin-right: 0;
    }
  }
  &.left,
  &.right {
    & > * { float: left; }
  }
  &.center {
    font-size: 0;
    text-align: center;
    & > * { display: inline-block; }
  }
  &.with-indent > * { margin-bottom: $control-indent; }
  &.without-side-indent {
    margin-left: 0;
    margin-right: 0;
    & > * {
      margin-left: 0;
      margin-right: 0;
    }
  }
  .control-separate {
    background: #ccc;
    display: inline-block;
    height: 34px;
    vertical-align: top;
    width: 1px;
    &.control-separate-sm { height: 30px; }
    &.control-separate-smaller { 
      height: 26px; 
      margin-top: 2px;
    }
  }
}