.modal-header {
  justify-content: center;
  border-bottom: 0; }

.modal-header .close {
  margin: 0;
  padding: 10px;
  position: absolute;
  top: 10px;
  right: 10px; }

.close {
  opacity: 1; }

.modal-body h1 {
  font-family: var(--font-main, Times New Roman, Times, serif);
  font-style: normal;
  font-weight: normal;
  font-size: 26px;
  line-height: 40px;
  text-align: center;
  color: #000000; }

.modal-content {
  padding: 40px 30px; }

.login_ms form {
  margin-top: 25px; }
  .login_ms form .secrate {
    position: absolute;
    top: 50%;
    right: 0; }

.login_ms .login_type {
  font-family: var(--font-main, Times New Roman, Times, serif); }
  .login_ms .login_type a {
    font-size: 16px;
    line-height: 18px;
    text-align: right;
    float: right;
    text-decoration-line: underline;
    color: #000000; }
 .login_ms .login_type .login-with-bs-check.hide {
    display: none; }
  .login_ms .login_type .login-with-bs-check {
    display: block; }
  .login_ms .login_type .login-with-bs-link.hide {
    display: none; }
  .login_ms .login_type .login-with-bs-link {
    margin-bottom: 10px;
    display: block; }
    .login_ms .login_type .login-with-bs-link a {
      float: inherit; }

.login_ms .submit button {
  border-radius: 3px;
  font-family: var(--font-secondary, Roboto);
  font-style: normal;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: var(--main-btn-text, #fff);
  padding: 14px 14px;
  display: block;
  margin: 30px auto;
  width: 254px;
  cursor: pointer; }

.login_ms .dnt_hv_ac {
  display: block;
  margin-top: 15px;
  text-align: center; }
  .login_ms .dnt_hv_ac p {
    font-family: var(--font-main, Times New Roman, Times, serif);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    color: #393939;
    border: 0; }
    .login_ms .dnt_hv_ac p a {
      text-decoration: underline;
      margin-left: 0px; }
    .login_ms .dnt_hv_ac p a.show-forgot-pwd {
      position: relative;
      margin-left: 0;
      padding-right: 10px;
      margin-right: 5px; }
      .login_ms .dnt_hv_ac p a.show-forgot-pwd::after {
        position: absolute;
        content: '';
        background: #000;
        height: 15px;
        width: 1px;
        top: 2px;
        right: 0; }

.signup_ms form {
  margin: 30px 0 10px; }
  .signup_ms form select {
    background: url(../../img/select-down.svg) no-repeat;
    background-position: center right; }

    .signup_ms .submit button {
      border-radius: 3px;
      font-family: var(--font-secondary, Roboto);
      font-style: normal;
      font-size: 18px;
      line-height: 21px;
      text-align: center;
      color: var(--main-btn-text, #fff);
      padding: 14px 14px;
      display: block;
      margin: 30px auto;
      width: 254px; }

.signup_ms .dnt_hv_ac {
  display: block;
  margin-top: 15px;
  text-align: center; }
  .signup_ms .dnt_hv_ac p {
    font-family: var(--font-main, Times New Roman, Times, serif);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    color: #393939; }
    .signup_ms .dnt_hv_ac p a {
      text-decoration: underline;
      margin-left: 7px; }

/*Bid Registration*/
.bid_registration .modal-header {
  padding: 0; }

.bid_registration .modal-content {
  padding: 20px 0 40px; }

.bid_registration .modal-body {
  padding: 0 0 1rem;
  margin-top: 15px; }

.bid_registration h1 {
  font-size: 36px; }

.bid_registration .reg_auc {
  background: #F6F6F6;
  padding: 20px 0;
  margin: 20px 0;
  font-family: var(--font-main, Times New Roman, Times, serif); }
  .bid_registration .reg_auc .type_auc {
    font-size: 15px;
    line-height: 17px;
    color: #000000;
    max-width: 400px;
    margin: 0 auto 10px; }
  .bid_registration .reg_auc .title_auc {
    font-size: 30px;
    line-height: 34px;
    color: #000000;
    max-width: 400px;
    margin: 0 auto; }

.bid_registration .login_type {
  margin: 0 auto;
  max-width: 400px; }

.bid_registration .submit button {
  margin-bottom: 0; }

.bid_registration .auto_charge_cc_opt_in_div .update-card {
  margin-left: 32px; }

.bid_registration .auto_charge_cc_opt_in_div .change-card-type {
  color: var(--theme-color, #B0BB1A); }

/*Payment Model*/
.payment_model h1 {
  font-size: 19px;
  line-height: 22px; }

.payment_model p {
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  margin-top: 10px;
  font-weight: 300; }

.payment_model form {
  margin-top: 20px; }
  .payment_model form span {
    color: #949494;
    font-size: 12px; }
  .payment_model form .que {
    position: absolute;
    bottom: 20px;
    right: 0; }
  .payment_model form .cc {
    position: absolute;
    top: -200px;
    right: -330px; }

.payment_model .temp_charge_text p {
  font-family: var(--font-main, Times New Roman, Times, serif);
  font-size: 16px;
  line-height: 18px;
  text-align: left; }

.payment_model .submit button {
  margin-bottom: 0;
  width: 360px; }

/*Pending Registration*/
.pending_reg .modal-header {
  padding: 0; }

.pending_reg .modal-content {
  padding: 20px 0 40px; }

.pending_reg .modal-body {
  padding: 1rem 0; }

.pending_reg h1 {
  font-size: 36px; }

.pending_reg .reg_auc {
  background: #F6F6F6;
  padding: 20px 0;
  margin: 20px 0;
  font-family: var(--font-main, Times New Roman, Times, serif); }
  .pending_reg .reg_auc .type_auc {
    font-size: 24px;
    line-height: normal;
    color: #000000;
    max-width: 400px;
    margin: 0 auto; }
    .pending_reg .reg_auc .type_auc p {
      font-size: 16px;
      margin-top: 15px; }

.pending_reg .pending_reg_notification {
  margin: 0 auto;
  display: block;
  max-width: 400px; }
  .pending_reg .pending_reg_notification a {
    text-decoration: underline;
    font-weight: bold; }

.pending_reg .submit button {
  margin-bottom: 0;
  width: 180px; }

/*Congratulation*/
.congrats .modal-header {
  padding: 0; }

.congrats .modal-content {
  padding: 20px 0 40px; }

.congrats .modal-body {
  padding: 1rem 0; }

.congrats h1 {
  font-size: 36px; }

.congrats .reg_auc {
  background: #F6F6F6;
  padding: 20px 0;
  margin: 20px 0;
  font-family: var(--font-main, Times New Roman, Times, serif);
  text-align: center; }
  .congrats .reg_auc .type_auc {
    font-size: 24px;
    line-height: normal;
    color: #000000;
    max-width: 300px;
    margin: 0 auto; }

.congrats .pending_reg_notification {
  margin: 0 auto;
  display: block;
  max-width: 260px;
  text-align: center; }

.congrats .submit button {
  margin-bottom: 0;
  width: 180px; }

/*Bid History*/
.bid-history-form .modal-header {
  padding: 0; }

.bid-history-form .modal-content {
  padding: 20px 0 40px; }

.bid-history-form .modal-body {
  padding: 0 0 1rem;
  margin: 0; }
  .bid-history-form .modal-body h2 {
    font-family: var(--font-times, Times New Roman, Times, serif);
    font-style: normal;
    font-weight: normal;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
    color: #000000; }

.bid-history-form .bid-history-info {
  margin: 20px auto 0;
  max-width: 420px;
  display: block;
  font-family: var(--font-main, Times New Roman, Times, serif); }
  .bid-history-form .bid-history-info p {
    font-style: italic;
    font-weight: normal;
    font-size: 16px;
    float: left;
    width: 20%;
    line-height: 30px; }
  .bid-history-form .bid-history-info span {
    float: left;
    font-size: 20px;
    margin-left: 5px;
    width: 75%; }

.bid-history-form .price-area {
  background: #F6F6F6;
  padding: 20px 0;
  margin-top: 15px;
  font-family: var(--font-main, Times New Roman, Times, serif);
  float: left;
  width: 100%; }
    .bid-history-form .price-area span {
      font-size: 15px; }
      .bid-history-form .price-area span:first-child {
        font-size: 15px;
        width: 40%;}
      .bid-history-form .price-area span:last-child {
        width: 50%;
        font-size: 20px; }
    .bid-history-form .price-area span.amt {
      font-size: 20px;
      margin-left: 25%; }

.bid-history-form table {
  display: flex;
  flex-flow: column;
  width: 100%;
  padding: 10px 40px 0 40px; }

.bid-history-form thead {
  flex: 0 0 auto; }

.bid-history-form tbody {
  flex: 1 1 auto;
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 220px;
  font-size: 13px;
  border: 1px solid #EEEEEE; }

.bid-history-form tr {
  width: 90%;
  display: table;
  table-layout: unset; }
  .bid-history-form tr th {
    border: none;
    text-align: center;
    padding-bottom: 10px; }
  .bid-history-form tr td {
    border: none;
    text-align: center;
    padding: 10px 0; }
  .bid-history-form tr td.num {
    width: 100px; }
  .bid-history-form tr td.amount {
    width: 122px; }
  .bid-history-form tr td.time {
    width: 198px; }

.bid-history-form tr.no-bid-history {
  text-align: center; }

.bid-history-form .btn-primary {
    display: none;
}

/*Bid Confirmation*/
.bid_confirmation .wrap {
  background: #F6F6F6;
  padding: 20px 0;
  margin-top: 15px;
  font-family: var(--font-main, Times New Roman, Times, serif);
  float: left;
  width: 100%;
  font-size: 17px;
  line-height: 35px; }

.bid_confirmation .confirm_txt {
  float: left;
  width: 100%;
  margin-top: 15px; }
  .bid_confirmation .confirm_txt p {
    font-size: 14px;
    line-height: 20px;
    max-width: 372px;
    margin: 0 auto; }
    .bid_confirmation .confirm_txt p a {
      color: #2561D6; }
  .bid_confirmation .confirm_txt label {
    font-size: 12px;
    font-weight: 300;
    max-width: 372px;
    margin: 0 auto;
    display: block; }
  .bid_confirmation .confirm_txt button {
    margin: 20px auto 0;
    display: block;
    width: 220px; }

.premium-confirm .modal-header {
  padding: 0; }

.premium-confirm .modal-content {
  padding: 20px 0; }

.premium-confirm .modal-body {
  padding: 0 0 1rem;
  margin-top: 15px; }

.premium-confirm .bid-confirm-box h2 {
  font-size: 36px;
  font-family: var(--font-main, Times New Roman, Times, serif);
  font-style: normal;
  font-weight: normal;
  line-height: 40px;
  text-align: center;
  color: #000000; }

.premium-confirm .bid-confirm-box .bid_confirmation_detail {
  background: #F6F6F6;
  padding: 20px 20px;
  margin: 20px 0;
  font-family: var(--font-main, Times New Roman, Times, serif); }
  .premium-confirm .bid-confirm-box .bid_confirmation_detail .confirmation_row {
    margin: 0 auto 5px;
    max-width: 400px;
    font-size: 18px;
    color: #000000;
    padding: 0 15px; }
    .premium-confirm .bid-confirm-box .bid_confirmation_detail .confirmation_row span.t1 {
      display: inline-block;
      width: 170px; }
    .premium-confirm .bid-confirm-box .bid_confirmation_detail .confirmation_row span.t2 {
      display: inline-block;
      width: 190px;
      word-break: break-all; }

.premium-confirm .bid-confirm-box p {
  margin: 10px auto 10px;
  max-width: 400px;
  font-size: 12px;
  color: #000000; }
  .premium-confirm .bid-confirm-box p a {
    text-decoration: underline; }

.premium-confirm .bid-confirm-box p.step_down_text {
  color: #656565; }

.premium-confirm .bid-confirm-box button {
    margin: 0 auto;
    width: 250px;
}

/*Inquire*/
.inquire-form .modal-header {
  padding: 0; }

.inquire-form .modal-content {
  padding: 20px 20px 0px; }

.inquire-form h1 {
  font-size: 36px; }

.inquire-form select {
  background: url(../../img/select-down.svg) no-repeat;
  background-position: center right; }

.inquire-form textarea {
  width: 100%; }

.inquire-form .popup_error {
  width: 100%; }

.inquire-form .warning_msg {
  width: 100%;
  font-size: 12px;
  color: #f00;
  display: none;
  text-align: center; }

.inquire-form .form-control {
  margin-bottom: 0; }

/*Invoice Popup*/
.invoice {
  font-family: var(--font-secodary, Roboto); }
  .invoice .modal-dialog {
    max-width: 800px; }
    .invoice .modal-dialog .modal-header {
      padding: 0;
      border-bottom: 0; }
    .invoice .modal-dialog .modal-body {
      padding: 0; }
  .invoice .invoice-header {
    float: left;
    width: 100%; }
    .invoice .invoice-header .return {
      display: inline-block;
      margin-right: 20px; }
      .invoice .invoice-header .return a {
        position: relative; }
        .invoice .invoice-header .return a img {
          margin-top: -5px; }
        .invoice .invoice-header .return a:after {
          position: absolute;
          content: '';
          background: #000000;
          width: 1px;
          height: 25px;
          top: -5px;
          right: -10px; }
    .invoice .invoice-header .title, .invoice .invoice-header .invoice-num, .invoice .invoice-header .invoice-date {
      display: inline-block;
      margin-right: 50px; }
    .invoice .invoice-header .title label {
      font-family: var(--font-main, Times New Roman, Times, serif);
      font-size: 26px;
      color: #000000; }
    .invoice .invoice-header .invoice-num span, .invoice .invoice-header .invoice-date span {
      font-size: 13px;
      font-weight: 300; }
    .invoice .invoice-header .seller-logo {
      float: right;
      width: 150px; }
      .invoice .invoice-header .seller-logo img {
        width: 100%; }
  .invoice .invoice-body .wrapper {
    max-height: 270px;
    overflow: auto; }
  .invoice .invoice-body .invoice-body-top {
    margin: 15px 0;
    float: left;
    width: 100%; }
    .invoice .invoice-body .invoice-body-top .sale-detail {
      float: left;
      width: 63%; }
      .invoice .invoice-body .invoice-body-top .sale-detail .sale-date {
        margin-bottom: 15px; }
        .invoice .invoice-body .invoice-body-top .sale-detail .sale-date label {
          font-family: var(--font-main, Times New Roman, Times, serif);
          width: 100px;
          margin-right: 10px;
          color: #000000;
          font-size: 16px; }
        .invoice .invoice-body .invoice-body-top .sale-detail .sale-date span {
          font-weight: 300;
          font-size: 13px; }
    .invoice .invoice-body .invoice-body-top .bidder-detail {
      float: right;
      width: 35%; }
      .invoice .invoice-body .invoice-body-top .bidder-detail label {
        float: left;
        width: 75px;
        margin-right: 10px;
        font-size: 16px;
        font-family: var(--font-main, Times New Roman, Times, serif); }
      .invoice .invoice-body .invoice-body-top .bidder-detail .bidder-address {
        float: right;
        width: 65%; }
        .invoice .invoice-body .invoice-body-top .bidder-detail .bidder-address address {
          font-size: 13px; }
          .invoice .invoice-body .invoice-body-top .bidder-detail .bidder-address address strong {
            display: block; }
  .invoice .invoice-body .invoice-body-middle {
    float: left;
    width: 100%; }
    .invoice .invoice-body .invoice-body-middle ul li {
      border-bottom: 1px solid #eee;
      padding: 5px 0; }
      .invoice .invoice-body .invoice-body-middle ul li .lot-head, .invoice .invoice-body .invoice-body-middle ul li .img-head, .invoice .invoice-body .invoice-body-middle ul li .name-head, .invoice .invoice-body .invoice-body-middle ul li .price-head, .invoice .invoice-body .invoice-body-middle ul li .premium-head, .invoice .invoice-body .invoice-body-middle ul li .total-head {
        display: inline-block;
        vertical-align: middle;
        font-size: 13px;
        font-weight: 300; }
      .invoice .invoice-body .invoice-body-middle ul li .lot-head {
        width: 7%; }
      .invoice .invoice-body .invoice-body-middle ul li .img-head {
        width: 12%;
        text-align: center; }
      .invoice .invoice-body .invoice-body-middle ul li .name-head {
        width: 30%; }
      .invoice .invoice-body .invoice-body-middle ul li .price-head {
        width: 16%;
        text-align: right; }
      .invoice .invoice-body .invoice-body-middle ul li .premium-head {
        width: 16%;
        text-align: right; }
      .invoice .invoice-body .invoice-body-middle ul li .total-head {
        width: 14%;
        text-align: right; }
      .invoice .invoice-body .invoice-body-middle ul li .lot, .invoice .invoice-body .invoice-body-middle ul li .img, .invoice .invoice-body .invoice-body-middle ul li .name, .invoice .invoice-body .invoice-body-middle ul li .price, .invoice .invoice-body .invoice-body-middle ul li .premium, .invoice .invoice-body .invoice-body-middle ul li .total {
        display: inline-block;
        vertical-align: middle;
        font-family: var(--font-main, Times New Roman, Times, serif); }
      .invoice .invoice-body .invoice-body-middle ul li .lot {
        width: 7%;
        font-size: 14px; }
      .invoice .invoice-body .invoice-body-middle ul li .img {
        width: 12%; }
        .invoice .invoice-body .invoice-body-middle ul li .img img {
          width: 80px;
          height: 80px;
          object-fit: contain; }
      .invoice .invoice-body .invoice-body-middle ul li .name {
        width: 30%;
        font-size: 16px; }
      .invoice .invoice-body .invoice-body-middle ul li .price {
        width: 16%;
        text-align: right;
        font-size: 16px; }
      .invoice .invoice-body .invoice-body-middle ul li .premium {
        width: 16%;
        text-align: right;
        font-size: 16px; }
      .invoice .invoice-body .invoice-body-middle ul li .total {
        width: 14%;
        text-align: right;
        font-size: 16px; }
  .invoice .invoice-body .invoice-body-bottom {
    float: left;
    width: 100%;
    border-top: 1px solid #eee;
    padding-top: 10px; }
    .invoice .invoice-body .invoice-body-bottom .note {
      float: left;
      width: 60%;
      max-height: 200px;
      overflow: auto; }
      .invoice .invoice-body .invoice-body-bottom .note label {
        font-size: 16px;
        font-family: var(--font-main, Times New Roman, Times, serif);
        color: #000000;
        margin-bottom: 10px; }
      .invoice .invoice-body .invoice-body-bottom .note p {
        font-size: 13px;
        font-weight: 300; }
    .invoice .invoice-body .invoice-body-bottom .billing-total {
      float: right;
      width: 37%; }
      .invoice .invoice-body .invoice-body-bottom .billing-total ul li {
        display: block;
        float: left;
        margin-bottom: 5px;
        width: 100%; }
        .invoice .invoice-body .invoice-body-bottom .billing-total ul li label {
          font-size: 13px;
          font-weight: 300;
          float: left;
          width: 145px; }
        .invoice .invoice-body .invoice-body-bottom .billing-total ul li span {
          float: right;
          font-size: 16px;
          text-align: right;
          font-family: var(--font-main, Times New Roman, Times, serif);
          width: 120px; }
        .invoice .invoice-body .invoice-body-bottom .billing-total ul li a {
          width: 100%;
          margin-top: 5px; }
      .invoice .invoice-body .invoice-body-bottom .billing-total ul li.gt {
        padding-top: 5px;
        border-top: 1px solid #eee; }
        .invoice .invoice-body .invoice-body-bottom .billing-total ul li.gt label, .invoice .invoice-body .invoice-body-bottom .billing-total ul li.gt span {
          font-size: 20px;
          font-weight: normal;
          font-family: var(--font-main, Times New Roman, Times, serif); }
  .invoice .payment-body .payment-step {
    float: left;
    width: 100%;
    margin-top: 20px; }
    .invoice .payment-body .payment-step .payment-mode {
      float: left;
      width: 345px; }
      .invoice .payment-body .payment-step .payment-mode .payM.other label {
        width: 150px; }
      .invoice .payment-body .payment-step .payment-mode .payM {
        padding: 15px;
        border: 1px solid #eee;
        border-radius: 4px;
        margin-bottom: 15px; }
        .invoice .payment-body .payment-step .payment-mode .payM label {
          font-size: 13px;
          font-weight: normal;
          display: inline-block;
          vertical-align: middle;
          width: 100px; }
        .invoice .payment-body .payment-step .payment-mode .payM .visa {
          display: inline-block;
          vertical-align: middle;
          font-size: 13px;
          font-weight: 300;
          width: 110px;
          margin-left: 10px; }
          .invoice .payment-body .payment-step .payment-mode .payM .visa img {
            margin-right: 7px; }
        .invoice .payment-body .payment-step .payment-mode .payM .edit {
          display: inline-block;
          vertical-align: middle;
          width: 85px;
          text-align: right; }
          .invoice .payment-body .payment-step .payment-mode .payM .edit a {
            color: #98A02D;
            font-size: 14px;
            font-family: var(--font-main, Times New Roman, Times, serif); }
      .invoice .payment-body .payment-step .payment-mode .rcvr {
        padding: 15px;
        border: 1px solid #eee;
        border-radius: 4px;
        margin-bottom: 15px;
        float: left;
        width: 100%; }
        .invoice .payment-body .payment-step .payment-mode .rcvr .left {
          float: left;
          width: 220px; }
          .invoice .payment-body .payment-step .payment-mode .rcvr .left label {
            font-size: 16px;
            font-family: var(--font-main, Times New Roman, Times, serif);
            display: block; }
          .invoice .payment-body .payment-step .payment-mode .rcvr .left address {
            white-space: pre-line;
            margin-top: -20px; }
        .invoice .payment-body .payment-step .payment-mode .rcvr .right {
          float: right;
          width: 80px;
          text-align: right; }
          .invoice .payment-body .payment-step .payment-mode .rcvr .right a {
            color: #98A02D;
            font-size: 14px;
            font-family: var(--font-main, Times New Roman, Times, serif); }
    .invoice .payment-body .payment-step .bill-summury {
      float: right;
      width: 350px;
      height: 580px; }
      .invoice .payment-body .payment-step .bill-summury .pay-bill {
        padding: 15px;
        border: 1px solid #eee;
        border-radius: 4px;
        float: left;
        width: 100%;
        height: 100%;
        position: relative; }
        .invoice .payment-body .payment-step .bill-summury .pay-bill ul li {
          float: left;
          width: 100%;
          margin-bottom: 10px; }
          .invoice .payment-body .payment-step .bill-summury .pay-bill ul li label {
            font-size: 13px;
            float: left;
            font-weight: 300;
            width: 50%; }
          .invoice .payment-body .payment-step .bill-summury .pay-bill ul li span {
            font-family: var(--font-main, Times New Roman, Times, serif);
            font-size: 16px;
            font-weight: normal;
            float: right;
            width: 50%;
            text-align: right; }
        .invoice .payment-body .payment-step .bill-summury .pay-bill ul li.gt {
          padding-top: 5px;
          border-top: 1px solid #eee; }
          .invoice .payment-body .payment-step .bill-summury .pay-bill ul li.gt label, .invoice .payment-body .payment-step .bill-summury .pay-bill ul li.gt span {
            font-size: 20px;
            font-weight: normal;
            font-family: var(--font-main, Times New Roman, Times, serif); }
        .invoice .payment-body .payment-step .bill-summury .pay-bill .pay-btn {
          display: inline-block;
          position: absolute;
          bottom: 20px;
          left: 0;
          width: 290px;
          margin: 0 auto;
          right: 0; }
        .invoice .payment-body .payment-step .bill-summury .pay-bill .pay-btn.disabled {
          background: rgba(204, 204, 204, 0.2);
          border: 1px solid rgba(170, 170, 170, 0.1);
          color: #999;
          cursor: not-allowed; }
    .invoice .payment-body .payment-step .card-info {
      float: left;
      width: 345px;
      height: 580px;
      position: relative; }
      .invoice .payment-body .payment-step .card-info .confidential {
        padding: 15px;
        border: 1px solid #eee;
        border-radius: 4px;
        float: left;
        width: 100%;
        height: 100%; }
        .invoice .payment-body .payment-step .card-info .confidential h3 {
          font-size: 16px;
          font-family: var(--font-main, Times New Roman, Times, serif);
          font-weight: normal;
          margin-bottom: 10px; }
        .invoice .payment-body .payment-step .card-info .confidential .save-card {
          float: left;
          width: 100%; }
          .invoice .payment-body .payment-step .card-info .confidential .save-card label {
            font-family: var(--font-secodary, Roboto);
            font-size: 13px; }
        .invoice .payment-body .payment-step .card-info .confidential .accept-card {
          margin-top: 20px;
          float: left;
          width: 100%; }
          .invoice .payment-body .payment-step .card-info .confidential .accept-card p {
            font-size: 13px;
            font-weight: 300; }
          .invoice .payment-body .payment-step .card-info .confidential .accept-card ul {
            margin-top: 20px; }
            .invoice .payment-body .payment-step .card-info .confidential .accept-card ul li {
              display: inline-block;
              margin-right: 5px; }
      .invoice .payment-body .payment-step .card-info .action-btn {
        float: left;
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0; }
        .invoice .payment-body .payment-step .card-info .action-btn a {
          display: inline-block;
          width: 135px;
          padding: 6px;
          color: #fff;
          height: 36px;
          font-size: 16px;
          font-family: var(--font-main, Times New Roman, Times, serif);
          margin: 0 7px; }
      .invoice .payment-body .payment-step .card-info .form-group.half {
        float: left;
        width: 48%; }
      .invoice .payment-body .payment-step .card-info .form-group.half.last {
        float: right;
        width: 48%; }
      .invoice .payment-body .payment-step .card-info .form-group {
        margin-bottom: 0; }
        .invoice .payment-body .payment-step .card-info .form-group .form-control {
          margin-bottom: 0; }
        .invoice .payment-body .payment-step .card-info .form-group span {
          color: #555555;
          font-size: 13px;
          font-weight: 300; }
        .invoice .payment-body .payment-step .card-info .form-group select {
          background: url(../../img/select-down.svg) no-repeat;
          background-position: center right; }
      .invoice .payment-body .payment-step .card-info .billing-address {
        padding: 15px;
        border: 1px solid #eee;
        border-radius: 4px;
        float: left;
        width: 100%;
        height: 100%; }
        .invoice .payment-body .payment-step .card-info .billing-address label {
          font-size: 16px;
          font-family: var(--font-main, Times New Roman, Times, serif); }
        .invoice .payment-body .payment-step .card-info .billing-address .update-info {
          float: left;
          width: 100% 0;
          margin-top: 15px; }
          .invoice .payment-body .payment-step .card-info .billing-address .update-info label {
            font-size: 13px;
            font-weight: 300;
            font-family: var(--font-secodary, Roboto); }

/* invoice popup at item won page */
.invoice .modal-dialog .modal-header {
  padding: 0;
  border-bottom: 0; }

.bid-history-form tr.no-bid-history{
    text-align: center;}

.invoice .invoice_popup .info_area .info_txt_row .tit {
    width: 100%;
    font-size: 17px;
    margin-bottom: 0px; }
.invoice .invoice_popup .info_area .info_txt_row .f_invoice_pop_sub_txt {
    font-size: 15px; }
    .invoice .invoice_popup .info_area .info_txt_row .f_invoice_pop_sub_txt b{
      font-size: 16px; font-weight: 600; }        
  
.invoice .invoice_popup .info_area .sale-info {
    width: 35%; }
  
.invoice .invoice_popup .info_area .bidder-info {
    width: 30%; }
  
.invoice .invoice_popup .info_area .shipping-info {
    width: 30%; }  

.checkout-wrapper .back-to-invoice {
  border-right: 1px solid #eee;
  color: #828282; }

.checkout-wrapper .checkout-left .payment-method {
  border: 1px solid #eee;
  border-radius: 4px; }

.checkout-wrapper .checkout-left .address {
  border: 1px solid #eee;
  border-radius: 4px; }

.checkout-wrapper .checkout-right {
  border: 1px solid #eee;
  border-radius: 4px;
  background: #ffffff;
  padding: 15px; }

.checkout-wrapper .checkout-left.form {
  margin: 0;
  padding: 20px; }

.checkout-wrapper .form-1 > * {
  padding: 8px 0; }

.checkout-wrapper .form-1 input {
  border: 0;
  border-bottom: 1px solid #D1D1D1;
  line-height: 18px;
  color: #393939;
  height: auto;
  margin-bottom: 0;
  background-color: #fff;
  width: 100%;
  padding: 6px 0px; }

.checkout-wrapper .form-1 select {
  border: 0;
  border-bottom: 1px solid #D1D1D1;
  line-height: 18px;
  color: #393939;
  height: auto;
  margin-bottom: 0;
  background-color: #fff;
  width: 100%;
  padding: 6px 0px; }

.checkout-wrapper .form-2 > * {
  padding: 8px 0; }

.checkout-wrapper .form-2 input {
  border: 0;
  border-bottom: 1px solid #D1D1D1;
  line-height: 18px;
  color: #393939;
  height: auto;
  margin-bottom: 0;
  background-color: #fff;
  width: 100%;
  padding: 6px 0px; }

.checkout-wrapper .form-2 select {
  border: 0;
  border-bottom: 1px solid #D1D1D1;
  line-height: 18px;
  color: #393939;
  height: auto;
  margin-bottom: 0;
  background-color: #fff;
  width: 100%;
  padding: 6px 0px; }

.invoice_popup .title_area {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px; }

.invoice_popup .item-invoice-button,.btn_area .invoice-print-btn{
  background-color: var(--main-button-color, #B0BB1A);
  border-color: var(--main-button-color, #B0BB1A);
  border-radius: 3px;
  font-family: var(--font-secodary, Roboto);
  font-style: normal;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: var(--main-btn-text, #fff);
  padding: 14px 14px;
  display: block; }

.invoice_popup .checkout-submit-button {
  background-color: var(--main-button-color, #B0BB1A);
  border-radius: 3px;
  font-family: var(--font-secodary, Roboto);
  font-style: normal;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: var(--main-btn-text, #fff);
  padding: 14px 14px;
  display: block; }

.invoice_popup .f_invoice_pop_contact_sub_txt {
  background-color: var(--main-button-color, #B0BB1A);
  border-radius: 3px;
  font-family: var(--font-secodary, Roboto);
  font-style: normal;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: var(--main-btn-text, #fff);
  padding: 14px 14px;
  display: block;
  font-size: 15px; }
  .invoice_popup .f_invoice_pop_contact_sub_txt .f_invoice_pop_contact_txt {
    font-size: 20px;
    color: var(--main-btn-text, #fff);
    font-family: var(--font-secodary, Roboto); }
  .invoice_popup .f_invoice_pop_contact_sub_txt img {
    display: none; }

.invoice_popup .info_area.info_area_full {
  justify-content: space-between; }    

.invoice_popup .info_area .sale-info .info_txt_row .txt {
  padding: 2px 0; }

.invoice_popup .card-info a.card-edit {
  color: var(--theme-color, #B0BB1A); }

.f_invoice_pop_heading {
  font-size: 23px; }

.invoice_pop_height.h645 {
  height: auto;
  max-height: 430px; }

.checkout-body {
  padding: 0;
  margin-top: 20px; }

.checkout-left.form.address .heading {
  position: unset;
  margin-top: 0;
  margin-bottom: 10px; }

.checkout-wrapper form label.check {
  font-family: var(--font-main, Times New Roman, Times, serif);
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  line-height: 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .checkout-wrapper form label.check input {
    padding: 0;
    height: auto;
    border-bottom: 0; }
    .checkout-wrapper form label.check input:checked ~ .checkmark::before {
      display: block; }
  .checkout-wrapper form label.check .checkmark {
    height: 20px;
    width: 20px; }
    .checkout-wrapper form label.check .checkmark::before {
      content: "";
      position: absolute;
      display: none;
      left: 5px;
      top: 2px;
      width: 7px;
      height: 12px;
      border: 3px solid var(--theme-color, #B0BB1A);
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }

.checkout-wrapper .checkout-right .table_subtotal th {
  padding: 0px 0px 10px 0px; }

.checkout-wrapper .checkout-right .table_subtotal td {
  padding: 0px 0px 10px 0px; }

.checkout-wrapper .change-link {
  color: var(--theme-color, #B0BB1A); }

.checkout-wrapper .checkout-left form.credit-card-form-common .form-wrap {
  float: left;
  width: 100%; }

.checkout-wrapper .checkout-left form.credit-card-form-common .check {
  float: left;
  width: 100%;
  line-height: 1.9; }

.checkout-wrapper .checkout-left form.credit-card-form-common .StripeElement {
  background-color: #fff;
  padding: 15px 0;
  border: 0;
  border-bottom: 1px solid #D1D1D1; }

.checkout-wrapper .checkout-left form.credit-card-form-common #card-number {
  margin-top: 15px; }

.checkout-wrapper .credit-card-form-common .card-wrap .question_icon .help_icon {
  right: -15px; }

.checkout-wrapper .my_btn_area {
  text-align: center;
  padding: 0 40px 16px 40px; }
  .checkout-wrapper .my_btn_area .cancel {
    background-color: var(--secondary-button-color, #333333);
    font-size: 15px;
    padding: 7px 10px; }
  .checkout-wrapper .my_btn_area a:hover {
    background-color: var(--secondary-button-color, #333333);
    font-size: 15px;
    padding: 7px 10px; }
  .checkout-wrapper .my_btn_area a:focus {
    background-color: var(--secondary-button-color, #333333);
    font-size: 15px;
    padding: 7px 10px; }
  .checkout-wrapper .my_btn_area a:active {
    background-color: var(--secondary-button-color, #333333);
    font-size: 15px;
    padding: 7px 10px; }
  .checkout-wrapper .my_btn_area a:active:focus {
      background-color: var(--secondary-button-color, #333333);
      font-size: 15px;
      padding: 7px 10px; }
    .checkout-wrapper .my_btn_area a:active:hover {
      background-color: var(--secondary-button-color, #333333);
      font-size: 15px;
      padding: 7px 10px; }
  .checkout-wrapper .my_btn_area input {
    font-size: 15px;
    padding: 7px 10px;
    background-color: var(--main-button-color, #B0BB1A); }
    .checkout-wrapper .my_btn_area input:hover {
      font-size: 15px;
      padding: 7px 10px;
      background-color: var(--main-button-color, #B0BB1A); }
    .checkout-wrapper .my_btn_area input:focus {
      font-size: 15px;
      padding: 7px 10px;
      background-color: var(--main-button-color, #B0BB1A); }
    .checkout-wrapper .my_btn_area input:active {
      font-size: 15px;
      padding: 7px 10px;
      background-color: var(--main-button-color, #B0BB1A); }
      .checkout-wrapper .my_btn_area input:active:focus {
        font-size: 15px;
        padding: 7px 10px;
        background-color: var(--main-button-color, #B0BB1A); }
      .checkout-wrapper .my_btn_area input:active:hover {
        font-size: 15px;
        padding: 7px 10px;
        background-color: var(--main-button-color, #B0BB1A); }
  .checkout-wrapper .my_btn_area input[disabled]:hover {
    font-size: 15px;
    padding: 7px 10px;
    background-color: var(--main-button-color, #B0BB1A); }

.invoice_popup .f_caption_txt.paid_area {
  text-align: center;
  color: var(--theme-color, #B0BB1A);
  font-size: 24px;
  font-weight: 600; }

/* Registration Confirmation and Email verification popup layout fix */
.modal-body .varify_info h2 {
  font-family: var(--font-main, Times New Roman, Times, serif);
  font-style: normal;
  font-weight: normal;
  font-size: 26px;
  line-height: 40px;
  text-align: center;
  color: #000000; }

.modal-body .varify_info span {
  text-align: center;
  width: 100%;
  display: block;
  font-family: var(--font-main, Times New Roman, Times, serif);
  font-weight: 600;
  font-size: 17px;
  margin-top: 15px;
  margin-bottom: 15px; }

.modal-body .varify_info p {
  text-align: center;
  font-size: 14px;
  font-family: var(--font-main, Times New Roman, Times, serif); }

.modal-body .varify_info .email-icon {
  text-align: center;
  margin: 10px 0; }
  .modal-body .varify_info .email-icon img {
    width: 50px; }

.modal-body .varify_info .email-not-found {
  text-align: center;
  font-family: var(--font-main, Times New Roman, Times, serif);
  font-size: 14px;
  margin: 10px 75px;
  background: #efefef;
  padding: 15px;
  border-radius: 5px; }
  .modal-body .varify_info .email-not-found h3 {
    font-weight: bold;
    display: inline;
    font-size: 14px; }
  .modal-body .varify_info .email-not-found span {
    font-weight: bold;
    display: inline;
    font-size: 14px; }

.modal-body .varify_info .resend-link {
  text-align: center;
  display: block;
  margin: 20px 0;
  font-size: 14px; }
  .modal-body .varify_info .resend-link p {
    display: inline-block; }
  .modal-body .varify_info .resend-link a {
    display: inline-block;
    background-color: var(--main-button-color, #B0BB1A);
    text-decoration: underline; }

.modal-body .varify_info button.btn-primary {
  margin: 10px auto;
  width: 250px; }

.modal-body .congo-email h2 {
  font-family: var(--font-main, Times New Roman, Times, serif);
  font-style: normal;
  font-weight: normal;
  font-size: 26px;
  line-height: 40px;
  text-align: center;
  color: #000000;
  font-size: 36px; }

.modal-body .congo-email p {
  text-align: center;
  font-size: 14px;
  font-family: var(--font-main, Times New Roman, Times, serif);
  margin: 15px 0; }

.modal-body .congo-email button.btn-primary {
  margin: 10px auto;
  width: 250px; }


/*Forget Password*/
.login_reg_page .reset-with-bs-link a {
  text-decoration: underline; }
  
.login_reg_page .reset-with-bs-link.hide {
  display: none; }

.login_reg_page .reset-with-bs-check.hide {
  display: none; }

.tooltip.help-tooltip {
  z-index: 100000; }

/*Responsive*/
@media only screen and (max-width: 767px) {
  .invoice_popup .checkout-submit-button {
    position: relative; } 
    .modal-content {
      overflow: scroll; } 
    .invoice .modal-dialog .modal-header {
      position: fixed;
      right: 10px; } 
      .invoice .modal-dialog .modal-header .close {
        top: -30px; } }
    
@media only screen and (max-width: 575px) {
.premium-confirm .bid-confirm-box p {
    padding: 0 15px; }
.premium-confirm .bid-confirm-box .bid_confirmation_detail .confirmation_row span.t1 {
 width: 50%; }
.premium-confirm .bid-confirm-box .bid_confirmation_detail .confirmation_row span.t2 {
  width: 48%; }
.bid-history-form .bid-history-info {
  padding: 0 20px; }
.bid_registration .reg_auc {
  padding: 20px 20px; }
.bid_registration .reg_auc .title_auc {
  font-size: 26px; }
.bid_registration .login_type {
  padding: 0 20px; }
.payment_model .modal-content {
  padding: 40px 10px; }
.my_btn_area {
  padding: 0; }
.pending_reg .reg_auc .type_auc p {
  padding: 0 15px; } 

}

@media only screen and (min-width: 767px) {
  .checkout-wrapper .checkout-right .checkout-totals {
    overflow: auto;
    height: 286px; } }