@import '../../global-sass-files/variables';
@import '../../global-sass-files/mixins';

// Info state icon
.info {
  display: inline-block;
  top: 8px;
  right: 8px;
  width: 16px;
  height: 16px;
  font-size: 15px;
  vertical-align: middle;
  @include iconmoon();
  &-state {
    &:after {
      content: "\e912";
      color: #dcdcdc;
    }
    &.green:after {
      color: $green-centreon-primary;
    }
  }
  &-question {
    &:after {
      content: "\e922";
      color: #dcdcdc;
    }
    &.green:after {
      color: $green-centreon-primary;
    }
  }
  &-text {
    color: #242f3a;
    font-size: 12px;
    line-height: 14px;
    font-family: $primary-font-regular;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
  }
  &.white {
    &:after {
      color: $white-color;
    }
  }
  &.gray {
    &:after {
      color: #a7a7a7;
    }
  }
  &-icon-position {
    position: absolute;
  }
}