p {
  line-height: 20px;
}

.italic {
  font-style: italic;
}

.icontext {
  white-space: nowrap;
}

a.btn-icon {

  &:after {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    padding-left: 2px;
    color: #000 !important;
  }

  &.icon-active {
    &:after {
      color: #0088cc !important;

      &:hover {
        color: #005580 !important;
      }
    }

    &.disabled:after, &.disabled:after:hover {
      color: #333 !important;
    }
  }

  &.field-icon {
    font-size: 17px;
    color: #ccc !important;
    line-height: 17px;
    vertical-align: middle;
    margin-left: -18px;
    margin-right: 9px;

    &:hover {
      color: #81D8F1 !important;
    }
  }
}

a.btn-icon-edit:after {
  @extend a.btn-icon;
  content: "\f044";
}

a.btn-icon-link:after {
  @extend a.btn-icon;
  content: "\f0c1";
}
a.btn-icon-external-link:after {
  @extend a.btn-icon;
  content: "\f08e";
}

a.btn-icon-eye-open:after {
  @extend a.btn-icon;
  content: "\f06e";
}

a.btn-icon-eye-close:after {
  @extend a.btn-icon;
  content: "\f070";
}

a.btn-text {
  color: #333333;
}
