.igloo-card-page {
  & > .ant-card-head {
    padding: 0px 24px;

    .ant-card-head-title {
      position: relative;

      .igloo-icon {
        font-size: 24px;
      }
    }
  }

  & > .ant-card-body {
    padding: 0px 32px 32px;

    .ant-card-head {
      background-color: #f9f9f9;
    }

    & > .igloo-form-card-container-group {
      padding: 24px 24px 32px;
    }

    & :first-child(div[class~='igloo-form-card-container-group']) {
      padding-top: 0px;
    }

    .igloo-card-detail-top-group-no-head {
      position: relative;
      &::before {
        position: absolute;
        content: '';
        width: calc(100% - 80px); //(24+26)*2
        right: 40px;
        height: 1px;
        top: 0px;
        background-color: #eeeeee;
      }
    }

    .igloo-card-detail-top-group-with-head {
      position: relative;
      &::before {
        position: absolute;
        content: '';
        width: calc(100% - 48px); //(24)*2
        right: 24px;
        height: 1px;
        top: 0px;
        background-color: #eeeeee;
      }
    }

    .igloo-card-detail-customize-content-wraper {
      margin: 0px 24px;
    }

    .igloo-card-detail-top-group-no-head,
    .igloo-card-detail-top-group-with-head,
    .igloo-card-detail-customize-content-wraper {
      .igloofrom-card-detail-item {
        color:  @text-color;

        .card-item-title {
          color:  @icon-color;
          margin-bottom: 4px;
        }
      }
    }

    & > .igloo-alert-message {
      margin-top: 16px;
    }

    .igloo-form-card-container {
      & > .ant-card-body {
        padding: 24px;
      }

      .igloo-form-card-container-title {
        margin-bottom: 16px;
      }

      & + .igloo-form-card-container {
        margin: 0%;
        margin-top: 32px;
      }

      & .igloo-form-card-container-group:not(:last-child) {
        padding-bottom: 16px;
      }

      & .igloo-form-card-container-group-with-header:not(:last-child) {
        padding-bottom: 16px;
      }

      .igloo-form-card-container-item-wraper {
        padding: 0px 16px 32px 16px;
      }

      .igloo-form-card-container-group-with-header {
        & + .igloo-form-card-container-group-with-header {
          padding-top: 16px;
          position: relative;

          &::before {
            content: '';
            width: 100%;
            height: 1px;
            top: 0px;
            right: 0x;
            background-color: #eeeeee;
            position: absolute;
          }
        }
      }

      .igloo-form-card-container-group {
        .igloofrom-card-detail-item {
          color:  @text-color;

          .card-item-title {
            color:  @icon-color;
            margin-bottom: 4px;
          }
        }

        & + .igloo-form-card-container-group {
          padding-top: 16px;
          position: relative;

          &::before {
            content: '';
            width: calc(100% - 32px);
            height: 1px;
            top: 0px;
            right: 16px;
            background-color: #eeeeee;
            position: absolute;
          }
        }
      }
    }
  }
}