.antom-payment-gateway-settings {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

  li {
    font-weight: bold;
    display: flex;
    flex-direction: row;
    align-items: center;

    &:not(:last-child) {
      &::after {
        content: "";
        display: inline-block;
        width: 2px;
        height: 12px;
        background-color: #ccc;
        margin: 0 5px;
      }
    }

    a {
      text-decoration: none;
    }

    a.current {
      color: #000;
    }
  }
}

.antom-payment-gateways-welcome {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 50px;

  &-inner {
    width: 800px;
    background: #d4d3d3;
    border-radius: 3px;

    &-header {
      height: 150px;
      width: 100%;

      a {
        display: inline-block;
        background: #fff;
        width:100%;
        height:100%;

        img {
          width:100%;
        }
      }
    }

    &-section {
      background: #fff;
      padding: 50px;

      h1 {
        font-weight: bold;
      }

      p {
        font-size: 16px;
        line-height: 25px;
      }

      &-footer {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;

        a {
          text-decoration: none;
          cursor: pointer;
        }

        a.register-button {
          background: #3379f6;
          color: #fff;
          display: inline-block;
          padding: 10px 20px;
          margin-right: 30px;
          font-size: 14px;
          font-weight: bold;
          border-radius: 5px;
        }

        a.active-antom-button {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: flex-start;
          color: #367ef6;

          img {
            margin-right: 10px;
            height: 14px;
          }

          span {
            font-size: 14px;
          }
        }

      }
    }
  }
}


.antom-paragraph {
  display: flex;
  flex-direction: row;
  align-content: center;

  a {
    cursor: pointer;
    margin-left: 10px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;

    .copy-icon {
      width: 18px;
      height: 18px;
    }
  }
}

.antom-line {
  word-wrap: break-word;
  word-break: break-all;
  display: flex;
  flex-direction: row;

  a {
    cursor: pointer;
    margin-left: 10px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;

    .copy-icon {
      width: 18px;
      height: 18px;
    }
  }
}

.abnormal-warning {
  font-weight: bold;
  color: red !important;
  font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", sans-serif;
  font-size: 16px;
}

.antom-hide-tr-line {
  display: none;
}

.antom-warning-select,.antom-warning-input {
  display: flex;
  flex-direction: row;
  align-items: center;

  div{
    flex: 1;
    margin-left: 10px;
  }
}

.warning-text{
  color:black;
}

.warning-text.hide{
  display: none;
}

.visit-antom{
  border: #3858e9 solid 1px;
  display: inline-block;
  font-size: 13px;
  padding: 7px 10px;
  margin-left: 12px;
  text-decoration: none;

  img{
    width:12px;
    margin-left: 5px;
  }
}
// 表单样式修改
.b27_antom_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 24px;
}
.b27_antom_container + .submit {
  position: relative;
  margin-left: calc((100% - 1280px) / 2);
}
.b27_antom_wrapper {
  display: flex;
  width: 1280px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.b27_antom_core_settings {
  display: flex;
  padding: 24px 24px 5px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  border-radius: 8px;
  background: #fff;


  .form-table {
    // Woocommerce 输入框表单样式
    :is(input[type="text"],input[type="password"],select).antom-payments-setting-input-title {
      border-radius: var(---borderRadius, 4px);
      border: 1px solid var(---colorBorder, #cfd8e5);
      max-width: none;

      display: flex;
      width: 562px;
      height: 40px;
      padding-right: var(---paddingSM, 12px);
      justify-content: center;
      align-items: center;

      &::placeholder {
        color: var(---colorTextQuaternary, rgba(4, 15, 36, 0.45));

        /* fontSize/regular */
        // font-family: "Noto Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
      }
    }

    textarea.antom-payments-setting-input-description {
      display: flex !important;
      // height: 124px !important;
      padding: 5px 8px !important;
      flex-direction: column;
      align-items: flex-start;
      flex: 1 0 0;

      border-radius: var(---borderRadius, 4px);
      border: 1px solid var(---colorBorder, #cfd8e5);
      background: var(---colorBgContainer, #fff);

      &::placeholder {
        color: var(---colorTextQuaternary, rgba(4, 15, 36, 0.45));

        /* fontSize/regular */
        // font-family: "Noto Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
      }
    }
  }
}
.b27_antom_h2 {
  color: #000;
  align-self: stretch;
  /* Headings/fontSizeHeading4 */
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 140% */
}