.depo-tabs {
      display: inline-flex;
      border: 1px solid #ccc;
      border-radius: 5px;
      overflow: hidden;
}

.depo-tabs li {
      list-style: none;
}

.depo-tabs li a.active {
      background: #eee;
}

.depo-tabs li a {
      color: #333 !important;
      font-size: 13px;
      display: inline-block;
      padding: 10px;
}

.content-tabs .depo-form-tabs {
      display: none;
}

.content-tabs div.active {
      display: block;
}

.bank_type .de-bank img {
      width: 70px;
      height: 70px;
}

.bank_type {
      display: inline-block;
      margin: -5px 0;
      width: 100%;
}

.bank_type .de-bank {
      display: block;
      float: left;
      padding-right: 5px;
      padding-top: 5px;
      cursor: pointer;
      background: none;
      outline: none;
      /* margin: 0px 5px 5px 0; */
}

.bank_type .active-im img {
      border: 1px solid #f00;
      border-radius: 10px;
      padding: 2px;
}

.bank_type h3 {
      color: #333;
      font-size: 13px;
      padding: 7px 0;
      text-align: left;
}

.bank_selection {
      margin-bottom: -2px !important;
}

.bank_type h3:after {
      content: "";
      border-bottom: 3px solid var(--color);
      width: 100px;
      display: block;
      padding: 2px;
}

.depo-form-input {
      /* background: #fff; */
      overflow: hidden;
      color: #000;
      line-height: 50px;
      height: 0;
      transition: all .5s ease-in-out;
      transform-origin: left top;
      transform: scaleY(0);
}

.depo-form-input.active {
      transform: scaleY(1);
      height: auto;
}

.depo-form .pass-input {
      width: 450px;
      margin: 10px 0;
}

.depo-form .pass-input input {
      width: 350px !important;
      height: 45px;
      border: 1px solid #ccc;
      background: none;
      text-indent: 10px;
}

.depo-form .pass-input select {
      width: 425px !important;
      height: 40px;
      border: 1px solid #ccc;
      background: none;
      color: #666;
      text-indent: 10px;
      -webkit-appearance: menulist !important;
}

.btn-copy {
      position: absolute;
      top: 3px;
      left: 315px;
      background: none;


}

.upload_img {
      display: inline-block;
      margin-top: 7px;
}

.btn_submit {
      display: block;
      background: #cc9f43;
      color: #fff;
      padding: 10px 30px;
      border: 1px solid #b5882d;
      border-radius: 30px;
}

#imgTemp {
      text-indent: 120px;
}

.imgInput {
      position: absolute;
      width: 350px;
      height: 48px;
      line-height: 48px;
      box-sizing: border-box;
      padding: 0 10px;
      border: 1px #ccc solid;
}

.file-input-wrapper {
      width: 100%;
      overflow: hidden;
      position: relative;
      /* background-color: #fff; */
      cursor: pointer;
      display: inline-block;
}

.file-input-wrapper>.btn-file-input {
      background-color: #E1E1E1;
      border-radius: 4px;
      color: #000;
      display: inline-block;
      height: 30px;
      padding-left: 0;
      cursor: pointer;
      border: 1px #ccc solid;
      position: absolute;
      margin-left: 5px;
      padding: 0 7px;
}

.file-input-wrapper>input[type="file"] {
      font-size: 40px;
      position: absolute;
      top: 0;
      right: 0;
      opacity: 0;
      cursor: pointer;
}

