@import "../../../../themes/page.scss";
@import "../../../../themes/t.cell.scss";
@import "../../report-common.scss";
@import "../../../../themes/card.scss";
/* module/health/pages/report/report.wxss */
.constitution-container{
  border-radius: 20rpx;
  background: linear-gradient(180deg, #D6E4F5 0%, #F3F4F6 100%);
}
.content-wrapper{
  background: white;
    border-radius: 10px;
    // padding: 30px 20px 10px 20px;
    padding: 15px 10px 15px 16px;
}
.body-image{
  width: 800px;
}
.result-box{
  display: flex;
  align-items: center;
}
.result-text{
  font-size: 14px;
  color: #1D6FF6;
}
.text-title{
  font-size: 16px;
  color: black;
  font-weight: 500;
}
.card-title{
  display: flex;
  align-items: center;
  margin-bottom: 10rpx;
}
.icon-title{
  width: 20px;
  height: 20px;
  margin-right: 10rpx;
}

.label-text {
  color: black;
  font-size: 18px;
  font-weight: 500;
}
.label-title {
  color: #ccc;
  font-size: 16px;
}
.value-text {
  color: #1d6ff6;
  font-size: 18px;
}
.value-title {
  color: black;
  font-size: 14px;
}
.report-container {
  background: linear-gradient(180deg, #E3EDFA 0%, #FFFFFF 100%);
  width: 100%;
  height: 100%;
  background-image: url('/module/health/assets/image/bg_interview@2x.png');
  background-repeat: no-repeat;
  background-position: inherit;
  background-size: cover;
}

.header-box {
  background-color: transparent !important;
}

.card-wrapper {
  position: relative;
  z-index: 2;
}

.header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.date-text {
  display: flex;
  align-items: center;
}

.recuperate-btn {
  display: inline-block;
  padding: 6px 12px;
  background-color: #1d6ff6;
  color: white;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
}

.card-body.report-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  background-color: white !important;
  border-radius: 10px !important;
  padding: 0px !important;
  .content-wrapper {
    flex: auto;
  }

  .image-wrapper {
    flex: none;
    width: 128px;
    height: 128px;
    margin: 20px 10px 0 8px;
    border-radius: 10px;
  }
}
.rows{
  background: white;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 10px;
}
.talbel-wrapper {
  $border: 1px solid#EEE;
  margin-top: 12px;
  border: $border;
  // border-radius: 8px;
  overflow: hidden;

  .talbel-row {
    display: flex;
    flex-direction: row;
    align-items: stretch;

    .label {
      flex: none;
      padding: 4px;
      width: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }

    .value {
      flex: 2 2 50%;
      min-height: 28px;
      padding: 4px;
      border-left: $border;
      box-sizing: border-box;
      display: flex;
      align-items: center;
    }

    &.odd-row {
      .label {
        background-color: #E3EDFA;
      }
      .value {
        background-color: #F9F9F9;
      }
    }

    &+.talbel-row {
      border-top: $border;
    }

    &.title {
      font-weight: 600;
    }
  }
  &.t-2 {
    .value {
      border-left: none;
    }
    .v-1 {
      border-left: $border;
      border-right: $border;
    }
  }
}

.picture-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;

  image {
    margin: 12px;
    width: 128px;
    height: 128px;
  }
}

.notification-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  // color: #34A76B;
  color: black;
  font-weight: 700;
  background-color: transparent !important;

  .icon {
    color: #ff611b;
    margin-right: 8px;
  }
}
