.statusOk {
  color: @status-success-dark;
}

.statusNok {
  color: @status-danger;
}

.statusAlert {
  color: @status-warning;
}

.statusUnknown {
  color: @gray-40;
}

.sendStatus,
.pushStatus {
  fill: url(#smallGradient);
}

.status.warning {
  color: @status-info;
}
.color.warning {
  color: @status-warning;
}
.color.minor {
  color: @status-warning-light;
}
.status.minor {
  --c8y-icon-stroke-color: @status-warning-dark;
  color: @status-warning-light;
}

.status.major {
  color: @status-warning;
}
.color.major {
  color: @status-warning;
}

.status.critical {
  color: @status-danger;
}

.color.critical {
  color: @status-danger;
}

// for svg
path.statusUnknown {
  fill: @gray-50;
  &.pushStatus {
    fill: @gray-40;
  }
}

path.statusOk {
  fill: @status-success;
  &.pushStatus {
    fill: @status-success-dark;
  }
}

path.statusNok {
  fill: @status-danger;
  &.pushStatus {
    fill: @status-danger-dark;
  }
}

.fill-warning {
  fill: @status-warning;
}

.alarm-icons {
  position: relative;
  font-size: 20px;
  width: 28px;
  .btn-clean.severity {
    position: absolute !important;
    top: 0;
    left: 50%;
    z-index: 10;
  }
  .btn-clean.status {
    margin-top: 8px;
    font-size: 24px;
  }
}