.ui-dialog-buttonset button:first-child {
      background: #0274c5 !important;
      background-image: linear-gradient(180deg, #92bf3f, #709923);
}

.ui-dialog .ui-dialog-content {
      zoom: 0 !important;
}

.ui-widget.ui-dialog {
      z-index: 9999 !important;
      border: none;
      top: 78px !important;
}

.ui-dialog .ui-dialog-content {
      overflow: hidden !important;
      padding: 0 !important;
}

.ui-dialog .ui-dialog-title {
      color: #fff;
      text-transform: uppercase;
      line-height: 15px;
}

.ui-widget-content::-webkit-scrollbar {
      width: 0.5em;
      height: 0.5em;
}

.ui-widget-content::-webkit-scrollbar-thumb {
      background: #e8e8e8;
}

.ui-widget-content::-webkit-scrollbar-track {
      background: #ffffff;
}

.ui-dialog .ui-dialog-content {
      padding: 0;
}

.ui-dialog {
      padding: 0;
}

.ui-dialog-buttonset button,
button:focus {
      border: none !important;
      outline: none !important;
}

.ui-dialog-buttonset button:nth-child(2) {
      background-color: #8f8f8f !important;
      background-image: linear-gradient(180deg, #afafaf, #646464) !important;
}

.select_disable {
      border: 1px solid #ccc;
      pointer-events: none;
      background: none;
      border: none !important;
      -webkit-appearance: none;
      -moz-appearance: none;
      font-size: 16px;
      font-weight: 500;
}

.select_disable .center-form label input,
.select_disable .center-form-select,
.select_disable .center-form label select {
      border: none !important;
}

.ui-dialog .ui-dialog-titlebar-close {
      display: none;
}

.ui-button .ui-button-text {
      color: #fff;
}

.arcticmodal-overlay_info_depo {
      background: rgba(0, 0, 0, .3);
      z-index: 9;
      display: block;
      width: 0;
      height: 100%;
      opacity: 1;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      -webkit-transition: width 0.3s ease, opacity 0.4s ease;
      transition: width 0.3s ease, opacity 0.4s ease;
      z-index: 25;
}

.arcticmodal-overlay_info_depo.active {
      opacity: 1;
      width: 100%;
}

.field_information {
      border-top: 1px solid #305b82;
}

.card.border-left-info {
      text-align: left;
      border-left: .35rem solid #36b9cc !important;
}

.card.border-left-info p,
.card.border-left-info a {
      color: #0c2e4b;
}

.card.border-left-info a {
      text-decoration: underline;
}

.info-circle-title {
      font-weight: bold;
}

.fa-info-circle {
      color: #36b9cc;
      font-size: 38px;
}

.usdtDisplay {
      display: inline-block;
      width: 150px;
}

.usdtAmtDisplay {
      color: #1a5684;
      width: 100px;
      text-align: left;
      display: inline-block;
      padding-left: 10px;
}

.payment_modal {
      position: absolute;
      margin-top: 0;
      width: 500px;
      margin-left: -225px !important
}

.payment_modal_header {
      height: 60px;
      color: #1d3a59;
}

.payment_modal_header h3 {
      font-size: 18px;
}

@media(max-width:640px) {
      body .sweet-alert {
            margin-left: -2.75rem !important;
            /* margin-top: unset !important; */
      } .bank_selection{
            margin: unset;
      } .finance-bet .btn.btn-simple{
            height: 0.7rem !important;
            line-height: 0.7rem !important;
      }.file-input-wrapper>.btn-file-input{
            top: .045rem;
      }
}

.sweet-alert {
      margin-left: -130px !important;
      margin-top: -210px !important;
}

.spinner {
      margin-left: -50px;
      width: 70px;
      text-align: center;
}

.spinner>div {
      width: 18px;
      height: 18px;
      background-color: #fff;

      border-radius: 100%;
      display: inline-block;
      -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
      animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
      -webkit-animation-delay: -0.32s;
      animation-delay: -0.32s;
}

.spinner .bounce2 {
      -webkit-animation-delay: -0.16s;
      animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

      0%,
      80%,
      100% {
            -webkit-transform: scale(0)
      }

      40% {
            -webkit-transform: scale(1.0)
      }
}

@keyframes sk-bouncedelay {

      0%,
      80%,
      100% {
            -webkit-transform: scale(0);
            transform: scale(0);
      }

      40% {
            -webkit-transform: scale(1.0);
            transform: scale(1.0);
      }
}

.arcticmodal-overlay_info_depo {
      z-index: 9999;
      ;
}

.text_blink a {
      color: #555 !important;
      animation-name: angry-animation;
      animation-duration: 2s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-direction: normal;
}

@keyframes angry-animation {
      0% {
            opacity: 1
      }

      25% {
            opacity: 0
      }

      50% {
            opacity: 1
      }

      75% {
            opacity: 0
      }

      100% {
            opacity: 1
      }
}

/*crypto payment*/
.center-payment-method-wrapper {
      display: inline-block;
      margin-top: 15px;
}

.payment-title {
      width: 170px;
      background: #f9d94e;
      font-size: 12px;
      color: #000;
      font-weight: bold;
      text-align: center;
      padding: 10px;
      border-radius: .2rem;
      word-wrap: break-word;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-weight: 500;
      cursor: pointer;
}

.payment-item-wrapper-tempo {
      display: inline-block;
      float: left;
      margin-right: 5px;
      margin-top: 5px;
}

.payment-modal {
      width: 500px;
      margin: 0 auto;
      margin-top: 33px;
      background: transparent;
}

.payment-modal-form {
      padding: 10px;
}

.payment-modal-form .modal-amount {
      width: 100%;
      height: 40px;
      margin: 10px 0px;
      color: #000;
}

.payment-modal-form p,
.payment-modal-form span {
      color: #000;
}

.modal-body .payment-modal-btn-confirm {
      position: relative;
      width: 100%;
      height: 34px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border: none;
      font-size: 14px;
      color: #000;
      text-transform: uppercase;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease;
      cursor: pointer;
      background-color: #f9d94e;
}

.modal-content .modal-header .modal-img-wrapper h5 {
      color: #fff;
      text-align: center;
}

.payment-modal-form-info,
.withdraw-modal-info {
      padding: 11px;
      color: white;
      background-color: rgba(255, 255, 255, .1);
      width: 100%;
      display: inline-block;
}

.form-control,
.form-control:focus {
      color: #fff;
      font-size: 14px;
      width: 100%;
}

.lb-msg {
      color: red;
}

.col-8 {
      display: flex;
}

.d-none {
      display: none !important;
}

.d-block {
      display: block !important;
}

.payment-modal-first-step label {
      color: #000;
}

.payment-modal .close {
      top: 8px;
      opacity: 1;
}

.payment-modal .close span {
      font-size: 25px;
      color: #333;
}

.p-0 {
      padding: 0;
}

.payment-modal-second-step .amount-label {
      color: #fff !important;
}

.modal-backdrop.in {
      z-index: 1;
}

/*end crypto*/
.depo_type {
      line-height: 50px;
}

.depo_type a {
      color: #666;
      border-radius: 5px;
      padding: 0px 0px;
      position: relative;
      border: 1px solid #666;
      background: #fff;
      font-weight: normal;
      display: inline-block;
      width: 150px;
      text-align: center;
      height: 35px;
      line-height: 35px;
}

.depo_type a.active:before {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      width: 0;
      height: 0;
      border-bottom: 26px solid #00aeef;
      border-left: 26px solid transparent;
}

.depo_type a.active:after {
      content: "";
      position: absolute;
      width: 4px;
      height: 9px;
      top: 25px;
      right: 7px;
      transform: rotate(40deg) translate(-50%, -50%);
      border-bottom: 2px solid #fff;
      border-right: 2px solid #fff;
}

#imgTemp {
      text-indent: 120px;
      text-align: right;
}

.imgInput {
      position: absolute;
      width: 350px;
      height: 48px;
      line-height: 48px;
      box-sizing: border-box;
      padding: 0 10px;
      border: 1px #ccc solid;
}

.file-input-wrapper {
      overflow: hidden;
      position: relative;
      /* background-color: #fff; */
      cursor: pointer;
      display: inline-block;
}

.file-input-wrapper>.btn-file-input {
      border-radius: 4px;
      color: #000;
      display: inline-block;
      cursor: pointer;
      border: 1px #ccc solid;
      position: absolute;
      padding: 0 7px;
      min-width: 100px;
      max-width: 250px;
      line-height: 38px;
      width: 125px;
      height: 40px;
      background-image: -webkit-linear-gradient(top, #f4f3f3, #e6e6e6);
      margin-top: 0;
      top: 5px;
      /* left: -5px; */
      z-index: 1;
}

.file-input-wrapper>input[type="file"] {
      font-size: 40px;
      position: absolute;
      top: 0;
      opacity: 0;
      cursor: pointer;
      z-index: 9999;
      left: 0;
}

.file-input-wrapper button,
.file-input-wrapper input {
      transition: none;
}

.icon-container {
      width: 76px;
      height: 40px;
      background-image: -webkit-linear-gradient(top, #f4f3f3, #e6e6e6);
      background-image: -moz-linear-gradient(top, #f4f3f3, #e6e6e6);
      background-image: -ms-linear-gradient(top, #f4f3f3, #e6e6e6);
      background-image: -o-linear-gradient(top, #f4f3f3, #e6e6e6);
      background-image: linear-gradient(top, #f4f3f3, #e6e6e6);
      -webkit-transition: background-color .2s ease-out;
      -moz-transition: background-color .2s ease-out;
      -ms-transition: background-color .2s ease-out;
      -o-transition: background-color .2s ease-out;
      transition: background-color .2s ease-out;
      background-clip: padding-box;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      border: 1px solid silver;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 12px;
      color: #858585;
      font-size: 14px;
}

.radio-tile4 {
      margin-top: 10px;
      display: inline-block;
}

.radioin-sen {
      margin-bottom: 10px;
      margin-left: 0;
}

.box_copy input::-moz-selection {
      /* Code for Firefox */
      color: white;
      background: var(--color);
      width: 100%;
      padding: 0 10px;
}

.box_copy input::selection {
      color: white;
      background: var(--color);
      width: 100%;
      padding: 0 10px;

}

.copy_btn {
      color: var(--color);

}

.ui-dialog-buttonset button:first-child {
      background: var(--color) !important;
      padding: 5px;
      color: #fff;
      height: 40px;
      line-height: 35px !important;
      min-width: 150px;
}

.ui-dialog .ui-dialog-content {
      zoom: 0 !important;
}

.ui-dialog-buttonpane {
      float: right;
}

.ui-dialog .ui-widget-header {
      background: var(--color) !important;
      width: 100%;
      margin: 0;
      height: 40px;
      border: none !important;
      border-radius: 0;
      text-align: left;
      line-height: 40px;
      padding-left: 20px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
}

.ui-widget.ui-dialog {
      z-index: 9999 !important;
      border: none;
      top: 50px !important;
      margin-top: 50px;
      background-color: #fff;
      position: fixed;
      box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.5);
      border-radius: 10px;
      overflow: hidden;
}

.ui-dialog .ui-dialog-content {
      overflow: hidden !important;
      padding: 0 !important;
}

.ui-dialog .ui-dialog-title {
      color: #fff;
      text-transform: uppercase;
      line-height: 15px;
      padding-right: 10px;
}

.ui-widget-content::-webkit-scrollbar {
      width: 0.5em;
      height: 0.5em;
}

.ui-widget-content::-webkit-scrollbar-thumb {
      background: #e8e8e8;
}

.ui-widget-content::-webkit-scrollbar-track {
      background: #ffffff;
}

.ui-dialog .ui-dialog-content {
      padding: 0;
}

.ui-dialog {
      padding: 0;
}

/*.ui-dialog-buttonset button,
          button:focus {
              border: none !important;
              outline: none !important;
              min-width: 150px;
              padding: 3px !important;
              line-height: 45px !important;
          }*/

.ui-dialog-buttonset button:nth-child(2) {
      background-color: #8f8f8f !important;
      background-image: linear-gradient(180deg, #afafaf, #646464) !important;
      padding: 5px;
      color: #fff;
      min-width: 150px;
      height: 40px;
      line-height: 35px !important;
}

.select_disable {
      border: 1px solid #ccc;
      pointer-events: none;
      background: none;
      border: none !important;
      -webkit-appearance: none;
      -moz-appearance: none;
      font-size: 16px;
      font-weight: 500;
}

.select_disable .center-form label input,
.select_disable .center-form-select,
.select_disable .center-form label select {
      border: none !important;
}

.ui-dialog .ui-dialog-titlebar-close {
      display: none;
}

.ui-button .ui-button-text {
      color: #fff;
}

.arcticmodal-overlay_info_depo {
      background: rgba(0, 0, 0, .3);
      z-index: 9;
      display: block;
      width: 0;
      height: 100%;
      opacity: 1;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      -webkit-transition: width 0.2s ease, opacity 0.3s ease;
      transition: width 0.2s ease, opacity 0.3s ease;
      z-index: 25;
}

.arcticmodal-overlay_info_depo.active {
      opacity: 1;
      width: 100%;
}

.spinner>div {
      width: 18px;
      height: 18px;
      background-color: #fff;

      border-radius: 100%;
      display: inline-block;
      -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
      animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
      -webkit-animation-delay: -0.32s;
      animation-delay: -0.32s;
}

.spinner .bounce2 {
      -webkit-animation-delay: -0.16s;
      animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

      0%,
      80%,
      100% {
            -webkit-transform: scale(0)
      }

      40% {
            -webkit-transform: scale(1.0)
      }
}

@keyframes sk-bouncedelay {

      0%,
      80%,
      100% {
            -webkit-transform: scale(0);
            transform: scale(0);
      }

      40% {
            -webkit-transform: scale(1.0);
            transform: scale(1.0);
      }
}

.arcticmodal-overlay_info_depo {
      z-index: 9999;
      ;
}

.tip-deposit {
      width: 150px;
      height: 141px;
      background-color: #e1e1e1;
      border-radius: 10px;
      padding: 20px;
      color: white;
      position: absolute;
      right: 58px;
      top: 178px;
      flex-direction: column;
      overflow-wrap: anywhere;

}

#promotion {
      width: 350px;
      border: 1px solid #ccc;
      border-radius: 5px;
}

.depo-form-input label span {
      display: block;
      width: 100%;
      text-align: left;
      padding: 0px 5px;
      line-height: 18px;
      font-size: 13px;
}

.depo_bank_type {
      max-width: 120px;
      background: #f9d94e;
      font-size: 12px;
      color: #000;
      font-weight: bold;
      text-align: center;
      padding: 10px;
      border-radius: .2rem;
      word-wrap: break-word;
      flex: 1;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-weight: 500;
      cursor: pointer;
      margin-right: 3px;
}

.payment-modal-input-wrapper {
      padding: 0;
}

.payment-modal-input-wrapper .modal-body {
      width: 100%;
      background-color: #fff;
      overflow-y: scroll;
      max-height: 425px;
}

.payment-modal .modal-img-wrapper {
      width: 100%;
}

.group-btn-confirm {
      width: 50%;
      float: left;
}

.payment-modal .modal-header {
      padding: 15px !important;
      background: #0837ab;
      border-bottom: 1px solid #e5e5e5;
}

.payment-modal .modal-header h5 {
      text-align: center;
      color: #fff;
      margin: 0;
}

.payment-modal .modal-header .usdt-close {
      margin-top: -22px;
}

.payment-modal .modal-header .usdt-close {
      background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames/content/images/close.png) no-repeat !important;
      width: 43px;
      height: 37px;
      opacity: 1;
      padding: 0;
      color: #000;
      font-size: 21px;
      font-weight: 700;
      text-shadow: 0 1px 0 #fff;
      line-height: 1;
      background: 0;
      border: 0;
      cursor: pointer;
      position: absolute;
      right: -15px;
      top: 0px;
      outline: 0;
}

.payment-modal .modal-body .payment-modal-btn-confirm {
      position: relative;
      width: 100%;
      height: 34px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border: none;
      font-size: 14px;
      color: #fff;
      text-transform: uppercase;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease;
      cursor: pointer;
      background-color: #0837ab;
}

.d-none {
      display: none !important;
}

.d-block {
      display: block !important;
}

.amount-bottom {
      display: flex;
}

.amount-bottom div {
      flex: 1;
}

.payment-form-crypto h2 {
      font-size: 20px;
      color: #333;
}

.payment-msg-success {}

.payment-msg-success .alert-danger {
      padding: 15px;
      margin-bottom: 20px;
      border: 1px solid transparent;
      border-radius: 4px;
      color: #a94442;
      background-color: #f2dede;
      border-color: #ebccd1;
}

.payment-msg-success .alert-success {
      padding: 15px;
      margin-bottom: 20px;
      border: 1px solid transparent;
      border-radius: 4px;
      color: #3c763d;
      background-color: #dff0d8;
      border-color: #d6e9c6;
}

.modal-backdrop {
      opacity: 0;
      -webkit-transition: opacity .15s linear;
      -o-transition: opacity .15s linear;
      transition: opacity .15s linear;
}

.payment-modal-form-info p span,
.payment-modal-second-step p span {
      color: #666;
}

.modal-crypto {
      display: none;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      background: rgb(0, 0, 0, 0.5);
}

.promo-select {
      display: flex;
      justify-content: space-between;
      height: 50px;
      background-color: var(--333);
      padding: 8px;
      align-items: center;
      cursor: pointer;
      border-radius: 5px;
}

.promo-select .check_promo {
      width: 15px;
      height: 15px;
      margin-right: 5px;
}

.promo-select .promo_title {
      display: inline-block;
      font-size: 14px;
      color: #fff;
}
@media(max-width:640px) {
      .promo-select .promo_title {
            font-size: .2rem;
      }.ui-dialog.ui-widget{
            width: 6rem !important;
            top: 0px;
            left: 50%;
            display: block;
            margin-top: 50px;
            margin-left: -3rem !important;  
      }
}
.promo-select .arrow_right {
      color: #fff;
}

.promo-select .promo-contain {
      display: flex;
      align-items: center;
}

.depo-promo-pop .depo-promo_wrap {
      width: 100%;
      text-align: center;
      padding: 10px;
      z-index: 10;
      position: relative;
}

.depo-promo-pop .depo-promo_wrap span {
      width: 100%;
      display: block;
      color: #414141 !important;
      font-size: 15px;
}

.depo-promo-pop .promotion-container {
      height: 360px;
      overflow: auto;
      scrollbar-width: none;
}

.depo-promo-pop .promo_list {
      display: flex;
      justify-content: space-between;
      background: #e7e9f2;
      width: 100%;
      min-height: 60px;
      border: 1px solid #ced2e3;
      border-radius: 5px;
      padding: 10px;
      align-items: center;
      margin: 7px auto;
      cursor: pointer;
}

.depo-promo-pop .promo-pop-title {
      text-align: left;
      width: 100%;
}

.depo-promo-pop .promo-pop-title a {
      /* display: inline-block; */
      font-size: 14px;
      color: blue;
      text-decoration: underline;
}

.depo-promo-pop .btn-depo-promo {
      /* background: #cfa654; */
      /* padding: 10px 10px; */
      width: 300px;
      display: inline-block;
      /* border-radius: 20px; */
      margin-top: 16px;
}

.depo-promo-pop .promo_list .promo-checked {
      width: 20px;
      height: 20px;
      border: 2px solid #858585;
      border-radius: 50px;
}

.promo-checked {
      position: relative;
      left: -10px;
}

.promo-checked label {
      background-color: #e7e9f2;
      border: 2px solid #a5a5a5;
      border-radius: 50%;
      cursor: pointer;
      height: 24px;
      left: -3px;
      position: absolute;
      top: -5px;
      width: 24px;
}

.promo-checked label:after {
      border: 2px solid #fff;
      border-top: none;
      border-right: none;
      content: "";
      height: 5px;
      left: 4px;
      opacity: 0;
      position: absolute;
      top: 5px;
      transform: rotate(-45deg);
      width: 10px;
}

.promo-checked input[type="checkbox"] {
      visibility: hidden;
}

.promo-checked input[type="checkbox"]:checked+label {
      background-color: #66bb6a;
      border-color: #fff;
}

.promo-checked input[type="checkbox"]:checked+label:after {
      opacity: 1;
}

.depo-promo-pop .promo_list.active {
      border-color: #d9a254;
}

.depo-promo-pop a.close {
      width: 20px;
      height: 20px;
      position: absolute;
      right: 10px;
      top: 10px;
      color: #000 !important;
      font-weight: normal;
      cursor: pointer;
}

.depo-promo-pop {
      position: fixed;
      background-color: var(--000-8);
      z-index: 999;
      display: none;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
}

.depo-promo-pop .pop-main {
      display: block;
      width: 550px;
      border-radius: 10px;
      max-width: 720px;
      overflow: hidden;
      position: relative;
      z-index: 1;
      box-shadow: 1px 1px 10px #818181;
}

.depo-promo-pop .depo-promo-title {
      background-color: white;
      border-bottom-width: 1px;
      overflow: hidden;
      display: flex;
      align-items: center;
}

.depo-promo-pop .depo-promo-title h3 {
      width: 100%;
      line-height: 50px;
      flex: 1;
      min-width: 0;
      font-size: 18px;
      color: #333;
      text-align: center;
      margin: 0;
}

.depo-promo-pop .depo-full-center {
      margin-top: 15px;
      overflow: hidden;
      padding: 15px;
      border-radius: 10px;
      display: flex !important;
      justify-content: center;
      width: 100% !important;
      height: 100% !important;
      align-content: center;
      align-items: center;
}

.depo-promo-pop .depo-promo-content {
      height: 445px;
      background: transparent center no-repeat;
      background-size: contain;
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      max-height: 70vh;
      overflow: auto;
      border-radius: 0;
      border: none !important;
      background-color: white;
      display: block;
      scrollbar-width: none;
}

::-webkit-scrollbar {
      background-color: transparent;
      width: 10px;
}

::-webkit-scrollbar-thumb {
      background-color: var(--000-1);
}

::selection {
      background-color: var(--333);
      color: var(--ccc);
      text-shadow: none;
}

.center-form label {
      padding: 5px 5px;
}

.center-submit {
      margin-left: 0;
      pointer-events: auto;
}

.auto_deposit {
      width: 100%;
      margin: 15px auto;
      text-align: center;
}

.auto_deposit div {
      display: inline-block;
      margin: 0 10px;
}

.auto_deposit div img {
      width: 92px;
      cursor: pointer;
}

.auto_deposit div img.active,
.auto_deposit div img:hover {
      outline: 1px solid var(--red);
      border-radius: 12px;
}

.auto_deposit.crypto div {
      display: inline-block;
      margin: 0 10px;
      width: 100px;
      border-radius: 10px;
      padding: 10px 0 0;
      background-color: #f8f9f9 !important;
}

.auto_deposit.crypto {
      text-align: left;
}

.auto_deposit.crypto div img.active,
.auto_deposit.crypto div img:hover {
      outline: 1px solid var(--red);
}

.crypto_name {
      display: block !important;
      padding: 10px 0;
      color: #333;
}

.auto_deposit.crypto div {
      text-align: center;
}

.depo-tabs {
      display: inline-flex;
      border: 1px solid #ccc;
      border-radius: 5px;
      overflow: hidden;
      list-style: none;
}

.depo-tabs li a.active {
      background: #eee;
}

.depo-tabs li a {
      color: #333 !important;
      font-size: 13px;
      display: inline-block;
      padding: 10px;
}

.auto_deposit.transfer div {
      padding: 20px 0 0;
      width: 100px;
      border-radius: 10px;
      background-color: #f8f9f9 !important;
      text-align: center;
}

.auto_deposit.transfer div img {
      width: 70px;
}

.promo_title,
.promo-select,
.promo-contain {
      flex: unset !important;
}

.deposit-from li .btn-submit {
      margin: 5px !important;
}

.deposit-from sup {
      padding: 5px;
      color: var(--color);
      font-weight: 600;
}
/*design16_new*/
.deposit-from-new{
      background-color: unset;
}
.payment_method{
      display: flex;
      width: 100%;
      justify-content: space-around;
}
.payment_method a{
      width: 25%;
      text-align: center;
      background: #333333;
      color: #fff;
      border-radius: 5px;
      padding: 5px 10px;
      font-size: 17px;
      height: 50px;
      line-height: 20px;
      align-items: center;
      display: flex;justify-content: center;
}.payment_method a.active,.payment_method a:hover,.payment_type a.active,.payment_type a:hover{
      color: #fff900;
}.payment_type{
      display: flex;
      width: 100%;
      gap: 10px;
}.payment_type a{
      text-align: center;
      background: #333333;
      color: #fff;
      border-radius: 5px;
      padding: 0px 10px;
      line-height: 33px;
      font-size: 14px;
      border: 1px solid #919191;
}.depo_auto_deposit,.depo_manaul_deposit,.depo_usdt_deposit{
      display: inline-block;
      width: 100%;
      border-radius: 10px;
      padding-top: 10px;
      background-color: var(--000-8);
      margin-top: .1rem;
}.bank_selection{
      width: 100%;
      display: flex;
      gap: 5px;
      padding: 5px 0;
}.bank_selection a{
      display: inline-block;
      margin: .0rem;
}.bank_selection a img{
      width: 75px;
      height: 60px;
}.popup_depo .item{
      padding: 2%;
}.form li>span:first-child{
      line-height: 30px;
}.bank_selection a.active{
      border: 1px solid red;
      padding: 1px;
}.form li>span.form-title{
      font-size: 18px;
      width: 100%;
      margin-top: 13px;
}