.btn_status {
    width: 60px;
    height: 22px;
    font-size: 14px;
    border-radius: 4px;
    color: rgba(204, 204, 204, 1);
    border: 1px solid rgba(204, 204, 204, 0.5);
    background: rgba(204, 204, 204, 0.1);
    &.is-doing {
      .status-box-color(rgba(0, 104, 150, 1));
    }
    &.is-end {
      .status-box-color(rgba(35, 193, 88, 1));
    }
    &.is-expired {
      .status-box-color(rgba(255, 50, 80, 1));
    }
  }
.status-box-color(@color) {
  color: @color !important;
  background: fade(@color, 10%) !important;
  border: 1px solid fade(@color, 50%);
}
.status-box {
  padding: 0px 12px;
  color: rgba(204, 204, 204, 1);
  border: 1px solid rgba(204, 204, 204, 0.5);
  background: rgba(204, 204, 204, 0.1);
  display: inline-block;
  border-radius: 4px;
  &.ableY {
    .status-box-color(@success-color);
  }
  &.ableN {
    .status-box-color(@error-color);
  }
  &.WAIT_CALL,
  &.SCRAP,
  &.ERROR,
  &.is-expired {
    .status-box-color(rgba(255, 50, 80, 1));
  }
  &.CHECKING,
  &.WAIT_ACCEPT,
  &.WAIT_SCRAP,
  &.OA,
  &.MAINTAINING {
    .status-box-color(rgba(255, 101, 0, 1));
  }
  &.IDLE,
  &.WAIT_ASSIGN,
  &.ELECTRON,
  &.WAIT_REPAIR {
    .status-box-color(rgba(251, 172, 64, 1));
  }
  &.PURCHASING,
  &.WAIT_REPAIR,
  &.SUPPORT,
  &.IDLE {
    .status-box-color(rgba(28, 166, 254, 1));
  }
  &.USING,
  &.WAIT_CONFIRM,
  &.SPECIAL,
  &.is-doing {
    .status-box-color(rgba(0, 104, 150, 1));
  }
  &.FINISHED,
  &.is-end,
  &.NORMAL,
  &.PRODUCTION,
  &.PASS {
    .status-box-color(rgba(35, 193, 88, 1));
  }
}
.view-name {
  color: rgba(14, 168, 208, 1);
  cursor: pointer;
  display: block;
}

.btn_operate {
  color: @primary-color;
}