.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;
  }
}