@import "src/assets/scss/variables";
#dpassInvitationVisitCancel {

    .main-content {
      padding-top: 40px;

      .invitation-visit-cancel-form-wrapper--title {
        margin-top: 40px;
        h1 {
          font-weight: 500;
        }
      }

      .invitation-visit-cancel-form-wrapper--visit-cancel-msg {
        margin-top: 3.8rem;

        p {
          font-size: 2rem;
          color: $text-color;
        }

        p:last-child {
          margin-top: 4.5rem;
        }
      }

    .pre-visit-cancel-comment-msg {
      margin-top: 3.5rem;
      font-size: 2rem;
      color: $text-color;
    }

    .visit-cancel-container {
      .text-area-container {
        margin-top: 4.5rem;
        .user-form {
          border-radius: 4px;
          label {
            font-size: 1.4rem;
            margin-bottom: 4rem;

            span {
              font-weight: 900;
            }
          }

          textarea {
            width: 100%;
            height: auto;
            font-size: 2rem;
          }
        }
      }
      .visit-cancel-action-container {
        margin-top: 3.2rem;
        padding-bottom: 6.8rem;
        display: flex;
        justify-content: flex-end;

        button {
          width: auto;
          padding: 0 3rem;
        }

        .activate {
          margin-right: 0;
        }
      }
    }

    }

  }