.box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  .item {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
    font-size: 22px;
    line-height: 28px;
    color: #454444;
    .label {
      width: 114px;
      flex-shrink: 0;
    }
    .content {
      flex: 1;
    }
    .contentFlex {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  }
}
.iconStatus {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 10px;
  border-radius: 50%;
  display: inline-block;
}

.img {
  width: 120px;
  height: 90px;
  display: block;
  margin-top: 10px;
}
.page {
  .tableSelect {
    background-color: #2466a4 !important;
  }
  .table {
    background-color: #064779;
  }
  .typeText {
    color: #4a90e2 !important;
  }
  .threshold {
    display: flex;
    align-items: center;
  }
  .textAbnormal {
    color: #fe5850;
  }
  .textNormal {
    color: #4a90e2;
  }
  .box {
    padding: 16px;
    margin-bottom: 20px;
  }

  :global {
    .ant-collapse > .ant-collapse-item {
      border-radius: 8px;
      box-shadow: 0px 0px 8px 2px rgba(191, 191, 191, 0.2);
      border: 1px solid #eee;
      background: rgba(255, 255, 255);
      padding: 0 15px;
      margin-bottom: 15px;
      &.ant-collapse-item-active > .ant-collapse-header {
        border-bottom: 1px solid #7a9dcd;
      }
      > .ant-collapse-header {
        background: none;
        color: rgb(91, 88, 88) 373;
        height: 62px;
        font-size: 22px;
        padding: 0;
        align-items: center;
        border-bottom: 1px solid transparent;
        .ant-collapse-arrow {
          font-size: 22px;
          right: 0;
        }
        .ant-collapse-extra {
          position: absolute;
          right: 30px;
        }
      }
    }
    .ant-collapse:last-child > .ant-collapse-item {
      // margin-bottom: 0;
    }
    .ant-collapse-content {
      padding: 15px 0;
      border-top: none;
    }
  }
}