.section {
  .make-row();
  border-bottom: 1px solid @text-color-lightest;
  margin: 1.6em;
  &:last-child {
    border-bottom: 0;
  }
  .left-section {
    .make-xs-column(4);
    padding-bottom: 1.6em;
    .help-block {
      color: @text-color-light;
    }
  }
  .right-section {
    .make-xs-column(8);
    padding-bottom: 1.6em;
  }
}

form {
  &.narrow {
    max-width: 300px;
  }
  &.wide {
    max-width: 500px;
  }
}

.inner-addon() {
  position: relative;
  i {
    color: @placeholder-color;
    position: absolute;
    padding: 10px 12px;
    pointer-events: none;
  }
}

.left-inner-addon {
  .inner-addon();
  input {
    padding-left: 36px;
  }
}

.right-inner-addon {
  .inner-addon();
  input {
    padding-right: 30px;
  }
  i {
    right: 0;
  }
}

.line-select {
  padding: 0.6em;
  border-bottom: 1px solid @text-color-lightest;
  cursor: pointer;
  &:last-child {
    border-bottom: 0;
  }
  h5 {
    margin: 0;
  }
  .avatar {
    position: relative;
    top: -2px;
    width: 20px;
    height: 20px;
    margin-right: 0.6em;
    float: left;
  }
  .icon {
    float: right;
    position: relative;
    top: -16px;
  }
  &:hover {
    background-color: lighten(@text-color-lightest, 5%);
  }
}

.no-display {
  display: none;
}

.center {
  text-align: center;
}

.space-top {
  margin-top: 1.2em;
}

.space-bottom {
  margin-bottom: 1.2em;
}

.modal-small {
  max-width: 400px;
}

.error {
  color: @brand-negative;
  a {
    font-weight: 600;
    color: darken(@brand-negative, 10%);
  }
}