.dialog-mask {
  display: none;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3; }
  .dialog-mask .dialog {
    position: fixed;
    max-width: 670px;
    width: 100%;
    top: 50%;
    left: 50%;
    flex-direction: column;
    transform: translate(-50%, -50%);
    background-color: white;
    border-radius: 5px;
    box-sizing: border-box; }
    .dialog-mask .dialog .dialog-wrapper {
      width: 100%;
      display: flex;
      flex-direction: column; }
      .dialog-mask .dialog .dialog-wrapper .dialog-header {
        position: relative;
        height: 50px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .dialog-mask .dialog .dialog-wrapper .dialog-header .dialog-header-title {
          font-family: Regular_Medium;
          font-weight: normal;
          font-size: 16px;
          color: #262933;
          line-height: 19px;
          text-align: center;
          font-style: normal;
          text-transform: none; }
        .dialog-mask .dialog .dialog-wrapper .dialog-header .close-icon {
          position: absolute;
          top: 18px;
          right: 18px;
          width: 20px;
          height: 20px;
          cursor: pointer;
          background-position: left;
          display: inline-block; }
      .dialog-mask .dialog .dialog-wrapper .dialog-body {
        border-top: 1px solid #E5E6E8;
        border-bottom: 1px solid #E5E6E8; }
        .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd {
          width: 100%;
          height: 640px;
          display: flex;
          flex-direction: column;
          gap: 32px;
          padding: 32px 40px;
          box-sizing: border-box;
          overflow-y: auto; }
          .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont {
            width: 100%;
            display: flex;
            flex-direction: column; }
            .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-title {
              font-family: Bold;
              font-weight: bold;
              font-size: 18px;
              color: #262933;
              line-height: 28px;
              text-align: left;
              font-style: normal;
              text-transform: none;
              margin-bottom: 16px; }
            .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-tip {
              font-family: Regular_Medium;
              font-weight: normal;
              font-size: 14px;
              color: #262933;
              line-height: 20px;
              text-align: left;
              font-style: normal;
              text-transform: none;
              margin-bottom: 16px; }
            .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-content {
              width: 100%;
              display: flex;
              flex-direction: column;
              border: 1px solid #E5E6EB; }
              .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-content .c-cont-content-item {
                display: flex; }
                .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-content .c-cont-content-item:last-child .c-cont-content-item-label {
                  border-bottom: 0px; }
                .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-content .c-cont-content-item:last-child .c-cont-content-item-value {
                  border-bottom: 0px; }
                .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-content .c-cont-content-item .c-cont-content-item-label {
                  width: 35%;
                  padding: 8px 16px;
                  box-sizing: border-box;
                  font-family: Regular;
                  font-weight: 400;
                  font-size: 14px;
                  color: #6B7280;
                  line-height: 20px;
                  text-shadow: 1px 0px 0px #E5E6EB;
                  text-align: left;
                  font-style: normal;
                  text-transform: none;
                  background: #F7F8FA;
                  border-right: 1px solid #E5E6EB;
                  border-bottom: 1px solid #E5E6EB; }
                  .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-content .c-cont-content-item .c-cont-content-item-label .required i {
                    position: relative; }
                    .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-content .c-cont-content-item .c-cont-content-item-label .required i::before {
                      content: "*";
                      position: absolute;
                      color: red;
                      top: -3px;
                      right: -7px; }
                .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-content .c-cont-content-item .c-cont-content-item-value {
                  flex: 1;
                  border-bottom: 1px solid #E5E6EB; }
                  .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-content .c-cont-content-item .c-cont-content-item-value.input-error {
                    border: 1px solid red; }
                  .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-content .c-cont-content-item .c-cont-content-item-value.c-cont-content-item-value-disabled {
                    position: relative; }
                    .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-content .c-cont-content-item .c-cont-content-item-value.c-cont-content-item-value-disabled::before {
                      content: '';
                      position: absolute;
                      top: 0;
                      right: 0;
                      bottom: 0;
                      left: 0;
                      background: #fff;
                      opacity: 0.2;
                      cursor: not-allowed;
                      z-index: 2; }
                  .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-content .c-cont-content-item .c-cont-content-item-value .upload-container {
                    display: flex;
                    width: 100%;
                    height: 100%;
                    padding: 8px 0px;
                    box-sizing: border-box; }
                  .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-content .c-cont-content-item .c-cont-content-item-value.value-input .value-input-dom {
                    width: 100%;
                    height: 100%;
                    background: transparent;
                    border: 0;
                    outline: none;
                    padding-left: 12px;
                    padding-right: 12px;
                    box-sizing: border-box; }
                    .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-content .c-cont-content-item .c-cont-content-item-value.value-input .value-input-dom:hover {
                      background: transparent; }
                    .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-content .c-cont-content-item .c-cont-content-item-value.value-input .value-input-dom::placeholder {
                      font-family: Regular;
                      font-weight: 400;
                      font-size: 14px;
                      color: #A5ACBD;
                      line-height: 20px;
                      text-align: left;
                      font-style: normal;
                      text-transform: none; }
                  .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-content .c-cont-content-item .c-cont-content-item-value.value-disabled {
                    display: flex;
                    align-items: center;
                    cursor: not-allowed;
                    font-family: Regular;
                    font-weight: 400;
                    font-size: 14px;
                    color: #D0D4DB;
                    line-height: 20px;
                    text-align: left;
                    font-style: normal;
                    text-transform: none;
                    padding-left: 12px;
                    box-sizing: border-box; }
                  .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-content .c-cont-content-item .c-cont-content-item-value.input-error {
                    border: 1px solid red; }
            .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-tip-b {
              font-family: Regular;
              font-weight: 400;
              font-size: 14px;
              color: #6B7280;
              line-height: 20px;
              text-align: left;
              font-style: normal;
              text-transform: none;
              margin-top: 15px;
              margin-bottom: 8px; }
            .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-contact {
              width: 100%;
              display: flex;
              align-items: center; }
              .dialog-mask .dialog .dialog-wrapper .dialog-body .ChangeEmailAdd .c-cont .c-cont-contact a {
                font-family: Inter, Inter;
                font-weight: 400;
                font-size: 14px;
                color: #006FFF;
                line-height: 20px;
                text-align: left;
                font-style: normal;
                text-decoration-line: underline;
                text-transform: none; }
      .dialog-mask .dialog .dialog-wrapper .dialog-footer {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 15px;
        box-sizing: border-box; }
        .dialog-mask .dialog .dialog-wrapper .dialog-footer .footer-btn {
          width: 100%;
          display: flex;
          justify-content: center;
          gap: 20px;
          min-height: 42px; }
          .dialog-mask .dialog .dialog-wrapper .dialog-footer .footer-btn span {
            width: 204px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: Regular;
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            text-align: center;
            font-style: normal;
            height: 42px;
            white-space: nowrap;
            cursor: pointer; }
          .dialog-mask .dialog .dialog-wrapper .dialog-footer .footer-btn .back-btn {
            color: #262933;
            background: url("../img/ic_arcobtn.png") no-repeat;
            background-size: 100% 100%; }
            .dialog-mask .dialog .dialog-wrapper .dialog-footer .footer-btn .back-btn:hover {
              background: url("../img/ic_arcobtnhover.png") no-repeat;
              background-size: 100% 100%; }
          .dialog-mask .dialog .dialog-wrapper .dialog-footer .footer-btn .submit-btn {
            color: #fff;
            background: url("../img/ic_filterbtn.png") no-repeat;
            background-size: 100% 100%; }
            .dialog-mask .dialog .dialog-wrapper .dialog-footer .footer-btn .submit-btn:hover {
              background: url("../img/ic_filterbtnhover.png") no-repeat;
              background-size: 100% 100%; }
          .dialog-mask .dialog .dialog-wrapper .dialog-footer .footer-btn .wait-review-btn {
            display: none;
            color: #fff;
            cursor: not-allowed;
            background: url("../img/ic_disablebtn.png") no-repeat;
            background-size: 100% 100%;
            cursor: not-allowed; }
          .dialog-mask .dialog .dialog-wrapper .dialog-footer .footer-btn .conformChange-btn {
            display: none; }

@media (max-width: 900px) {
  .dialog-mask .dialog {
    max-width: 80%; } }
@media (max-width: 520px) {
  .dialog-mask .dialog {
    max-width: 355px; }
    .dialog-mask .dialog .dialog-body .ChangeEmailAdd {
      height: 500px !important;
      padding: 16px 20px !important; } }

/*# sourceMappingURL=changeEmail.css.map */