*,
:after,
:before {
  box-sizing: border-box;
}

.mobile-bottom-spacer {
  width: 100%;
  height: 172px;
  display: block;
}


.verify_state {
  background: transparent;
  font-size: 9px;
  gap: 1px;
  color: #1d2b3f;
  text-align: center;
}

.userset_id {
  font-size: 12px;
}

.credits_value {
  font-size: 12px;
}

.truncate-userset {
  max-width: none;
  overflow: auto;
  text-overflow: initial;
}

.pay_com_icon,
.pay_com_icon_ch {
  width: calc(100% / 3 - 8px);
}

.close-btn_sp,
.close-btn_sp2,
.close-btn_sp3,
.close-btn_sp4 {
  position: absolute;
  right: 15px;
  top: 10px;
}

.verify_ball {
  background-color: rgb(0, 190, 30);
}

.unverified {
  background-color: rgb(225, 0, 0);
}

.resubmit {
  background-color: rgb(255, 140, 0);
}

.la_exp_btn_group {
  align-items: end;
}

.bl_set_wrap {
  display: flex;
  flex-direction: row;
  margin-bottom: 15px;
  justify-content: space-between;
}

.bl_icon_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 33.33333%;
}

.bl_undertext {
  font-size: 11px;
  color: #1d1e1e;
  text-align: center;
}

.bl_undertext span {
  font-size: 12px;
  font-weight: 500;
  color: #0080ff;
}

.bl_undertext .text-red {
  color: #ff0000 !important;
}

.login-info{
  text-align: center;
}

@media (min-width: 768px) {
  .pay_com_icon,
  .pay_com_icon_ch {
    width: 19%;
    padding: 10px 20px;
  }

  .slide-popup,
  .slide-popup-2,
  .slide-popup-3 {
    padding: 20px 40px;
    max-width: 640px;
    margin-left: calc((100% - 640px) / 2);
  }

  .popup-check-option {
    padding-bottom: 30px;
  }
}

@media (min-width: 991px) {
  .spacer_10px {
    height: 10px;
  }
}