/*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */

@border-left-width: 6px;

.count-col {
  width: 4em;
}

.state-col {
  &.state-ok,
  &.state-up {
    border-left: @border-left-width solid @color-ok;
  }

  &.state-pending {
    border-left: @border-left-width solid @color-pending;
  }

  &.state-critical,
  &.state-down {
    background-color: @color-critical;
    color: @text-color-inverted;

    &.handled {
      background-color: inherit;
      color: inherit;
      border-left: @border-left-width solid @color-critical-handled;
    }
  }

  &.state-warning {
    background-color: @color-warning;
    color: @text-color-inverted;

    &.handled {
      background-color: inherit;
      color: inherit;
      border-left: @border-left-width solid @color-warning-handled;
    }
  }

  &.state-unknown {
    background-color: @color-warning;
    color: @text-color-inverted;

    &.handled {
      background-color: inherit;
      color: inherit;
      border-left: @border-left-width solid @color-unknown-handled;
    }
  }

  &.state-unreachable {
    background-color: @color-unreachable;
    color: @text-color-inverted;

    &.handled {
      background-color: inherit;
      color: inherit;
      border-left: @border-left-width solid @color-unreachable-handled;
    }
  }

  * {
    color: inherit;
  }

  text-align: center;
  width: 100px;
}

.host-meta, .service-meta {
  color: @text-color-light;
  font-size: @font-size-small;
}

// Link to unhandled services in the hosts overview
.host-services-incidents {
  color: @color-critical;
  font-family: @font-family-wide;
  font-size: @font-size-small;
}

// Plugin output in overviews
.overview-plugin-output {
  color: @text-color-light;
  font-family: @font-family-fixed;
  font-size: @font-size-small;
}

.state-header {
  .clearfix();
}

.state-icons {
  float: right;
}

.state-label {
  font-family: @font-family-wide;
  font-size: @font-size-small;
  letter-spacing: 1px;
}

.state-meta {
  font-size: @font-size-small;
}