.post-porter-red {
  color: red;
}

.post-porter-toggleVisibility {
  display: inline-block;
  cursor: pointer;
  width: 20px;
}

.post-porter-log-table {
  border-collapse: collapse;
  margin-bottom: 20px;
  margin-top: 10px;
}

.post-porter-import-wrap {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.post-porter-importing {
  margin-left: 95px;
}

.post-porter-importing p {
  font-size: 45px;
  margin: 0;
  padding: 0;
}

.post-porter-ml-20 {
  margin-left: 20px !important;
}

.post-porter-importing p span:before {
  animation: dots 2s linear infinite;
  content: "";
}

@keyframes dots {
  0%,
  20% {
    content: ".";
  }

  40% {
    content: "..";
  }

  60% {
    content: "...";
  }

  90%,
  100% {
    content: "";
  }
}

.post_porter_customheader {
  padding: 20px 35px 25px;
  margin-left: -20px;
}

.post_porter_customheader h2 {
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  display: block;
  box-sizing: border-box;
  position: relative;
  margin: 0;
}

.post-porter-import-form,
.post-porter-validate-form,
.post-porter-export-section {
  margin: 0 auto;
  width: 100%;
  max-width: 500px;
}

.post-porter-import-form input {
  width: 100%;
  max-width: calc(100% - 126px);
}

.post-porter-export-section input {
  width: 100%;
  max-width: calc(100% - 70px);
}

.post-porter-import-form select {
  width: 100%;
  max-width: 100%;
}

.post-porter-change-website-btn {
  width: 100%;
  max-width: 120px;
}

.post-porter-validate-form input,
.post-porter-import-form input {
  width: 100%;
}

.post-porter-validate-form label,
.post-porter-import-form label,
.post-porter-export-section label {
  font-size: 15px;
  padding: 10px 0px;
  display: block;
  font-weight: 600;
}

.post-porter-btn {
  margin-top: 15px !important;
  padding: 3px 30px !important;
}

.post-porter-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  opacity: 1;
}

.post-porter-overlay:target {
  visibility: visible;
  opacity: 1;
}

.post-porter-popup {
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
  margin-left: 160px;
  display: flex;
  flex-direction: column;
}

.post-porter-cancel-form {
  text-align: center;
}

.post-porter-eye::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 488.85 488.85" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M244.425 98.725c-93.4 0-178.1 51.1-240.6 134.1-5.1 6.8-5.1 16.3 0 23.1 62.5 83.1 147.2 134.2 240.6 134.2s178.1-51.1 240.6-134.1c5.1-6.8 5.1-16.3 0-23.1-62.5-83.1-147.2-134.2-240.6-134.2zm6.7 248.3c-62 3.9-113.2-47.2-109.3-109.3 3.2-51.2 44.7-92.7 95.9-95.9 62-3.9 113.2 47.2 109.3 109.3-3.3 51.1-44.8 92.6-95.9 95.9zm-3.1-47.4c-33.4 2.1-61-25.4-58.8-58.8 1.7-27.6 24.1-49.9 51.7-51.7 33.4-2.1 61 25.4 58.8 58.8-1.8 27.7-24.2 50-51.7 51.7z" fill="%233c434a" opacity="1" data-original="%23000000" class=""></path></g></svg>');
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  margin-left: -30px;
  margin-top: 5px;
}

.post-porter-eye-slash::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path fill="%233c434a" d="M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46A11.804 11.804 0 0 0 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z" opacity="1" data-original="%23000000" class=""></path></g></svg>');
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  margin-left: -30px;
  margin-top: 5px;
}
.passparent {
  position: relative;
}
.post-porter-toggleVisibility {
  position: absolute;
}