:host {
  ::ng-deep {
    .ant-steps {
      margin: 0 auto;
      width : 500px;
    }

    .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-tail::after {
      background-color: #999494;
    }

    .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-tail::after {
      background-color: #999494;
    }

    .ant-spin-container {
      background-color: #f8f8f8;
    }

    .ant-form-item-label>label {
      height: 40px;
    }

  }

  .main {
    max-width: 1200px;
    margin   : 0 auto;
    overflow : hidden;
  }

  page-grid {
    width           : 100%;
    height          : 100%;
    background-color: #fff;
    margin          : 100px auto;

    .myForm {
      margin-top   : 3rem;
      margin-bottom: 5rem;
    }

    .steps-content {
      margin-top      : 16px;
      border          : 1px dashed #e9e9e9;
      border-radius   : 6px;
      background-color: #ffffff;
      min-height      : 250px;
      // text-align: center;
    }

    .steps-action {
      margin-top: 24px;
    }

    button {
      margin-right: 8px;
    }
  }
}

.input-tootip {
  width       : 250px;
  padding-left: 20px;
  display     : flex;
  display     : flex;
  align-items : center;

  .dot {
    font-size: 21px;
    color    : #bdb8b8;
  }

  .valid-icon {
    color: rgb(217 0 27);
  }

  .invalid-icon {
    color: rgb(82 196 26);
  }

  .tootip-label {
    margin-left: 8px;
    font-size  : 12px;
  }
}