/* ============================================================
   style-app-alex.css
   Consolidated for app.php — combines style_both.css + style_app.css
   Generated: 2026-04-25
   Originals untouched. style_app_2.css remains conditional (?fs=yes).
   ============================================================ */



/* ===== BEGIN style_both.css =====================================*/
[toguard="2"] .qr_cd_w {opacity:0 !important;}

.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w80 {width:80px !important;}
.w100 {width:100px !important;}
.w120 {width:120px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w300 {width:300px !important;}
.w315 {width:315px !important;}
.w250 {width:250px !important;}
.w500 {width:500px !important;}
.w100p {width:100% !important;}
.comm_info {display:none;}
body { overscroll-behavior: contain; }
.nsc {overflow:hidden !important;}

.class_coach_pho img {width:30px; height:30px; border-radius:50%; vertical-align: middle;}
#new_class_bookings_o .pop_list, #class_booking_o .pop_list {padding-top:15px;}
.slt_cb_r_date {padding-left:18px; background:url('/images/cb_calendar.png') no-repeat 0 2px / 14px auto; margin-bottom:5px;}
.slt_cb_r_time {padding-left:18px; background:url('/images/cb_clock.png') no-repeat 0 2px / 14px auto; margin-bottom:5px; white-space: nowrap;}
.slt_cb_r_dur {color:#999;}
.slt_cb_r:nth-child(even) {padding-left:5px;}
.slt_cb_r:nth-child(odd) {padding-right:5px;}
.slt_cb_r_left {font-size:0; margin-bottom:10px;}
.slt_cb_r_left_1 {display:inline-block; width:20px; text-align: center; vertical-align: top; line-height: 25px; color:#aaa;}
.slt_cb_r_left_2 {display:inline-block; width:calc(100% - 40px); background:#ddd; position:relative; height:25px; line-height: 25px; vertical-align: top; border-radius:13px; overflow: hidden;}
.slt_cb_r_left_v {position:absolute; left:0; top:0; height:100%; width:0; background:#ff0000; }
.slt_cb_r_left_w {position:absolute; left:0; top:0px; width:100%; color:#fff; text-align: center; font-weight:bold; }
.slt_cb_r_left_3 {display:inline-block; width:20px; text-align: center; vertical-align: top; line-height: 25px; color:#aaa; position:relative; left:5px;}
.slt_cb_r_nm {padding:0; font-size:14px; font-weight:bold; padding-left:37px; margin-bottom:5px; min-height:35px;}
.slt_cb_r_pho img {width:30px; height:30px; position:absolute; left:10px; top:10px; border-radius:50%;}
.pop_list {font-size:0;}
.slt_cb_r {display:inline-block; vertical-align: top; width:50%; padding:0px; box-sizing:border-box; margin-bottom:10px;}
.slt_cb_rr {background:#fff; border-radius:10px; padding:10px; position:relative; border:1px solid #ccc;}

#slt_bca_o .pop_c {height:100%;}
#slt_bca_o .bo_scroll {overflow-x:hidden; max-height:calc(100vh - 140px);}
.bca_left_td {}
.bca_left_r {text-align:right;}
.bca_left {padding-bottom:10px; padding-top:30px;}
.bca_right {overflow:hidden; overflow-x:auto; padding-bottom:10px; padding-left:15px;}
.bca_slot_c, .bca_left_r {height:20px; line-height: 20px; white-space: nowrap;}
.bca_slot_r {width:30px; height:20px; border:1px solid #ccc; display:inline-block; margin-left:-1px; box-sizing:border-box;}
.bca_slot_r.temp_booked_class {background:#63a2ff; }
.bca_slot_r.booked_class, .faci_time_r.booked_class {background:#eee;}
.bca_slot_r.booked_fb {background:#eee;}
.bca_slot_r.ex {background:#ddd; border:1px solid rgba(0,0,0,0.2);}
.bca_slot_r.hover_1 {border-left:2px solid #316bff; border-top:2px solid #316bff; border-bottom:2px solid #316bff;  z-index:2; position:relative;}
.bca_slot_r.hover_2 {border-top:2px solid #316bff; border-bottom:2px solid #316bff; z-index:2; position:relative;}
.bca_slot_r.hover_3 {border-right:2px solid #316bff; border-top:2px solid #316bff; border-bottom:2px solid #316bff;  z-index:2; position:relative;}

/**/
.pop_search_c {font-size:0; padding-right:1px;}
.pop_slt_clt_r, .pop_slt_coa_r, .pop_slt_month_r, .navi_date_3_r {height:35px; line-height: 35px; border:1px solid #ccc; padding:0 12px;  display:inline-block; vertical-align: top;}
.pop_slt_clt_r.ed, .pop_slt_coa_r.ed, .pop_slt_month_r.ed, .navi_date_3_r.ed {border-color:#000; font-weight:bold; z-index:1; position:relative;}
.pop_slt_clt_r:not(:first-child), .pop_slt_coa_r:not(:first-child), .pop_slt_month_r:not(:first-child), .navi_date_3_r:not(:first-child) {margin-left:-1px;}
.pop_search_bar { background:#fff; overflow: hidden; font-size:0; margin-bottom:12px;}
.pop_search_bar_r {width:50%; line-height:35px; height:35px; display:inline-block; box-sizing:border-box; vertical-align: top; text-align: center; border:1px solid #ccc;}
.pop_search_bar_r.ed {z-index:1; position:relative; background:#fff; font-weight:bold; border-color:#000;}

/**/
.voucher_code_applied td, .voucher_code_applied th {color:#999;}
.voucher_code_applied_v {color:#999; vertical-align: top !important;}
.voucher_code_applied {display:none; color:#999; text-align: right; padding-top:3px;}
.voucher_ed .voucher_code_applied {display:block;}
.voucher_ed tr.voucher_code_applied {display:table-row;}
.cancel_voucher {display: block; right: -17px; top: 7px; background:url('/images/close_g.png') no-repeat center center / 12px auto; width:20px; height:20px; position:absolute; }
.voucher_valid, .voucher_valid span, .voucher_valid td {color:#999; padding-top:0px; white-space: nowrap;}
.voucher_valid, .voucher_amount, .cancel_voucher {display:none;}
.voucher_ed .enter_voucher_code {display:none;}
.voucher_ed .voucher_amount, .voucher_ed .cancel_voucher {display:block;}
.voucher_ed .voucher_valid {display:table-row;}
#faci_box .voucher_ed .voucher_amount {display:inline-block;}
#book_cart .voucher_ed .voucher_amount {display:inline-block;}
.voucher_amount {text-align:right;}

.bpop_o {transition:transform 0.3s ease;}
#me_slt_account {}
#me_slt_account.show {display:block;}

.slt_msp_depo, .slt_u_pass_r_lm, .u_pass_r .rec_r3 {color:#999; font-size:13px;}
.slt_pym_t_r {margin-bottom:5px;}
.marked_ns {color:#ff2828; display:none; margin-left:20px; }
.pal8_mb2 input, .pal8_mb2 select {margin-bottom:2px;}
.chkup_1, .chkup_2, .chkup_3 {display:none;}
#pay_booking_upl_f {width:300px; height:auto; border-radius:8px; display:none;}
#pay_booking_upl_f_o {position:relative; text-align: center; display:none;}
.clear_upl_f {background:url('/images/delete.png') no-repeat center center / 30px auto; width:30px; height:30px; position:absolute; right:20px; top:20px; display:none;}
#pay_booking_upl_f_o .clear_upl_f {right:30px; top:10px;}
#pay_booking_upl_o {position:relative; padding:0 15px;}
#pay_booking_upl {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.bo_faci_stm td, .bo_faci_etm td {white-space: nowrap;}
.manualpay_info_tb .copyit {color:#316bff; 
	width: 50px;
	text-align: right;
}
.copyitg.copied {color:#999 !important;}
.gotatt .clear_upl_f {display:block;}
.gotatt #pay_booking_upl_o {display:none;}
.gotatt #pay_booking_upl_f_o {display:block;}
.noupl #pay_booking_upl_o {display:none;}
.noupl #pay_booking_upl_f_o {display:none;}
.noupl .manualpay_info {display:none;}
.noupl .manualpay_info_2 {display:none;}
.noupl .temp_upl_1_gw {display:none;}
.cash_change_amo {text-align:right;}
.manualpay_info_qr {text-align: center; margin-bottom:15px;}
.manualpay_info_qr_dl {color:#316bff; }
.manualpay_info_qr img {width:220px; height:auto; margin-bottom:5px;}
.temp_upl_1_gw {padding-top:0px; width:100%; text-align: center; color:#999;}
.manualpay_info_2 {display:none;}
.gotatt .manualpay_info {display:none;}
.gotatt .manualpay_info_2 {display:block;}
.gotatt .temp_upl_1_gw {display:none;}
.pending_veri_img img {border-radius:8px;}
.manualpay_info {padding:10px;}
.manualpay_info_2 {padding:10px 20px;}
.manualpay_info_tb {width:100%;}
.manualpay_info_tb th {text-align:right; white-space:normal;word-break: break-word; width:50%; vertical-align: top;}
.manualpay_info_tb td {text-align:left; white-space:normal; word-break: break-all; vertical-align: top;}
.manualpay_info_r {margin-bottom:10px;}
.manualpay_info_r_1 {padding:0 10px;}
.manualpay_info_r_2 {border:0; padding:10px; margin-bottom:0;}
.add_booking_faci_type_c {padding-left:1px; font-size:0;}
.add_sinv_c_cov {position:absolute; left:0; top:0; width:100%; height:100%; z-index: 5;}
.es2_ed .add_sinv_c_cov {display:none;}
.notodo {display:none;}
.box_loading {padding:50px; text-align: center;}

.carnotr {z-index:5;}
.vi_dt_q_upl_form {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

input::-webkit-input-placeholder {
  color: #aaa;
}
input::-moz-placeholder {
  color: #aaa;
}
input:-ms-input-placeholder {
  color: #aaa;
}
input::-ms-input-placeholder {
  color: #aaa;
}
input::placeholder {
  color: #aaa;
}

.del_pending_veri {background:url('/images/delete.png') no-repeat center center / 30px auto; width:40px; height:40px; position:absolute; right:8px; top:8px;}

.top_search_go:active, .long_btn:not(.dis):active, #app.vicard .nav_r:active {background-color:#791de3;}
.slt_cc .slt_r, .snav2_r > div, .snav3_r > div, #app.isapp .nav_r, .bpop_o .con_r, .bpop_o .navi_r {transition:background-color 0.08s linear;}
#app.isapp .nav_r:active, .snav2_r > div:active, .snav3_r > div:active, .slt_cc .slt_r:active, .slt_vt_r:active, .bpop_o .con_r:active, .bpop_o .navi_r:active {background-color:#eee;}
#slt_snav, .slt_staff0, .slt_inv_dd0 {margin-right:5px;}
.upper {text-transform:uppercase !important;}
#upl_vi_dt_5.popup[v=""] {cursor:default;}
.q_upl_pfp_go {display:none;}
.vi_dt_q_upl_form.ed .q_upl_pfp_go {display:block;}
[pfp_ed="2"] .vi_dt_q_upl_form {display:none !important;}
.q_upl_pfp_go {color:#316bff; position:absolute; left:calc(50% + 60px); top:50px; cursor:pointer;}
.vi_dt_q_upl_form .ao_r_in {margin:10px;}
#app #vi_dt .q_ao_upl_img {border:0; background:url('/images/pic_1.png') no-repeat center center / 100px auto !important; }


#edit_subacc_o[s="0"] .form_go, #edit_subacc_o[s="0"] .upl_x, #edit_subacc_o[s="0"] .same_as {display:none !important;}
.gray_lbl_ca {color:#888;}
.qr_cd_warn {padding:10px 15px 0; margin-bottom:-20px;}
img:not([src]), img[src=""] {display: none;}
.del_smartve_f, .del_smartinte_f, .del_smartface_f, .del_smartcard_f, .temp_upl_x {position:absolute; right:5px; top:8px; width:28px; height:28px; background:url('/images/close_x.png') no-repeat center center / 28px auto; box-shadow:0 2px 4px 0 rgba(0,0,0,0.2); border-radius:50%;}
.fc_upled .temp_upl_x {z-index:1;}

.cus_carplate {display:none;}
#inte_upl_o #ve_upl_o_site {display:none;}
#inte_upl_o.ve_ok #ve_upl_o_site {display:block;}

#inte_upl_o #face_upl_o_site {display:none;}
#inte_upl_o.face_ok #face_upl_o_site {display:block;}

#inte_upl_o #inte_upl_o_site {display:none;}
#inte_upl_o.sc_ok #inte_upl_o_site {display:block;}

#extract_face_o {width:1px; height:1px; overflow: hidden; opacity:0; position:fixed; left:0; bottom:0;}
.upl_cur_img_o {
	position: absolute;
	left: 50%;
	top: 1px;
	width: 100px;
	margin-left: -50px;
}
.upl_cur_img_o .upl_r {display:block; width:100px; height:100px;}
.upl_cur_img_o .upl_icon[h="2"], .upl_cur_img_o .upl_vi_img[h="2"] {width:auto; height:100%;}

.tk_faces_r img, .ao_upl_img_v, .upl_cur_img_o img {transition:all 0.15s linear;}

.ao_upl_img_v:hover, #edit_vi_o .ao_upl_img_v:hover, #edit_vi_o .upl_cur_img_o:hover img, 
#add_vi .ao_upl_img_v:hover, #add_vi .upl_cur_img_o:hover img,
#cus_dt_o [pop_e="2"] .ao_upl_img_v:hover, #cus_dt_o [pop_e="2"] .upl_cur_img_o:hover img,
#add_ann .ao_upl_img_v:hover, #add_ann .upl_cur_img_o:hover img,
#add_comp .ao_upl_img_v:hover, #add_comp .upl_cur_img_o:hover img,
#add_sugg .ao_upl_img_v:hover, #add_sugg .upl_cur_img_o:hover img,
#add_owner .ao_upl_img_v:hover, #add_owner .upl_cur_img_o:hover img,
#add_account .ao_upl_img_v:hover, #add_account .upl_cur_img_o:hover img,
#add_subacc .ao_upl_img:hover .ao_upl_img_v, #add_subacc .upl_cur_img_o:hover img,
#add_tk_face .tk_faces_r img:hover 
{filter: brightness(0.8);}

[cou="0"] .upl_x_co_f {display:none;}
[cou="1"] > [type="file"] {display:none;}
.maxwi180 {max-width:180px;}
.cardaccess_files_r {display:inline-block; vertical-align: top; width:33.3%; text-align: center; margin-bottom:15px;}
.s_edit_o {position:relative;}
.s_edit_o .s_edit {display:inline-block;}
.s_edit_o .s_save {display:none;}
.s_edit_o.editing .s_edit {display:none;}
.s_edit_o.editing .s_save {display:inline-block;}
.bl_edit {display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.s_edit_o.editing .bl_edit {display:none;}
.s_edit_o:not(.editing) .upl_x {display:none;}
form.fc_form_2 .upl_cur_img_o {display:none; position:absolute; left:50%; top:1px; margin-left:-50px;}
form.fc_form .upl_cur_img_o {display:none; position:absolute; left:50%; top:1px; margin-left:-50px;}
form.fc_form #upl_ppho .upl_cur_img_o {margin-left:-49px;}
form.fc_form_2 [cou="1"] .upl_cur_img_o {display:block; z-index:6;}
form.fc_form [cou="1"] .upl_cur_img_o {display:block; z-index:6;}
form.fc_form_2 .upl_x {display:none;}
form.fc_form_2[pop_e="2"] [cou="1"] .upl_x {display:block;}
form.fc_form_2[pop_e="0"] .ao_r_in [type="file"] {display:none;}
form.fc_form_2[pop_e="2"] .ao_r_in [type="file"] {display:block;}
form.fc_form_2[pop_e="0"] .in_r_sd [type="file"] {display:none;}
form.fc_form_2[pop_e="2"] .in_r_sd [type="file"] {display:block;}
[pop_e="0"] .s_save, [pop_e="2"] .s_edit {display:none;}
[pop_e="2"] .s_save {display:inline-block;}
.upl_cur_img_o .upl_icon {width:100px; height:100px; border-radius:12px;}


.def_upl_v {margin-left:-50px; opacity:0; position:absolute; left:50%; top:0; width:100px; height:100px; }
.def_upl_o {position:relative;}
.def_upl_img {position:relative; width:100px; height:100px;  text-align:center; background:#fff url('/images/upload_g.png') no-repeat center center / 24px auto; display:inline-block; overflow:hidden; border:1px solid #ccc;}
.def_upl_img img {width:100%; height:auto; vertical-align:middle;}
.def_upl_img img.ren_h {width:auto; height:100%;}

#loading {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0); z-index:99999; text-align:center; display:none; }
#loading_c { position:absolute; left:50%; margin-left:-45px; top:45%; margin-top:-45px; z-index:99999; background:rgba(0,0,0,0.7); padding:30px;
border-radius:12px;
-webkit-border-radius:12px;
  display: inline-block;
  width: 30px;
  height: 30px;
}
#loading_c:after {
  content: " ";
  display: block;
  width: 23px;
  height: 23px;
  margin: 0px;
  border-radius: 50%;
  border: 4px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#msg_v {
    display: inline-block; 
    padding: 10px 15px; 
    background: #FF3B30; 
    color: #fff;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,0.2);
    margin-top: 90px;
    font-size:16px;
}

#msg {position:fixed; display:none; top: 20px; left: 50%; transform: translate(-50%, -50%); z-index:889;}
h1, h2, h3, table, td, th, span, div, p, a, form, input, select, textarea {/*font-family:Helvetica, sans-serif;*/font-family: 'Inter', Roboto, "Segoe UI", "Helvetica Neue", sans-serif;}
textarea:focus, input:focus{
    outline: none;
}
#vi_pass_renew_pop .pop_title {font-weight:bold; font-size:20px;}
#vi_pass_renew_pop .pop_c_v {font-size:14px;}
#qr_o_renew {font-size:16px; font-weight:bold; border-radius:4px; height:40px !important; line-height: 40px !important; display:inline-block; padding:0 15px !important;}

#qr_o_renew_ok_o {display:block; padding:20px 20px 10px; text-align: center; }
#qr_o_renew_o {display:none; padding:20px 20px 10px; text-align: center; }
#vi_pass_renew_pop[renew="2"] #qr_o_renew_o {display:block; }
#vi_pass_renew_pop[renew="2"] #qr_o_renew_ok_o {display:none; }
.pop_c_c {padding-top:10px;}
#common_confirm .pop_o {width:700px; margin-left:-350px;}
#common_hint {width:630px;}
.trtdb0 td {border-bottom:0 !important;}
#access_points_o .pop_o {width:340px; margin-left:-170px; }
#access_points_o {z-index:220;}
.access_points_title {margin:15px 5px 10px; font-size:20px;}
.access_point_t {margin:5px 0px 10px; color:#999; }
.access_point_title {margin:5px 0px 10px;; }
.access_point_r {margin:0px 7px 5px 0; border:1px solid #ccc; padding:5px; display:inline-block; vertical-align:top;}

[page="fi_report"] #right_c, [page="invoice"] #right_c, [page="credit_note_preview"] #right_c, [page="invoice_preview"] #right_c, [page="receipt"] #right_c, [page="refunded"] #right_c, [page="pv"] #right_c, [page="creditnote"] #right_c {background:#f0f0f0;}
#ultrapass_qr_key .pop_o {width:250px; margin-left:-125px; top:30%;}
#hdpop {width:1px; height:1px; overflow: hidden; opacity:0; display:none;}

.durdisp {margin:0 15px;}
#ps_pay_o .maxamount_des {display:none;}

#vi_dt .to_e, #vi_dt .del_upl, #vi_dt_o .to_e, #vi_dt_o .del_upl, #vi_dt_o .upl_c {display:none;}


.faci_info_pop_nm, .faci_info_pop_alt_tel_ti, .faci_info_pop_u_nm {font-weight:bold;}
#faci_info_pop {position:fixed; left:-1px; bottom:-1px; display:none; background:#fff; padding:8px; border:1px solid #aaa; z-index:999; box-shadow:0 5px 10px 0 rgba(0,0,0,0.15);}


.rate_c_lbl {display:none; vertical-align: top;}
.rate_c_lbl.show {display:inline; }
.durbox_v {display:none;}

.add_ticket_no_acc_tr {display:none;}
.add_ticket_no_acc_tr.show {display:table-row;}

.nbo_new_w {display:none; margin-top:8px;}
.needpay_depo2 {display:none;}
.dis_ed_depo .needpay_depo2 {display:inline-block;}
.dis_ed_depo .needpay_depo {display:none;}
.dis_ed_depo .s_giv_dis[t2="depo"] {display:none;}
.needpay_amo2 {display:none;}
.dis_ed .needpay_amo2 {display:inline-block;}
.dis_ed .needpay_amo {display:none;}
.dis_ed .s_giv_dis[t2="a"] {display:none;}
.nbo_srh_rs_r.linked {color:#999;}
.nbo_mem_id_tr {display:none;}
.nbo_mem_t_tr {display:none;}
.nbo_cus_id_tr {display:none;}
.nbo_mem_id_tr.show {display:table-row;}
.nbo_mem_t_tr.show {display:table-row;}
.nbo_cus_id_tr.show {display:table-row;}
.nbo_srh_ed_lbl {
    display: none;
    position: absolute;
    left: 10px;
    top: 26px;
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.nbo_srh_ed_x {display:none; width:35px; height:35px; background:url('/images/close_g.png') no-repeat center center / 13px auto; right:122px; top:14px; position:absolute;}
.nbo_o.cus_ed .nbo_srh_ed_lbl {
    display: block;
    margin-top: 3px;
    position: absolute;
}
/*.nbo_o.cus_ed .nbo_srh_ed_x {display:block;}*/
.nbo_o.cus_ed .nbo_srh_ed_x {
    display: block;
    top: 24px;
    right: 128px;
}
.nbo_srh_rs_r {padding:3px 10px; cursor:pointer;}
.nbo_srh_rs_r:hover {background:#eee;}
.nbo_srh_rs_r.ed {background:#ddd;}
/*.nbo_srh_x {width:35px; height:35px; background:url('/images/close_g.png') no-repeat center center / 12px auto; position:absolute; right:118px; top:16px; display:none;}*/
.nbo_srh_x {
    width: 35px;
    height: 35px;
    background: url('/images/close_g.png') no-repeat center center / 15px auto;
    position: absolute;
    right: 150px;
    top: 24px;
    display: none;
}


.nbo_srh_list_o {padding:0px 0 10px;}
.nbo_srh_list {display:none; height:115px; overflow-y:auto;}
.nbo_srh_rs[t="1"] .nbo_srh_list[t="1"] {display:block;}
.nbo_srh_rs[t="2"] .nbo_srh_list[t="2"] {display:block;}
.nbo_srh_rs {border:1px solid #ccc; padding:0px; display:none; margin-bottom:15px;background-color: white;}
.nbo_srh_nav {padding:10px;}
.nbo_srh_nav_r {border:1px solid #ccc; height:25px; line-height: 25px; width:100px; text-align: center; margin-right:10px; display:inline-block; vertical-align: top; cursor:pointer;}
.nbo_srh_nav_r.ed {border-color:#000;}
.nbo_o {padding-bottom:0px; padding-top:10px; display:none;}
.book_t_ed .nbo_o, #book_cart .nbo_o {display:block; }
.book_t_ed .bulk_book_go {display:none;}
.nbo_srh_v {width:250px; padding-right:25px;}
.nbo_srh_rs .notfound {padding:50px 20px;}
.nbo_o > table {margin-bottom:15px;width:100%}
.is_mem_lbl {position:absolute; right:15px; top:8px;}
.day_left_lbl {position:absolute; left:12px; top:8px; }


/*.bo_info_2 > table, .bo_info_2a > table {width:86%; margin:auto;}*/
@media (min-width: 768px) {
  .bo_info_2 > table,
  .bo_info_2a > table {
    width: 79%;
    margin: auto;
  }
}

@media (max-width: 767px) {
  .bo_info_2 > table,
  .bo_info_2a > table {
    width: 63%;
    margin: auto;
  }
}



.total_rate {text-align:right; position:relative;}
.nbo_o.cus_ed .nbo_alter {display:none; }
.nbo_import_w {display:none; color:#999; margin-top:8px;}
.cus_ed_im .nbo_import_w {display:block; }
#faci_box .nbo_o > table > tbody > tr > th, #book_cart .nbo_o > table > tbody > tr > th {text-align:right; width:140px; vertical-align: top; padding-top:12px;}
#faci_box .fa_rmk > table > tbody > tr > th, #book_cart .fa_rmk > table > tbody > tr > th,
#faci_box .nbo_o > table > tbody > tr > th, #book_cart .nbo_o > table > tbody > tr > th {padding-top:12px;padding-bottom: 4px;}
#faci_box .nbo_o.cus_ed > table > tbody > tr > th, #book_cart .nbo_o.cus_ed > table > tbody > tr > th {width:180px;} /*width:175px;*/

.faci_time_tbody .notfound, .faci_c .notfound {padding:30px 20px; border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.2);}
.notfound14 {padding:80px 20px; text-align: center; color:#999; font-size:14px;}
.notodo {text-align: center; padding:50px 20px; color:#999;}
#cus_dt_mstb {width:100%; }
#cus_dt_mstb td {border:1px solid #ccc;}
.memlist_r {margin-bottom:10px;}
.upl_block {position:absolute; left:0; top:0; width:100%; height:100%; }
#setting_pop[e="2"] .upl_block {display:none;}
#vi_ocr_o {background:rgba(0,0,0,1);}
.ocr_bg_top {background:rgba(0,0,0,0.5); position:absolute; left:calc((100% - 480px) / 2); top:80px; width:calc(100% - (100% - 480px)); height:40px;}
.ocr_bg_bottom {background:rgba(0,0,0,0.5); position:absolute; left:calc((100% - 480px) / 2); top:0; width:calc(100% - (100% - 480px)); height:calc(100% - 290px - 120px);}
.ocr_bg_left {background:rgba(0,0,0,0.5); position:absolute; left:0; top:80px; width:calc((100% - 480px) / 2); height:100%;}
.ocr_bg_right {background:rgba(0,0,0,0.5); position:absolute; right:0; top:80px; width:calc((100% - 480px) / 2); height:100%;}
#vi_ocr {width: 600px;position: absolute;left: 50%;margin-left: -300px;height: 100%;}
#vi_ocr_nm_box {border:1px solid #ffff00; width:275px; height:45px; position:absolute; left:80px; top:295px;}
#vi_ocr_o[t="2"] #vi_ocr_nm_box {width:290px; left:220px; top:165px; height:40px;}
#vi_ocr_o[t="3"] #vi_ocr_nm_box {width:290px; left:220px; top:165px; height:40px;}
#vi_ocr_ic_box { border:1px solid #ffff00; width:170px; left:80px; top:200px; height:25px; position:absolute;}
#vi_ocr_o[t="2"] #vi_ocr_ic_box {width: 120px;left: 330px;top: 220px;height: 25px;}
#vi_ocr_o[t="3"] #vi_ocr_ic_box {width: 120px;left: 330px;top: 220px;height: 25px;}
#vi_ocr_nm_box #vi_ocr_ic_box {width:130px; left:335px; top:220px; height:20px;}
#vi_ocr_card_box { background:url('/images/cam_kuang.png') no-repeat center center / 100% 100%; width:480px; height:290px; position:absolute; left:50%; margin-left:-240px; top:120px;}
/* background:url('/test_dri.jpg') no-repeat center center / 100% auto; */
#vi_ocr_video {width: 600px;position: absolute;top: 80px;left: 50%;margin-left: -300px; opacity:0;}
#vi_ocr_video.opa1 {opacity:1;}
#vi_ocr_o[t2="ic"] #vi_ocr_nm_box {display:none;}

.pop_cam_ti {color:#fff; font-size:20px; position:absolute; left:0; top:32px; width:100%; text-align:center;}
#app .e_td .iti {display:none;}
.opa0 {opacity:0 !important;}

/* slt unit box */
#add_amen_rec .unit_lbl, #add_vi .unit_lbl, #add_concierge .unit_lbl {display:none;}
#add_amen_rec .change_unit, #add_vi .change_unit, #add_concierge .change_unit {background:none;	position: absolute;	left: 4px;	top: 47px; }
#app:not(.isapp) .change_unit {left:0px; top:32px;}
#app:not(.isapp) .clear_change_unit {top:19px;}
#app:not(.isapp) #add_amen_rec .clear_change_unit, #app:not(.isapp) #add_concierge .clear_change_unit {top:33px; right:15px;}
#app:not(.isapp) #add_vi .clear_change_unit {top:30px; right:12px;}
/* end */

.vi_slt_unit.unit_ed .change_unit {display:none;}
.unit_ed .change_unit {display:none;}
.clear_change_unit {background:url('/images/close_g.png') no-repeat center center / 16px auto; width:30px; height:30px; position:absolute; right:16px; top:42px; display:none;}
.unit_ed .clear_change_unit {display:block;}
.add_vi_vt_des {position: absolute;left: 0;top: 40px;width: 100%;text-align: center;font-size: 12px;}
.pop_back {background:url('/images/back2.png') no-repeat center center / 24px auto; width:50px; height:50px; position:absolute; left:0; top:0px;}
.pop_c {position:relative;max-height:85vh;overflow: auto;}
#switch_scan_qr, #vi_ocr_switch {display:none; background:url('/images/switchcamera.png') no-repeat center center / 35px auto; width:40px; height:40px; position:fixed; right:30px; bottom:80px; z-index:889;}
.plc_r_status {font-size:16px; margin-bottom:5px;}
.evlots_depo img {width:12px; height:auto; vertical-align: middle;}
.evlots_depo {position: absolute;left: 0;top: 30px;width: 100%;text-align: center;}
.rdc_inv {display:inline-block; vertical-align: top; padding:10px;}
/* #plc_depo_o .pop_o {top:15%; } */
.rdc_c {padding:15px;}
.pop_bg .plc_ask_depo_no, .pop_bg .s_pay_inv_no {width:38%; display:inline-block; vertical-align: top; height:50px; line-height: 50px;}
.pop_bg .plc_ask_depo_yes, .pop_bg .s_pay_inv  {width:38%;margin-left:10px; display:inline-block; vertical-align: top; height:50px; line-height: 50px;}

.slt_tg {display:none;}
#confirm_plc_o .pop_des {margin-top:-13px;}
.slted_parking {display:none; margin-right:5px; font-weight:bold;}
.clear_parking {display:none;}
.slt_parking_inv_v.ed .slted_parking, .slt_parking_inv_v.ed .clear_parking {display:inline-block;}
.slt_parking_inv_v.ed .s_slt_unit33 {display:none;}

#paid_o .pop_o {width:300px; margin-left:0px; top:50%;}
.paid_img {text-align:center;}
.paid_img img {width:100px; height:auto;}

#vi_ocr_snap {background:url('/images/round_snap_shadow.png') no-repeat center center / 100px auto; width:100px; height:100px; position:absolute; left:50%; bottom:60px; margin-left:-50px;}
.s_ocr {background:url('/images/ocr.png') no-repeat center center / 21px auto; width:35px; height:35px; position:absolute; right:0; top:16px; display:none;}
.isapp .s_ocr {top:22px; right:0px; width:50px; height:50px;}
.isapp .s_ocr[t="ic"]:not(.is_iden) {top:auto; bottom:-7px;}
#app[acct="s"] .s_ocr {display:block;}
.clear_srh_unit {display:none; position:absolute; right:0; top:0; width:50px; height:30px; background:url('/images/close_g.png') no-repeat center center / 12px auto; }
.srh_ed .clear_srh_unit {display:block;}

#app .ao_r[ent="2"] .hcor {display:none;}
.pu_r_in {display:none;}
#app .ao_r[ent="2"] .pu_r_in {display:block;}
#app.isapp .ao_r[ent="2"] .pu_r_in_srh {display:none;}
#app .ao_r[ent="2"] .pu_r:not([pu_cus_ed="2"]) .pu_cus_id_r {display:none;}
.pu_r {display:none;}
.pu_srh_cus_slted_tip, .srh_cus_slted_tip {display:none; color:#999; font-size:11px;}
.ao_r[cus_ed="2"] .srh_cus_slted_tip {display:block;}
.pu_r[pu_cus_ed="2"] .pu_srh_cus_slted_tip {display:block;}
.srh_cus_slted_clear {background:#fff url('/images/close_g.png') no-repeat center center / 12px auto; width:30px; height:22px; position:absolute; right:0; top:0;}
.srh_cus_slted_c {	margin-top: 2px;	vertical-align: middle;	display: inline-block;	width: calc(100% - 45px);	text-overflow: ellipsis;	overflow: hidden;	white-space: nowrap;}
.srh_cus_slted {display:none;	position: absolute;	left: 1px;	top: 2px;	padding: 3px; height:22px;	background: #fff;	width: calc(100% - 102px);	box-sizing: border-box;	overflow: hidden;
}

.retrieve_data_r__temp {display:none;}
.srh_cus_slted_img {width:15px; height:15px; margin-right:5px; vertical-align:middle;}
.add_ticket_amo {margin:0 3px;}
.login_logo_c {padding-top:0px;}
.login_logo {text-align:center; margin-bottom:10px; margin-top:12px; display:block; margin:40px auto 5px;  width:128px; height:auto; overflow:hidden;
border-radius:15px;
-webkit-border-radius:15px;
}
.icon_static {display:none; padding:20px; box-sizing:border-box;}
.icon_static {position:fixed; left:50%; top:50%; width:120px; height:120px; margin-left:-60px; margin-top:-60px; background:rgba(0,0,0,0.7);z-index:999;
border-radius:12px;
-webkit-border-radius:12px;
}
.icon_static img {width:80px; height:auto; opacity:0;}
.icon_static.fading img {
animation: showstaticicon 2s forwards cubic-bezier(.21,.79,.46,1.1);
-webkit-animation: showstaticicon 2s forwards cubic-bezier(.21,.79,.46,1.1);
}
@keyframes showstaticicon {
    0% {opacity:0; transform:scale(0);}
    20% {opacity:1; transform:scale(1.1);}
    40%, 100% {opacity:1; transform:scale(1);}
}
.plc_confirm_rate_ti, .plc_confirm_addon_ti, .plc_confirm_total_ti {font-size:16px; text-align: left;}
.plc_confirm_rate, .plc_confirm_addon, .plc_confirm_total {font-size:14px; text-align:left;}
.plc_confirm_rate {margin-bottom:10px;}
.plc_confirm_total_ti {padding-top:10px; border-top:1px solid #ccc; margin-top:10px;}
/*.plc_confirm_dt {padding:16px; border:0px solid #000; margin-top:10px;}*/



.ask_depo_amo {font-size:22px;}
.plc_depo_c {text-align:center;}
#confirm_plc_o {z-index:210;}
/*.plc_confirm_w {text-align:center; font-size:14px;}*/
.plc_confirm_w {
    text-align: center;
    font-size: 16px;
    /* padding: 50px; */
    font-weight: bold;
color:#4CAF50;
}

select:disabled {-webkit-appearance: none;-moz-appearance: none;appearance: none;opacity:1;}
#qr_lift_img_o {display:none;}
input:focus, textarea:focus, select:focus {border-color:#316bff;}
.faddbox_c {padding:20px; text-align:center; }
#edit_mem .same_as, #edit_mem .del_uf {display:none;}
.del_uf {background:url('/images/close_g.png') no-repeat center center / 8px auto; width:20px; height:20px; position:absolute; right:0; top:0;}
.uf_list {	position: absolute;	left: 0;	top: 0;	width: 100%;	height: 100%;	overflow: hidden;}
#add_inci .upl_icon_w {display:none;}
[first_pw="2"] .u_cpw {display:none;}

.slt_u_pass_r_nm, .slt_ocr_t_nm, .slt_vt_nm, .slt_plc_nm, .slt_evt_nm, .slt_evt_addon_nm, .slt_msp_nm {font-size:18px;}
.slt_plc_rate {font-size:16px;}
.slt_msp_rate {font-size:16px;}
.slt_u_pass_r, .slt_ocr_t_r, .slt_vt_r, .slt_plc_r, .slt_evt_r, .slt_evt_addon_r, .slt_msp_r {padding:18px 30px; border-bottom:1px solid #eee; position: relative;
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
}
.slt_plc_right {position: absolute;right: 30px;top: 25px; text-align:right;}
.slt_msp_right {position: absolute; right: 30px;top: 25px; width:100px; text-align: right;}
.slt_msp_r {padding-right:100px;}

/*.plc_confirm {text-align:center; padding:20px;}*/
.plc_confirm {
    text-align: center;
    padding: 16px;
    background-color: #f8f8f8;
    border-radius: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.plc_confirm img {width:150px; height:auto; border:0px solid #000;
border-radius:15px;
-webkit-border-radius:15px;
}
.nohr {color:#ff0000 !important; }
.validfrom_time option:not(.nohr) {color:#222 !important; }
.slt_other_time, .disallowed_time {display:none; color:#ff0000; padding-top:5px;text-align:left;padding-left:8px;}
/*
.redbg {color:#ff0000 !important; }
.redbg > option:not(.redbg) {color:#222 !important;}
*/
.fcb {position:absolute; left:0; top:0;}
.in_r_csp {margin-top:15px;}
.subacc_status {text-align:center; padding:20px 0 10px;}
#app .dtcard_box_status, #app .dtcard_box_status > span, .subacc_status_lbl {font-size:24px;}
.subacc_r .subacc_status_lbl {font-size:12px;}
.upl_box_c {font-size:0;}
.lottie_icon {position:absolute; left:50%; top:50%; width:150px; height:150px; margin-left:-75px; margin-top:-75px; display:none; z-index:999; background:rgba(0,0,0,0.7);
border-radius:12px;
-webkit-border-radius:12px;
}

.acc_rel {display:inline-block; vertical-align:top; background:#999; padding:3px 6px; color:#fff; margin-top:-12px;
border-radius:8px;
-webkit-border-radius:8px;
}
.in_card_new_t .carno {margin-right:5px;}
#inci_dt .evi_ti {margin-top:10px; font-weight:bold;}
#inci_dt .popfimg .in_lbl {text-align:left;}
.other_input, .resi_input, .parking_input {display:none; margin:5px 0; width:100%;}
#slt_unit3[t="3"] .slt_c_2, 
#slt_unit3[t="3"] .slt_c_22, 
#slt_unit3[t="3"] .slt_c_1,
#slt_unit3[t="5"] .slt_c_1, #slt_unit3[t="5"] .slt_c_2, #slt_unit3[t="5"] .slt_c_3, #slt_unit3[t="5"] .slt_c_4 {display:none;}
#slt_unit3[t="5"] .slt_ti_r_1, #slt_unit3[t="5"] .slt_ti_r_2, #slt_unit3[t="5"] .slt_ti_r_3, #slt_unit3[t="5"] .slt_ti_r_33 {display:none;}
#slt_unit3[t="6"] .slt_c_1, #slt_unit3[t="6"] .slt_c_2, #slt_unit3[t="6"] .slt_c_3, #slt_unit3[t="6"] .slt_c_4 {display:none;}
#slt_unit3[t="6"] .slt_ti_r_1, #slt_unit3[t="6"] .slt_ti_r_2, #slt_unit3[t="6"] .slt_ti_r_3, #slt_unit3[t="6"] .slt_ti_r_33 {display:none;}
#slt_unit3[t="5"] .slt_c_5, #slt_unit3[t="6"] .slt_c_5 {width:80%;}
#slt_unit3[t="5"][h_unit_t="5"] .slt_c_5, #slt_unit3[h_unit_t="6"] .slt_c_5 {width:100%;}
#slt_unit3[t="5"] .slt_c_5 .slt_r, #slt_unit3[t="6"] .slt_c_5 .slt_r {width:25%; display:inline-block; vertical-align:top; box-sizing:border-box;}
#slt_unit3[t="5"] .slt_c_5 .slt_cc, #slt_unit3[t="6"] .slt_c_5 .slt_cc {font-size:0;}
#slt_unit3 {z-index:300;}
#slt_unit3 .park_ti, #slt_unit3 .unit_ti, #slt_unit33 .unit_ti, #slt_unit33 .park_ti {display:none;}
#slt_unit3 .unit_ti.show, #slt_unit3 .park_ti.show, #slt_unit33 .unit_ti.show, #slt_unit33 .park_ti.show {display:inline-block;}

#slt_customers[t="3"] .slt_c_2, 
#slt_customers[t="3"] .slt_c_22, 
#slt_customers[t="3"] .slt_c_1,
#slt_customers[t="5"] .slt_c_1, #slt_customers[t="5"] .slt_c_2, #slt_customers[t="5"] .slt_c_3, #slt_customers[t="5"] .slt_c_4 {display:none;}
#slt_customers[t="5"] .slt_ti_r_1, #slt_customers[t="5"] .slt_ti_r_2, #slt_customers[t="5"] .slt_ti_r_3, #slt_customers[t="5"] .slt_ti_r_33 {display:none;}
#slt_customers[t="5"] .slt_c_5, #slt_customers[t="5"] .slt_ti_r_5 {width:60%;}
#slt_customers[t="5"][h_unit_t="5"] .slt_c_5 {width:100%;}
#slt_customers[t="5"] .slt_c_5 .slt_r {width:25%; display:inline-block; vertical-align:top; box-sizing:border-box;}
#slt_customers[t="5"] .slt_c_5 .slt_cc {font-size:0;}
#slt_customers[t="6"] .slt_c_1, #slt_customers[t="6"] .slt_c_2, #slt_customers[t="6"] .slt_c_3, #slt_customers[t="6"] .slt_c_4 {display:none;}
#slt_customers[t="6"] .slt_ti_r_1, #slt_customers[t="6"] .slt_ti_r_2, #slt_customers[t="6"] .slt_ti_r_3, #slt_customers[t="6"] .slt_ti_r_33 {display:none;}
#slt_customers[t="6"] .slt_c_5, #slt_customers[t="6"] .slt_ti_r_5 {width:60%;}
#slt_customers[t="6"][h_unit_t="6"] .slt_c_5 {width:100%;}
#slt_customers[t="6"] .slt_c_5 .slt_r {width:25%; display:inline-block; vertical-align:top; box-sizing:border-box;}
#slt_customers[t="6"] .slt_c_5 .slt_cc {font-size:0;}
#slt_customers {z-index:211;}
#slt_customers .park_ti, #slt_customers .unit_ti {display:none;}
#slt_customers .unit_ti.show, #slt_customers .park_ti.show {display:inline-block;}

.remind_prop_acc {color:#999; text-align:center; padding-top:20px;}
[acct="s"] .remind_prop_acc {display:none;}
.qrdes {padding:20px 0px 0 0px; text-align:center;}
.slt_account_4_r {display:block; padding:20px; font-size:20px;  border:1px solid #ccc; text-align:center; margin-bottom:15px;}
.slt_c {display:inline-block; width:33.33%; padding:0px; box-sizing:border-box; vertical-align:top; overflow-y:scroll;height:100%;}

.pop_bg .plc_rate_c {display:inline-block;}
.pop_bg .plc_label {display:inline-block;}

#slt_unit3 .slt_c {width:20%;}
#slt_customers .slt_c {width:20%;}
#slt_customers[t="1"] .slt_c {width:16.5%;}
#slt_customers[t="1"] .slt_ti_r {width:16.5%;}
#slt_customers[t="2"] .slt_c {width:16.5%;}
#slt_customers[t="2"] .slt_ti_r {width:16.5%;}

.pop_bg[t="4"] .slt_ti_r, #slt_unit3.pop_bg[t="4"] .slt_c {width:16.6%;}

.pop_bg[t="2"] .slt_ti_r_22, .pop_bg[t="4"] .slt_ti_r_22 {display:inline-block;}
#slt_unit33[t="1"] .unit_ti, #slt_unit33[t="2"] .park_ti {display:inline-block;}
.slt_c_22 {display:none;}
#slt_aa {display:none;}
.pop_bg[t="2"] .slt_c_22, .pop_bg[t="4"] .slt_c_22 {display:inline-block;}
.pop_bg[t="2"] .slt_c, .pop_bg[t="4"] .slt_c {width:25%;}
#slt_unit_owners .slt_c {width:25%;}
#slt_unit33 .slt_c, .slt_c, #slt_unit33 .slt_ti_r {width:33.33%;}

.slt_ti_bot .slt_ti_r:not(.slt_ti_r_0) {display:none !important;}
.slt_ti_bot .slt_ti_r.show2 {display:inline-block !important;}
.slt_r {word-break:break-word;}
#slt_unit2 .slt_c {width:25%;}
.slt_c_ca {display:none;}
#slt_unit2[c="1"] .slt_ti_r_ca {display:none;}
#slt_unit2[c="2"] .slt_c_1 {display:none;}
#slt_unit2[c="2"] .slt_c_2 {display:none;}
#slt_unit2[c="2"] .slt_c_3 {display:none;}
#slt_unit2[c="2"] .slt_c_ca {width:75%; display:inline-block;}
#slt_unit2[c="2"] .slt_ti_r_bl, #slt_unit2[c="2"] .slt_ti_r_lv, #slt_unit2[c="2"] .slt_ti_r_unit {display:none;}
.slt_c:last-child .slt_cc {border:0;}
.slt_c_o {font-size:0; border:1px solid #eee; margin-bottom:15px; height:200px;}
#slt_unit3_o .slt_c_o {margin-bottom:5px; max-height:110px;}
.slt_ti_bot {margin-bottom:15px; text-align: left;}
.slt_cc {border-right:1px solid #eee; height:100%; padding:10px 0; box-sizing:border-box;}

.pop_bg[t="4"] .slt_ti_r_22 {display:none;}

.slt_ti {font-size:0;}
.slt_ti_r {display:inline-block; vertical-align:top; width:20%; text-align:center; color:#888; margin-bottom:5px;}
#slt_unit2 .slt_ti_r {width:25%;}
#slt_unit2 .slt_ti_r_11, #slt_unit2 .slt_ti_r_ca {width:75%;}
.slt_ti_r_33, .slt_ti_r_22 {display:none;}
.pop_bg[t="4"] .slt_ti_r_33 {display:inline-block;}

.mv_stra {display:inline-block; padding-top:2px;}
[name="depo_a"][readonly=""] {background:#ddd;}
.space_t_c {display:none;}
.space_t_c.show {display:block;}
.space_t_r {margin-right:10px;}
#chg_pw[first_pw="2"] .op_close {display:none;}
.navi_img, .download_img {width:50px; height:50px; vertical-align:middle; margin-right:10px; position:absolute; left:20px; top:5px;
border-radius:50%;
-webkit-border-radius:50%;
}

.botbar2_o .long_btn {margin:0;}
.contg {font-size:inherit; }
form.botbar_r {margin:0;}
#app .nove {border:0px solid #000; padding:2px 4px; display:inline-block; background:#eee; color:#aaa; /*font-size:11px;*/
border-radius:6px;
-webkit-border-radius:6px;
}
.beprim_r {margin-bottom:15px;}
.vi_r .vi_carplate, .vipass_card .vi_carplate, .ve_carplate {text-align:center; margin-top:-14px;}
.pop_bg.z0 {z-index:100;}
.blacklist_i {background:url('/images/blacklist.png') no-repeat 0 center / 50px auto;}
.whitelist_i {background:url('/images/whitelist.png') no-repeat 0 center / 50px auto; }
.download_r2, .download_r, .con_r, .bpop_r {padding:15px 20px 15px 85px; margin-bottom:5px; box-sizing:border-box; min-height:60px; font-size:16px; display:block; cursor:pointer; position:relative; color:#000; }
#ui-datepicker-div.ui-datepicker td.ui-datepicker-today {border:1px solid #000;}
label.pal {position:relative; padding-left:20px; display:block; padding-top:2px;}
label.pal > input[type="checkbox"] {position:absolute; left:0; top:0;}
#qr_img_o, #qr_lift_ing_o {height:250px; background:url('/images/loading_qr.png') no-repeat center center / 250px auto;}

#add_account[t="1"] .in_r_terms, #add_account[t="3"] .in_r_terms {display:none !important;}

.tk_cus_info .xin_go {bottom:auto; top:-4px; right:-4px;}
.ticket_cus_nm .xin_go {bottom:auto; top:0px; right:0px;}
.rea_w {color:#999;}
.need_approval {display:none; color: #ff0000; width: 134px;}
.out_tm {display:none; color: #ff0000; }
#pop_terms_1 {z-index:666;}
#pop_terms_2 {z-index:666;}
#pop_terms_3 {z-index:666;}

#vi_dt .e_tr[v=""]:not(.chg_ed) .to_save {display:none;}
#vi_dt .e_tr.chg_ed .to_cc {display:inline-block;}
#vi_dt .e_tr[v=""] .to_e {display:none;}
#vi_dt .e_tr[v=""] .vi_dt_v_e.vi_dt_v {display:inline-block; margin:0px auto 0;}

#app.vicard .e_tr[v=""]:not(.chg_ed) .to_save {display:none;}
#app.vicard .e_tr.chg_ed .to_cc {display:inline-block;}
#app.vicard .e_tr[v=""] .to_e {display:none;}
#app.vicard .e_tr[v=""] .vi_dt_v_e.vi_dt_v {display:block; width:100%;}

#faci_box .xin, #book_cart .xin {width:170px; padding-right:30px !important;}
#faci_box .xin[name="eps_tel"], #book_cart .xin[name="eps_tel"] {width:170px;}
.bookings_rmk_c th, .bookings_rmk_c td {vertical-align:top;}
.book_mode_c {font-size:0; padding-left:1px; text-align:center; margin-bottom:10px; display:none;}
.book_mode_r {display:inline-block; vertical-align:top; color:#316bff; border:1px solid #316bff; height:25px; line-height:25px; text-align:center; width:100px; margin-left:-1px;}
.book_mode_r.ed {background:#316bff; color:#fff;}
.book_mode_r:first-child {
border-radius:7px 0 0 7px;
-webkit-border-radius:7px 0 0 7px;
}
.book_mode_r:last-child {
border-radius:0 7px 7px 0;
-webkit-border-radius:0 7px 7px 0;
}
#app[acct="u"] .vi_slt_unit {display:none;}
.temp_status {padding:10px; color:#999; text-align:center; }
.reg_s_w {	display: block;	padding: 5px;	vertical-align: middle; margin-left:130px; font-size:12px;}  
.bo_info .gray_lbl {font-size:13px;}
.remind_prop_w {text-align:center; padding:7px 15px; color:#999; display:none;}
.qc_c, .chg_acc_c {white-space:nowrap; margin-bottom:12px; font-size:0; overflow-x:scroll; overflow-y:hidden; padding-left:1px; margin-top: 24px;}
.qc_r, .chg_acc_r {display:inline-block; height:45px; vertical-align:top; padding:15px; border:1px solid #ccc; white-space:normal; margin-left:-1px; max-width:120px; text-align:center; cursor:pointer;}
.qc_r.ed, .chg_acc_r.ed {border:1px solid #000; padding:15px 13px; position:relative; z-index:2; font-weight:bold;}

.scurr {display:inline-block; vertical-align:middle; margin:0 5px;}
/*.ori_amo {color:#999; text-decoration:line-through; font-size:11px; margin-left:5px; position:absolute; left:100%; top:3px;}*/
.ori_amo {
    color: #000;
    text-decoration: line-through;
    font-size: 13px;
    margin-left: 8px;
    position: absolute;
    left: 100%;
    top: 5px;
    text-decoration-color: red;
}
.dis_a_tr th, .dis_depo_tr th {vertical-align:top;}
.rm_dis, .rm_dis_depo, .s_giv_dis {font-weight:normal;}
.dis_a_tr .needpay_amo {display:inline-block;}
.s_giv_dis, .rm_dis_depo, .rm_dis { display:inline-block; vertical-align:middle; font-weight:normal;
	position: absolute;
	left: calc(100% + 10px);
	top: 1px;
	padding: 0;
}
.account_tb_upl_r {width:33.3%; display:inline-block; vertical-align: top; text-align: center;}
.account_tb_upl_r .in_lbl {text-align:center; padding:5px;}
[pop_e="2"] .v_w {display:none !important;}
[pop_e="2"] .e_w {display:inline-block; }
[pop_e="2"] .account_tb .e_w {width:100%;}
[pop_e="0"] .e_w {display:none !important;}
.e_iti .iti {display:none;}
[pop_e="2"] .e_iti .iti {display:inline-block;}
.needpay_amo2 {display:none;}
.rm_dis_depo, .rm_dis {text-align:center; padding:0px 0; display:none; white-space:nowrap;}
.dis_ed_depo .rm_dis_depo, .dis_ed .rm_dis {display:inline-block;}
.dis_ed_depo .dis_depo_tr .needpay_amo2, .dis_ed .dis_a_tr .needpay_amo2 {display:inline-block;}
#pin_v {text-align:center; font-size:20px; letter-spacing:10px; width:250px;}
.s_giv_dis {text-align:center; padding:0px 0;}
.dis_ed_depo .dis_depo_tr .s_giv_dis, .dis_ed .dis_a_tr .s_giv_dis {display:none;}
.dis_ed_depo .dis_depo_tr .needpay_amo, .dis_ed .dis_a_tr .needpay_amo {display:none;}
.vi_card_right .vi_nm_e_tr .to_e {margin-top:2px;}

.vi_dt_v_w, .vi_dt_v_e, .vi_dt_tr .to_e, .vi_dt_tr .to_cc, .vi_dt_tr .to_save, .e_tr .to_e, .e_tr .to_cc, .e_tr .to_save {display:none;}
#vi_dt .to_e, #vi_dt .to_cc, #vi_dt .to_save, #vi_dt_o .to_e, #vi_dt_o .to_cc, #vi_dt_o .to_save, #app.vicard .to_e, #app.vicard .to_cc, #app.vicard .to_save {color:#316bff; cursor:pointer;}
#vi_dt .to_cc, #vi_dt_o .to_cc, #app.vicard .to_cc {margin-right:15px;}
#vi_dt .to_cc, #vi_dt .to_save, #vi_dt_o .to_cc, #vi_dt_o .to_save, #app.vicard .to_cc, #app.vicard .to_save {padding:7px; float:right;}
.vi_dt_v_w {margin-right:10px;}
#app .vidtcarno {margin:0; text-align:center;}
#app .vidtcarno_td_v {width:150px; }
#app .e_tr[e="2"] .vidtcarno_td_v {display:inline-block; }
#app .vidtcarno_td .to_e, #app .vidtcarno_td .to_save, #app .vidtcarno_td .to_cc {float:none; margin:0 15px;}

.vi_dt_tr[e="2"] .vi_dt_v_e {display:block; width:100%;}
.vi_dt_tr[e="2"] .to_save, .vi_dt_tr[e="2"] .to_cc {display:inline-block; vertical-align:top;}
.vi_dt_tr[e="0"] .vi_dt_v_w, .vi_dt_tr[e="0"] .to_e {display:inline-block; vertical-align:top;}
.vi_dt_tr[v=""] .to_cc {display:none;}

#app .e_tr[e="2"] .iti {display:inline-block;}
.e_tr[e="2"] .vi_dt_v_e {display:block; width:100%;}
.e_tr[e="2"] .to_save, .e_tr[e="2"] .to_cc {display:inline-block; vertical-align:top;}
.e_tr[e="0"] .vi_dt_v_w, .e_tr[e="0"] .to_e {display:inline-block; vertical-align:top;}
.e_tr[v=""] .to_cc {display:none;}


.isapp[acct="u"] #vi_dt[canedit="2"] .to_e {display:none;}

.green_lbl {color:#4CAF50;}

.blinking2 {
animation: blink 1s infinite linear;
-webkit-animation: blink 1s infinite linear;
}
.blinking {
animation: blink 0.5s infinite linear;
-webkit-animation: blink 0.5s infinite linear;
}
.pay_cd {text-align:center; padding:10px; color:#ff0000; font-weight:bold;}

 #book_cart th  {padding:0px 8px;margin:auto;}



.nbo_o.graybox th {
padding:4px 4px;margin:auto;
}




.vfblock_c input, .vfblock_c select {opacity:0.5;}
.m0 {margin:0;}
.vfblock {position:absolute; left:0; top:0; width:100%; height:100%;}
.in_reg_by_s input {width:100%;}
.noti_r.new { background:#eee;}
span.refunded_w {color:#999; margin-left:10px;}
.vat {vertical-align:top !important;}
.vam {vertical-align:middle !important;}
.vab {vertical-align:bottom !important;}
.bo_info_4 {text-align:center; padding:10px 0;  margin-bottom:5px;}
.bo_info_4 table {width:100%;}
.bo_info_4 th {width:50%; text-align:right;}
.pop_tb {width:100%; }
.pop_tb th {text-align:right; white-space:nowrap; width:50%; vertical-align:top;}
.pop_tb th, .pop_tb td {padding:3px 5px;}
.pop_tb .list_tb th {width:auto;}
.list_tb .items_tb td {border-bottom:0;}
.list_tb th {white-space:nowrap;}

#add_service .slt_subacc_o {display:none;}
.slt_subacc {display:none;}
.slt_subacc.show {display:block;}
.cus_id_r, .pu_cus_id_r {display:none;}
.ent_r {}
.ent_c {display:none; font-size:0;}
.ent_c.show {display:block;}
input[readonly="readonly"] {background-color:#eee;}
.dp.tempoff {background:#ddd !important;}
div .t1r {display:none;}
div .t2r {display:none;}
.ao_r[ent="1"] .t1r {display:inline-block;}
.ao_r[ent="2"] .t2r {display:inline-block;}
.pop_o[t="2"] .t1r {display:none;}
.pop_o[t="1"] .t2r {display:none;}
.pop_o[t="2"] .t2r {display:inline;}
.pop_o[t="2"] div.t2r {display:inline-block;}
.pop_o[t="1"] .t1r {display:inline;}
.pop_o[t="1"] div.t1r {display:inline-block;}
.pop_bg[ent="2"] .t2r {display:inline-block;}
#app[acct="u"] .ao_r[ent="1"][cus_ed="2"] .ao_r_uh {display:none;}
#app[acct="u"] .ao_r[ent="2"][cus_ed="2"] .t2r.ao_r_uh {display:none;}
#app[acct="u"] .ao_r[ent="2"] .pu_r[pu_cus_ed="2"] .ao_r_uh {display:none;}


#app .cus_id_w {font-weight:normal;}
.ao_r {margin-bottom:10px;
transition:all 0.1s ease-out;
-webkit-transition:all 0.1s ease-out;
}

.cus_in_adrs .e_w, .coadrs_td .e_w {margin-bottom:3px;}
.coadrs_td .v_w {margin-bottom:5px; display:block;}

.ao_r.ao_adding {opacity:0;}
[acct="u"] .pop_bg.showe:not(#add_subacc) .ao_r[cus_ed="2"] .ao_r_sonly {display:none;}
.ao_r_box {display:block; padding:15px; background:#f8f8f8; margin-bottom:5px;
border:1px solid rgba(0,0,0,0.1);
border-radius:2px;
-webkit-border-radius:2px;
}
.ao_r:last-child .ded_ao_r, .ao_r:last-child .add_ao_r {display:inline-block;}
.ao_r:first-child .ded_ao_r {display:none;}
.ao_no {margin-bottom:5px;}
.pu_r_in, .ao_r_in {margin-bottom:10px; position:relative;}
.lsc {overflow:hidden !important;}
/*#app .omg_lbl {display:inline-block; background:none; color:#ff0000; padding:0; font-size:11px;margin:0; margin-top:4px; */
#app .omg_lbl {
    /* display: inline-block; */
    /* background: none; */
    color: red;
    /* padding: 0; */
    font-size: 12px;
    /* margin: 0; */
    /* margin-top: 4px; */
    /* border-radius: 2px; */
    /* -webkit-border-radius: 2px; */
}
border-radius:2px;
-webkit-border-radius:2px;
}

.retrieve_data_r {color:#777; font-size:11px; position:absolute; right:1px; top:22px; padding:5px 8px; z-index:2; background:#fff; display:none;}
.in_r_50 .retrieve_data_r {right:12px;}
.retrieve_data_r_35 {top:35px;}
.retrieve_data { font-size:11px; margin-left:5px;}

.mt5 {margin-top:5px;}
.popup {color:#316bff;}
/* Function tiles (e.g. TukangMan) use the .popup class as a JS hook —
   inherit the normal tile label color instead of the blue link tint. */
.func_r.popup, .func_r.popup .fea_lbl { color:#000 !important; }
/* Feature tiles rendered as anchors (e.g. TukangMan in header.php).
   Anchors otherwise inherit the browser default blue. Force normal
   tile coloring on the wrapper and its label/icon caption. */
a.fea_r, a.fea_r:link, a.fea_r:visited, a.fea_r .fea_lbl { color:#000 !important; text-decoration:none; }
.send_code { cursor:pointer;
	position: absolute;
	right: 0;
	top: 0;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
}


.login_box_c .send_code {
    height: 44px;
    line-height: 44px;
    margin-right: 4px;
    font-size: 16px;
}

.code_cd {
	display: none;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 35px;
	line-height: 35px;
	width: 50px;
	text-align: center;
	color: #888;
}

.changes_rec_r {background:url('/images/ded.png') no-repeat 0 3px / 8px auto; padding-left:13px; display:block; color:#888;}
.changes_rec {margin-bottom:10px;}
.changes_rec strong, .changes_rec {color:#888;}
.slting_booking .slt_c_0 .slt_r[v="-1"] {display:none;}
input.chk_pw, input.chk_em {padding-right:25px;}
.oktick {
    position: absolute;
    right: 18px;
    top: 15px;
    width: 16px;
    height: auto;
    display: none;
}
.emok .oktick {display:block;}
.nook {
    position: absolute;
    right: 18px;
    top: 15px;
    width: 16px;
    height: auto;
    display: none;
}
.emnook .nook {display:block;}
.dn_o {width:1px; height:1px; overflow:hidden;opacity:0;}

.ao_des {margin-bottom:7px;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px;}
/*.mb20 {margin-bottom:20px;}*/
.bo_faci_r td {text-align:left;}
.bo_faci_r th {text-align:right; width:50%;}
#chgto_o .bo_faci_r th {width:50%;}
#chgto_o .bo_faci_r th, #chgto_o .bo_faci_r td {padding:5px;}

.avc_status {position:relative; top:-12px; }
.auto_carplate {margin-bottom:20px;}
.auto_carplate {display:none;}
.carpho_img_c {margin:0;}
.carpho_r[e="2"] .carpho_img_c {position:relative; z-index:5;}

div.iti {width:100%;}
#faci_box div.iti, #book_cart div.iti {width:200px;}
#faci_box .nbo_o div.iti, #book_cart .nbo_o div.iti {width:100%;}
#faci_box .fa_rmk div.iti, #book_cart .fa_rmk div.iti {width:100%;}
.upl_files_img {width:100px; height:100px;}

.upl_files_r {width:33.3%; display:inline-block; vertical-align:top; margin:10px 0; text-align:center;}
.upl_files_lbl {margin-top:5px;}
.bk_rmk, .bk_rmk_r {text-transform:uppercase;}
.slted_unit_lbl {margin-right:5px; display:none;}
.unit_ed .slted_unit_lbl {display:inline-block;}
.unit_ed .s_slt_unit33 {display:none;}
.clear_unit, .clear_account {margin-left:10px; font-weight:normal; display:none;}
.unit_ed .clear_unit {display:inline-block;}
.acc_ed .clear_account, .acc_ed_2 .clear_account {display:inline-block;}
.acc_ed_2 .s_slt_account_11, .acc_ed_2 .s_slt_account_2, .acc_ed_2 .s_slt_account_5, .acc_ed_2 .s_slt_account_7, .acc_ed_2 .s_slt_account_8 {display:none;}
.change_booking .slted_account_c {display:none;}
/*#chgto_o .pop_o {top:15%; width:300px; margin-left:-150px;}*/
#chgto_o .pop_o {}
#smartcard_dt .pop_o {width:650px; margin-left:-325px;}
#smartcard_dt[e="0"] .carplates_stg, #smartcard_dt[e="2"] .view_carplates {display:none;}
#smartcard_dt[e="2"] .carplates_stg, #smartcard_dt[e="0"] view_carplates {display:block;}
#smartcard_dt[e="0"] .rcarno_x {display:none;}
#chgto_o {z-index:212;}
#chgto_o .chgto_c .bo_faci_cr {font-weight:normal; text-align:center; display:table-row;}
#chgto_o .chgto_c div.bo_faci_cr {display:block;}
.change_booking .s_book_cart {display:none;}
.single_book_go, .bulk_book_go {height:40px; line-height:40px;}
.pop_bg.z70 {z-index:211;}
.bo_faci_stm, .bo_faci_cr { position:relative;}
.s_change_court, .s_change_stm {margin-left:10px; position: absolute; font-size:11px;}
/*.s_change_court.change_long {position:static; font-size:12px; margin:0; margin-top:5px; margin-bottom:5px;}*/
div .disb {display:block;}
.del_book_cart {position:absolute; right:16px; top:12px; background:url('/images/close_x.png') no-repeat center center / 32px auto; width:20px; height:20px;}
.bo_faci_no {position:absolute; left:15px; top:5px; font-size:20px;}
.book_cart_list, .bo_info_list {/*max-height:180px; overflow-y:scroll;*/ padding:0 0px; border:0px solid #ccc;overflow-x:hidden; border-radius:16px; background-color:#f8f8f8; width:100%;margin-bottom: 8px;}
.split_line {border-bottom:1px solid #ddd; padding-bottom:7px; margin-bottom:7px;}
.split_line0 {border-bottom:1px solid #ddd; padding-bottom:0px; margin-bottom:0px;}
#faci_box .split_line, #book_cart .split_line {padding-bottom:0px; margin-bottom:8px;margin-top:8px;}

.book_cart_tb th, .single_book_tb th {text-align:right;width:50%;}
.book_cart_tb th, .book_cart_tb td {padding:2px 5px; font-weight:normal;}
.book_cart_tb, #faci_box {width:86%; margin:auto;}

.book_cart_info_o {padding:8px 0;}


.book_cart_no {font-size:20px;}
.book_cart_f {font-size:20px; padding:0 30px;}
.pop_title .indi {font-size:12px; margin:0; position:static;}
.book_cart_r, .bo_info_list .bo_info_1 {position:relative; border-bottom:1px solid #ccc; padding:8px 0; }

.book_cart_r:last-child, .bo_info_list  .bo_info_1:last-child {border-bottom:0;}
.book_cart_no {position:absolute; left:16px; top:8px;}
.s_book_cart {background:url('/images/cart.png') no-repeat center center / 28px auto; width:40px; height:40px; position:absolute; left:12px; top:12px;}
.s_book_cart .indi {right:0;}
.tr_indi {position:absolute; right:0; top:0;}
.book_add_cart {margin-top:10px;}
#add_booking_sby {margin-bottom:12px;}
.sby_r {display:inline-block; vertical-align:top; width:50%; padding:0 5px; text-align:center; height:35px; line-height:35px; border:1px solid #ccc; box-sizing:border-box; position:relative;}
.sby_r.ed {border:1px solid #000; z-index:1; line-height:35px; font-weight:bold;}
.ml1 {margin-left:-1px;}
.vitype {text-align:center; background:#000; color:#fff; padding:5px 5px 10px; width:100%; max-width:350px; margin:0 auto; font-size:20px; box-sizing:border-box;
border-radius:0 0 15px 15px;
-webkit-border-radius:0 0 15px 15px;
}
.cd_full_tm {display:none; color:#999;}
#vi_dt .norshow .cd_full_tm {display:inline-block;}
#vi_dt .over .cd_full_tm {display:none;} 
#vi_dt .view2 .cd_full_tm {display:block;}

.view2 .cd_full_tm {display:inline-block;}
.view2 .vi_cd, .view2 .vi_top_st {display:none;}
.vi_cd {color:#29ab87;}
.vi_cu {color:#ff0000;} 
.vi_dt_ac {text-align:center; padding:10px; }
.vi_dt_ac > span, .vi_dt_ac > form, .vi_dt_ac > a {margin:0 10px;}
.top_ti.top_ti_vi_dt {margin-bottom:0; }
#vi_dt_o .topbar {text-align:center; }
.vi_card_box_c {width:100%; max-width:350px; margin:0 auto;margin-top:20px; display:none;
box-shadow:0 5px 10px 0 rgba(0,0,0,0.3);
-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.3);
border-radius:15px;
-webkit-border-radius:15px;
}
#vi_dt .vi_card_box_c {width:90%; margin-top:20px;}

.isapp #vi_dt .top_time_c {
	position: absolute;
	top: 24px;
	left: 0;
	width: 100%;
}
.top_quick_renew {position:absolute; left:100%; padding-left:10px; line-height: 13px; top:0;}
.card_box_status {display:none !important;}
.overstayed_in, .activating_in, .expiring_in, .expired_in, .top_full_time {display:none;}
.cls_t_ed .top_full_time {display:inline-block;}
.cls_t_1:not(.cls_t_ed) .activating_in {display:inline-block;}
.cls_t_2:not(.cls_t_ed) .expiring_in {display:inline-block;}
.cls_t_3:not(.cls_t_ed) .expired_in {display:inline-block;font-size: 13px;}
.cls_t_4 .overstayed_in {display:inline-block;}

#app .vidtcarno {display:inline-block;}
.cancelled_vi {text-align:center;  padding:3px;}
.cancelled_vi span {color:#ff0000;}
.dtcard_box_status { color:#ff0000; font-size:12px;display:inline-block; vertical-align:top; position:relative; margin:0px 0px 0px; font-weight:bold;}
.vi_r_status {color:#ff0000; text-align:right;}
.dtcard_box_status[t="0"], 
.dtcard_box_status[t="3"], 
.dtcard_box_status[t="6"], 
.dtcard_box_status[t="1"], 
.dtcard_box_status[t="2"],
.vi_r_status[t="0"], 
.vi_r_status[t="3"], 
.vi_r_status[t="6"], 
.vi_r_status[t="1"], 
.vi_r_status[t="2"],
.subacc_status_lbl
{color:#009933; white-space:nowrap;}
.subacc_status_lbl[t="3"] {color:#ff0000;}
.vipass_card .vi_type[t="0"], 
.vipass_card .vi_type[t="3"], 
.vipass_card .vi_type[t="6"], 
.vipass_card .vi_type[t="1"], 
.vipass_card .vi_type[t="2"] 
{background:#009933;}
.vipass_card .vi_type.qcin {background:#871eff;}
.vi_pho .card_box_status {margin-top:-7px; background:#ff0000; color:#fff; padding:3px 5px;
border-radius:4px;
-webkit-border-radius:4px;
}
.vi_pho .card_box_status[t="0"], .vi_pho .card_box_status[t="6"], .vi_pho .card_box_status[t="3"], .vi_pho .card_box_status[t="2"] {background:#29ab87;}
.card_box_status .vi_cd span {color:#29ab87;
border-radius:4px;
-webkit-border-radius:4px;
}
.card_box_status.over .vi_cu span { color:#ff0000;
border-radius:4px;
-webkit-border-radius:4px;
}

.vi_card_box {border:1px solid #000;  box-sizing:border-box; position:relative;
border-radius:15px 15px 0 0;
-webkit-border-radius:15px 15px 0 0;
}

.avc_status[t="0"], .avc_status[t="6"], .avc_status[t="3"], .avc_status[t="2"] {background:#29ab87;}
.vi_r .cancelled_vi {margin-top:-10px;}

.vilink {margin:0px;}
.clear {clear:both;}
.vi_card_left {float:left; width:40%; text-align:center;}
.vi_card_right {float:right; width:60%; box-sizing:border-box; padding-right:10px; padding-bottom:10px; padding-top:25px;}
.tb_tar th {text-align:right;padding:5px; vertical-align:top; width:50%;}
.cus_dt_box_pw .tb_tar th {width:30%;}
.cus_dt_box_pw .tb_tar2 th {width:50%; text-align: right;}
.tb_tar td {padding:4px;}
.radio11 {padding-left:25px; padding-top:5px; min-height:20px;}
.radio11 input[type="radio"], .radio11 input[type="checkbox"] {position:absolute; left:0; top:0;}
.radio11in input[type="radio"], .radio11in input[type="checkbox"] {top:7px}
.radio22 label {position:relative; padding-left:25px; padding-top:0; display:block;}
.radio22 { min-height:20px; margin-bottom:10px;}
.radio22 input[type="radio"], .radio22 input[type="checkbox"] {position:absolute; left:0; top:0;}
.tac {text-align:center;}
.in_f11 label {font-size:11px;}
.carno:empty {display:none !important;}
.photos_r > a {display:block; overflow:hidden;}
.carpho_tb td {text-align:center; width:50%;}
.carpho_img_o {width:100%; height:auto; margin-bottom:10px; background:url('/images/upload_g.png') no-repeat center center / 24px auto; font-size:0;}
[noimg="2"] .carpho_img_o { background-image:url('/images/noimage.png');}
.noimg {background:url('/images/noimage.png') no-repeat center center / 24px auto; width:100px; height:100px; display:inline-block; vertical-align:top; border:1px solid #ccc;}
.carpho_t {text-align:center; }
.carpho_r2.in_ao_r_33 {margin:0;}
.popbox_r {margin-bottom:15px; padding-top:10px; font-size:0;}
.popbox_r_carphotos .photos_r {width:33.3%;}
.carpho_img_o {
	text-align: center;
	width: 250px;
	height: 250px;
	display: inline-block;
	overflow: hidden;
}

.carpho_img {
	width: 250px;
	height: auto;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.booking_powered {color:#999; text-align: center; padding:20px 10px 0; font-size:11px; box-sizing:border-box;}
.booking_powered a {font-size:11px;}
#content2 .booking_powered {position:absolute; left:0; width:100%; text-align: center; bottom:70px; padding-top:10px; display:none; padding-bottom:10px; background:#fff;}
#content2[powered="2"] .booking_powered {display:block;}
#content2[powered="2"] .content {padding-bottom:30px;}
.hor .carpho_img {width:auto; height:100%;}
.pd20 {padding:20px;}
.pd10 {padding:10px;}
.photos_r .upl_o {background-color:#fff;}
.upl_vi_f_o, .upl_vi_f_c {position:absolute; left:0; top:0; width:100%; height:100%;}
#carno_pho .pop_o {width:900px; margin-left:-450px; }
#carno_pho .pop_c {min-height:200px;}
.carpho_r2 {display:inline-block; vertical-align:top; width:50%; padding:10px; box-sizing:border-box; width:33.3%;}
.carpho_r {display:inline-block; vertical-align:top; width:33.3%; padding:10px; box-sizing:border-box; text-align:center; position:relative;}
.mb {display:inline-block; vertical-align:middle; height: 100%; }
.ao_upl_img img {width:100%; height:auto; vertical-align:middle;}
.ao_upl_img img.ren_h {width:auto; height:100%;}
.oupl {position:relative; width:100px;}
.fc_upl_o {width:120px; text-align: center; padding:0px; position:relative;}
.fc_upl_o .in_lbl {text-align:center; padding-top:5px;}
.oupl [type="file"], .in_ao_r_33 [type="file"], .fc_upl_o [type="file"], .in_r_sd [type="file"], .fup {opacity:0; position:absolute; left:50%; top:0; width:100px; height:100px; margin-left:-50%;}
.oupl [type="file"] {width:100%; height:100%;}
.fup {width:100px; height:100px; left:0; margin:0;}
.in_ao_r_33 {width:33.3%; display:inline-block; vertical-align:top; text-align:center; position:relative; margin:20px 0; }
.oupl_o .in_ao_r_33 {width:33.3%; }
.isapp .oupl_o .in_ao_r_33 {width:50%;}
.in_ao_r_33 .in_lbl {padding-top:8px; text-align:center;}
.ao_upl_img {position:relative; height:100px; width:100px; text-align:center; background:#fff url('/images/upload_g.png') no-repeat center center / 24px auto; display:inline-block; overflow:hidden; border:1px solid #eee;}

#app #vi_dt .ao_upl_img {background:#fff url('/images/view_image.png') no-repeat center center / 32px auto; }
#app #add_vi .ao_upl_img, #app #add_subacc .ao_upl_img, #app #edit_subacc_o .ao_upl_img  {background:#fff url('/images/upload_image.png') no-repeat center center / 32px auto; }


.upled .ao_upl_img, .fc_upled .ao_upl_img {z-index:5;}
.fup_o .ao_upl_img, .oupl .ao_upl_img {width:100px; height:100px;}
.ao_r .ao_upl_img {width:100px; height:100px;}
.carpho_o { font-size:0;}
.noqr {height:260px; line-height:260px; display:block; text-align:center;}
/*.bpop2_bg {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none;}*/
.bpop2_bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: none;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 250;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);

}


.bpop3_bg {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none; backdrop-filter:blur(8px);}
.qr_cd_w {text-align:center; padding-top:0px; padding-bottom:20px; font-size:18px; opacity:0;}
.qr_cd_w.show {opacity:1;}
#qr_loading {display:none; position:absolute; left:0; bottom:65px; width:100%; }
#qr_loading, .qr_cd_w, .qr_cd {color:#ff0000; font-size:18px; text-align:center;}
#qr_o[renew="2"] #qr_loading {bottom:65px;}
#qr_o[renew="2"] .qr_cd_w {display:none;}
.fix_ac .long_btn {margin:0;}
.fs0 {font-size:0;}
.change_des {padding:10px; text-align:center;}
#ui-datepicker-div {padding:5px; cursor:pointer; width:250px !important;}
#ui-datepicker-div.ui-datepicker td {padding:0;}
#ui-datepicker-div.ui-datepicker td a, #ui-datepicker-div.ui-datepicker td > span {padding:4px 8px;}
#ui-datepicker-div.ui-datepicker td a:hover {background:#eee; color:#000;}
#ui-datepicker-div.ui-datepicker td.ui-state-disabled span {color:#999;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-next, #ui-datepicker-div.ui-datepicker .ui-datepicker-prev {width:40px;}
#ui-datepicker-div .ui-datepicker-next span, #ui-datepicker-div .ui-datepicker-prev span {text-indent:inherit;}
.ui-datepicker {z-index:299 !important; background:#fff; border:1px solid #000;
box-shadow:0 5px 15px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,0.2);
}
#ui-datepicker-div .date-picker-year {width:57px; padding:2px;}
.ui-datepicker select.ui-datepicker-year {width:auto;}
.ui-datepicker-year {vertical-align:middle;}
.di {display:inline-block; vertical-align:top; margin-left:0px !important ; }
#terms_ok {font-size:16px; font-weight:bold; padding:0 15px; text-align:center; height:40px; line-height:40px; cursor:pointer; background:#316bff; color:#fff; margin:0 5px; display:inline-block; vertical-align:top;
border-radius:4px;
-webkit-border-radius:4px;
}
#terms_notok, .terms_notok {font-size:16px; font-weight:bold; padding:0 15px; text-align:center; height:40px; line-height:40px; cursor:pointer; background:#ff2828; color:#fff; width:130px; margin:0 5px; display:inline-block; vertical-align:top;
border-radius:4px;
-webkit-border-radius:4px;
}
.capt_img {height:45px; width:46%; vertical-align:top; margin-left:3%;border-radius:10px;}
.ttc {text-transform: capitalize;}
.box_powered a {color:#316bff;}
.box_powered {text-align:center; padding:4px 0 0; text-align:center; margin-top:12px;}
.box_powered span {background:rgba(255,255,255,0.7); padding:5px 10px;
border-radius:8px;
-webkit-border-radius:8px;
}
#terms_ok.dis {background:#eee; color:#aaa;}
.terms_p {padding-left:25px; position:relative; margin-bottom:24px; display:block; font-size:16px;}
.terms_p span {font-size:16px;}
#terms_check {position:absolute; left:0; top:3px;}
.terms_ti {font-size:20px; font-weight:bold; margin:5px; text-align:center;}
.terms_des {color:#888; font-size:14px; text-align:center; margin-bottom:20px;}


/*#terms {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:205;}*/
#terms {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 205;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    pointer-events: auto;



}




#terms_c {position:absolute; left:50%; top:25%; width:403px; margin-left:-202px; background:#fff; box-sizing:border-box; padding:20px;
box-shadow:0 20px 40px 0 rgba(0,0,0,0.3);
-webkit-box-shadow:0 20px 40px 0 rgba(0,0,0,0.3);
}
.isapp #terms_c {width:320px; margin-left:-160px;  
overflow: hidden !important; /* Force no scrolling */
  position: fixed; /* Prevent mobile bounce effects */
}



.vi_extend, .vi_out {margin-left:5px;}
.btn {transition:all 0.08s linear; font-weight:normal; background:#316bff; color:#fff; padding:0 10px !important; display:inline-block; border:0; height:28px !important; line-height:28px !important; text-align:center; min-width:20px; white-space:nowrap; vertical-align:middle;border-radius:10px; margin-left:4px; margin-bottom:4px;}
.red_btn {background:#ff0000;}
.btn6 {background:#ff2828; color:#fff; padding:0 10px !important; display:inline-block; border:0; height:28px !important; line-height:28px !important; text-align:center; min-width:30px; white-space:nowrap;}
.change_unit, .s_change_unit_2_2, .tibar_left .s_change_unit_2_3 {color:#fff; background:#316bff; margin-left:10px; padding:0 10px; height:20px; line-height:20px; display:inline-block; vertical-align:top; position:relative; top:-3px;
border-radius:2px;
-webkit-border-radius:2px;
}
.btn:not(.dis):active { background-color:#791de3;}

.photos_img .upl_list > a {display:block;}/*
#app[acct="u"] .vi_dt_v_e, #app[acct="u"] .to_e, #app[acct="u"] .to_cc, #app[acct="u"] .to_save {display:none;}*/
.bpop_title {font-size:18px; margin-bottom:20px; padding-right:25px; padding-left:25px; text-align:center; font-weight:bold;}
.ac {text-align:center; padding:15px 0;}
a {outline:none; text-decoration:none;}
.pop_sms_c {display:none; position:absolute; left:0; top:25px; background:#fff; padding:10px; border:1px solid #ccc; z-index:5; max-width:200px; text-align:center; width:max-content;
box-shadow:0 5px 15px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,0.2);
}
.vi_unit {font-weight:bold;}
.mapbox {border:1px solid #ccc; box-sizing:border-box;}
.mappin {position:relative; top:-41px; height:45px; left:-17px;}
.H_copyright {bottom:-20px !important;}
.share_r img {width:100%; height:auto;}
.share_lbl {text-align:center; color:#000; padding-top:5px; display:block;}
.share_r {display:inline-block; vertical-align:top; width:25%; padding:5px; box-sizing:border-box; cursor:pointer;}
.share_r:active {background-color:#eee;}
#share2_o .bpop_c {font-size:0; padding:0 20px 30px; }
.top_ti_vi_dt a {font-size:inherit;}
.top_ti_vi_dt {padding:0 30px;}
.grayurl {color:#888; line-height:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; margin-top:5px;}
.superh {position:fixed; left:-1px; top:-1px; width:1px; height:1px; overflow:hidden; opacity:0;}
.qr_link, .s_share2_o {display:none;}
.pr {position:relative;}
.pop_sms_r {display:inline-block; vertical-align:top; width:60px; height:60px; text-align:center; margin:0px; box-sizing:border-box; padding-top:40px; font-size:11px; color:#000;}
.tel_i, .tel_go {background:url('/images/call2.png') no-repeat center 0 / 38px auto;}
.sms_i {background:url('/images/sms.png') no-repeat center 0 / 38px auto;}
.sms_go {background:url('/images/sms.png') no-repeat center 0 / 38px auto;}
.wa_go {background:url('/images/whatsapp.png') no-repeat center 0 / 38px auto;}
.pop_sms {color:#316bff;}
.toqr_lift {display:none; position:absolute; right:10px; top:50%; background:url('/images/arw_right.png') no-repeat center center / 30px auto; width:50px; height:50px; opacity:0.3;}
.toqr_door {display:none; position:absolute; left:10; top:50%; background:url('/images/arw_left.png') no-repeat center center / 30px auto; width:50px; height:50px; opacity:0.3;}
.toqr_lift_w  {display:none; color:#999; text-align:center; position:absolute; left:0; top:380px; width:100%; }
.toqr_door_w  {display:none; color:#999; text-align:center; position:absolute; left:0; top:380px; width:100%;}
#qr_o.qrnotsame[qr_t="door"] .toqr_lift, #qr_o.qrnotsame[qr_t="door"] .toqr_lift_w {display:block;}
#qr_o.qrnotsame[qr_t="lift"] .toqr_door, #qr_o.qrnotsame[qr_t="lift"] .toqr_door_w {display:block;}
.qr_img_o img {width:250px; height:250px; margin:0 auto;}
#qr_img_o, #qr_lift_img_o {padding:5px;   height:270px; overflow:hidden; position:relative; margin-bottom:15px;}
#qr_img_o img, #qr_lift_img_o img {width:250px; height:250px; margin:0 auto;}
#qr_img_o canvas, .qr_img_o canvas {}
.s_share {background:url('/images/share3.png') no-repeat center center / 24px auto; width:50px; height:50px; position:absolute; right:0; top:0; box-sizing:border-box; text-align:center; }
#app[acct="u"] .ann_right {padding-right:5px;}
#app[acct="u"] .ann_r {padding-right:5px;}
.vi_rec_r {padding:10px 0; border-bottom:1px solid rgba(0,0,0,0.1);}
.vi_rec_r:last-child {border:0;}
.vi_rec_t {font-size:16px; margin-bottom:0px; font-weight:bold;}
.vi_rec_by {font-size:15px;}
.vi_rec_tm {color:#999;font-size:15px;}
.vi_dt_tb {width:100%;}
.vi_dt_tb .vi_carplate {text-align:center; margin-top:-28px; position:relative;}
.download_other_c {display:none;}

/*.bpop_o, .ins_bpop .pop_c {*/
.bpop_o, {
box-shadow: 0 -15px 35px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 -15px 35px rgba(0,0,0,0.2);
border-radius:30px 30px 0 0;
-webkit-border-radius:30px 30px 0 0;
}
.bpop_o {position: fixed;	bottom: 0;	left: 0;	width: 100%;	background: #fff;	padding: 20px 0;	box-sizing: border-box;  display:none; padding-bottom:50px;
}

#enter_pin_bg {z-index:999;}
#enter_pin {z-index:999;}
#giv_dis {z-index:999;}

.ins_bpop {}

.bpop_o.show {display:block;}
.bpop_o.fading {opacity:1;}

#app #add_item_t.bpop_o.show {opacity:1; bottom:0;}

.bpop2_o {position: absolute;	bottom: 0;	left: 0;	width: 100%;	background: #fff;	padding: 20px;	box-sizing: border-box; display:none;
box-shadow: 0 -15px 35px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 -15px 35px rgba(0,0,0,0.2);
border-radius:30px 30px 0 0;
-webkit-border-radius:30px 30px 0 0;
}
.dash_split {border-bottom:0px dashed #ccc; height:0px; padding-top:16px; margin-bottom:16px;}
#app:not(.isapp) .vi_td_w {width:60%;}
#app.isapp .vi_dti, #app.vicard .vi_dti {display:none;}
#app.isapp .vi_log_right, #app.vicard .vi_log_right {display:none;}
.vi_log {border:1px solid #ccc; padding:0 10px; overflow-y:auto;}
.vi_dti {text-align:center; font-weight:bold; margin-bottom:20px; border-bottom:1px dashed #ccc; padding-bottom:10px;}
#vi_dt th, #vi_dt td {padding:4px; vertical-align:top;}
.vi_box_1 th {text-align:right; width:50%;}
.vi_box_1 td {text-align:left;}
.vi_box_2 th {text-align:right; width:50%;}
.vi_box_2 td {text-align:left;}
.qr_des {text-align:center; padding:20px 0; font-size:18px;}
.qr_des .s_granted {font-size:18px;}
.vi_carplate {text-align:center;}
.vi_pho {text-align:center; padding:10px 0 0; margin-bottom:8px; width:100%; }
.vi_pho img {margin:0 auto; width:90px; height:90px; 
border-radius:50%;
-webkit-border-radius:50%;
}
.vi_box table {width:100%;}
.vi_box th, .vi_box td {padding:4px;}
.vi_box_2 {margin-bottom:0px;}
.vi_nm {text-align:left; font-weight:bold; }
.vi_tel {margin-bottom:15px; text-align:left; font-size:15px;}
.vi_carplate {text-align:left;}
.vi_tel .pop_sms { font-size:20px;}
#visitors .pop_sms, .top_search_result .pop_sms {color:#000; font-size:16px;}
#visitors .vi_tel {margin-bottom:0px; word-break: break-all;}
.search_result_rows {text-align:center; padding:10px;}
.vi_carplate span, .ve_carplate span {background:#000; color:#fff; display:inline-block; padding:2px 4px; margin-bottom:0px; font-size:16px; text-align:center; border-radius:6px;}
.vi_r .vi_carplate span, .ve_carplate span {font-size:11px; }
.vi_r_carno {width:50px; padding-right:0 !important;text-align:right; white-space:nowrap;}
#reader_o, #vi_ocr_o {position:fixed; left:0; top:0; width:100%; height:100%; text-align:center; background:rgba(0,0,0,1); z-index:888; display:none;}
#reader_x, #vi_ocr_x {background:url('/images/close_w.png') no-repeat center center / 12px auto; position:fixed; right:15px; top:30px; width:30px; height:30px; text-align:center; z-index:889; display:none; color:#fff; font-size:20px; cursor:pointer;}
#reader {display:inline-block; height:100%; background:#000; width:100%; max-width:500px;}
.paid_tick {
    width: 17px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
    margin-top: -3px;
}
.items_dt_by {color:#555; margin-bottom:10px; border-bottom:1px solid #eee;padding-bottom:10px;} 
.items_dt_t { margin-bottom:10px;display:none; } 
.items_dt_nm {font-size:14px; margin-bottom:10px;}
.items_dt_price {font-size:18px; margin-bottom:10px;}
.items_dt_des {font-size:14px; margin-bottom:10px;}
.items_dt_imgs {padding-top:15px;}
.items_dt_imgs .no_img {width:150px !important; height:auto;}
.items_dt_img {width:100%;
    width: 100%;
    border-radius: 8px;
    margin-top: 16px;
}


.items_dt_imgs_c {text-align:center; white-space:nowrap;}
.items_dt_imgs {text-align:center; border-bottom:0px solid #eee; margin-bottom:10px; padding-bottom:10px; overflow:hidden; overflow-x:scroll;}
.del_item_img, .upl_item_r .del_upl {position:absolute; right:0px; top:0px; background:#fff url('/images/close.png') no-repeat center center / 8px auto; width:15px; height:15px;
border-radius:4px;
-webkit-border-radius:4px;
}


/*.popbox_r_carphotos.noupl .upl_o {background:#fff url('/images/upload_img.png') no-repeat center center / 24px auto; }*/
.carno {display:inline-block; padding:2px 4px; background:#000; color:#fff; cursor:pointer;
border-radius:6px;
-webkit-border-radius:6px;
}
.access_log .carno {padding:2px 4px; font-size:11px;
border-radius:2px;
-webkit-border-radius:2px;
}
.h2_icon {width:38px; height:auto; display:inline-block; margin-right:3px; vertical-align:middle; padding-bottom:4px;}
.u_photo {border-radius:50%; -webkit-border-radius:50%; width:50px; height:50px;}
#reader_o {position:fixed; left:0; top:0; width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.8); z-index:888; display:none;}
#reader_x {background:url('/images/close_w.png') no-repeat center center / 12px auto; position:fixed; right:30px; top:30px; width:30px; height:30px; text-align:center; z-index:889; display:none; color:#fff; font-size:20px; cursor:pointer;}
#reader {display:inline-block; height:100%; background:#000; width:100%; max-width:500px;}

.upl_o {display:inline-block; width:80px; height:80px; border:1px solid #ccc; background:#fff url('/images/upload_img_2.png') no-repeat center center / 48px auto; position:relative;}
#vi_dt_o .popbox_r_carphotos .upl_o, #vi_dt_o .vi_docs .upl_o {background-image:url('/images/view_image.png'); background-size:32px 32px;}
.upl_o.ed {background-image:url('/images/upload_g.png'); background-size:32px 32px;border: 1px solid #eee;border-radius: 8px;}
[e="0"] .upl_o {background-image:url('/images/view_image.png');}
.upl_c {width:100%; height:100%; position:absolute; left:0; top:0; } /*border:1px solid #ccc; */
.cologo_upl_f .upl_c, .account_upl_r .upl_c, .account_upl_ic .upl_c, .account_upl_f .upl_c, .account_upl_ic_back .upl_c {border:0;}
.photos_lbl {padding:5px 0 15px;}
.photos_r {display:inline-block; vertical-align:top; width:33.3%; text-align:center; margin:0; padding:5px 10px; box-sizing:border-box;}
.photos_c {font-size:0;}

.del_vi_f {background:rgba(255,255,255,0.6)url('/images/close.png') no-repeat center center / 12px auto; width:35px; height:35px; display:inline-block; vertical-align:middle; position: absolute;right: 1px; top: 1px;z-index: 6; display:none;
}

#edit_subacc_o .ao_r .ao_upl_img {position:relative; }
#edit_subacc_o .ao_r .in_ao_r_33.gotimg input {display:none;}
#edit_subacc_o .ao_upl_img > div {position:absolute; left:0; top:0; width:100%; height:100%;}
#edit_subacc_o .ao_upl_img_v {position:absolute; left:0; top:0; display:none;}
#edit_subacc_o .gotnew .ao_upl_img_v {display:block;}
#edit_subacc_o .gotnew [type="file"] {display:none;}
.ao_upl_img_x {display:none; position:absolute; right:0px; top:0px; width:35px; height:35px; background: url('/images/upl_x.png') no-repeat center center / 28px auto;}
#edit_subacc_o .gotnew .ao_upl_img_x {display:block;}

.slt_parking_t1_c {display:none;}
.qtip {margin-bottom:10px;}
.del_vi_f:hover {opacity:0.9;}
.dp[readonly="readonly"] {background:#fff;}
.dp[disabled="disabled"], .dp[disabled=""], [disabled=""], [disabled="disabled"],
#app .dp[disabled="disabled"], #app .dp[disabled=""], #app [disabled=""], #app [disabled="disabled"] {background-color:#eee !important;}
.carpho_r[e="2"] .del_vi_f {display:block;}
.carpho_r[noimg="2"] .del_vi_f {display:none;}
.del_temp_upl, .del_upl {background:url('/images/close.png') no-repeat center center / 8px auto; width:24px; height:24px; display:inline-block; vertical-align:middle; z-index:5;}
.del_upl_ao {background:url('/images/close.png') no-repeat center center / 8px auto; width:24px; height:24px; display:inline-block; vertical-align:middle; position:absolute; right:-25px; top:0; z-index:2;}
.del_p_logo, .del_cus_f, .upl_o .del_temp_upl, .upl_o .del_upl, .del_ic_upl, .del_pic_upl, .upl_x, .upl_x_spa, .upl_x_ge, [cou="1"] .del_upl {background:url('/images/upl_x.png') no-repeat center center / 28px auto; position:absolute; top:8px; right:5px; width:28px; height:28px; box-shadow:0 2px 4px 0 rgba(0,0,0,0.2); 
border-radius:50%;
    -webkit-border-radius:50%;
}
.del_ppho_upl {display:none;}
#setting_pop .upl_ppho_list {display:none; z-index:6;}
#setting_pop .ed > .upl_ppho_list {display:block;}

.del_upl_ao, .op_f_v .del_upl { position:absolute; right:-25px; top:0px; opacity:0.2;}
.upl_ao_img, .upl_vi_img {width:100%; height:auto; box-sizing:border-box;border-radius:8px;}
.upl_item_img {width:100%;}
#upl_item, #upl_item_2, .upl_item_r {margin-right:5px; margin-bottom:5px;}
#add_item .upl_list, #edit_item .upl_list {font-size:0; text-align:left;}
.upl_item_r {width:50px; height:50px; display:inline-block; vertical-align:top; border:1px solid #000; position:relative;}
.upl_list {padding:0px 0 0; text-align:center; position:relative; top:0; left:0;}
.op_f_v .upl_list {padding:0;}
.upl_o .upl_list {padding:0; z-index:1;}

.upl_icon { height:auto;  vertical-align:middle; box-sizing:border-box;}
.upl_icon_w {margin-left:3px; display:inline-block;}
.dz-preview {display:none;}
#uploading {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none; z-index:99999;}
.uploading_w {position:absolute; top:40%; color:#fff; width:100%; text-align:center; }

.ann_pop_c { padding:5px 0 16px; font-size:16px; }
.ann_pop_tm {
    color: #aaa;
    /* border-bottom: 1px dashed #ddd; */
    /* padding-bottom: 15px; */
    margin-bottom: 15px;
    font-size: 13px;
}
.ann_pop_ti {font-size:20px; padding:0px 20px 0px 0px;}
.ann_pop_img { margin-bottom:15px; /*text-align:center;*/}
.ann_pop_img img {max-height:30%; max-width:30%; height:auto; border:1px solid #ddd; border-radius:8px;}


.sr_d {width:145px;}
.srate_for {display:none; width:30px;}
.srate_cond .srate_r:first-child .srate_for_1, .rate_tm .srate_for {display:inline-block; }
.srate_cond .srate_r:not(:first-child) .srate_for_2 {display:inline-block; }
.srate_r {margin-bottom:5px;}
.srate_rr {margin-bottom:10px;}
.sr_tm, .sr_m, .sr_d {display:none;}
.rate_tm .sr_d {display:inline-block;}
.srate_c[t="1"] .sr_tm {display:inline-block;}
.srate_c[t="1"] .sr_d {display:inline-block;}
.srate_c[t="2"] .sr_d {display:inline-block;}
.srate_c[t="3"] .sr_m {display:inline-block;}
.srate_c[t="4"] .sr_tm {display:inline-block;}
.srate_c[t="4"] .sr_d {display:inline-block;}
.srate_c[t="5"] .sr_tm {display:inline-block;}
.srate_c[t="5"] .sr_d {display:inline-block;}
.srate_c[t="6"] .sr_tm {display:inline-block;}
.srate_c[t="6"] .sr_d {display:inline-block;}

.srate_c .srate_r .add_sr {display:none;}
.srate_c .srate_r:last-child .add_sr {display:inline-block; vertical-align:top;}


.srate_c .add_srate_cond {display:none;}
.srate_c .srate_cond:last-child .add_srate_cond, .srate_c .srate_cond:last-child .ded_srate_cond {display:inline-block; vertical-align:top;}

.files_tb .files_r a {display:inline-block; margin-top:5px;border-radius: 12px;}
.xin_c {position:relative;}
#sos_o {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.blue_lbl, .blue_lbl > span, .s_subacc, .owner_nm {color:#316bff !important;}
.black_lbl, .black_lbl > span, .s_subacc, .owner_nm {color:#222 !important;}
.black_lbl {color:#222 !important;}
.popfimg img {border:1px solid #000;}
.comp_r .bill_h1, .sugg_r .bill_h1, .plc_r .bill_h1, .files_r .bill_h1 {font-size:16px;font-weight:bold;}
.files_r .bill_h2 {color:#888;}
.popfimg img {width:100%; height:auto;}
.popfimg a {display:inline-block; }
.bo_faci_stm {text-align:center;}
.bo_faci_etm {text-align:center;}
.bo_faci_dur {text-align:center;}
.gray_lbl {color:#aaa;font-size: 15px;}
.booking_id { font-size:11px;}
.booking_dur { font-size:11px; margin-bottom:3px;}
/*.op_close {position:absolute; right:5px; top:8px; padding:12px;}*/
.op_close {
    position: absolute;
    right: 8px;
    top: 16px;
    padding: 12px;
    width: 30px;
    height: 30px;
}

.pop_bg .op_close {z-index:220;}
.op_back {position:absolute; left:5px; top:5px; padding:12px;}
.op_back img {width:24px; height:auto;}
#ann_pop .op_close {right:5px; top:5px;}
#sos_alert .op_close {right:40px; top:40px;}
span.bo_faci_cr, div.bo_faci_cr {text-align:center; display:block;margin-bottom:4px; }
/*.op_close img {position:fixed; width:20px;}*/
.op_close img {
    position: fixed;
    width: 24px;
    margin-top: -8px;
    margin-left: -4px;
}
.longbtn {background:#316bff; color:#fff; width:100%; padding:12px; text-align:center; box-sizing:border-box;}
.bluelongbtn {background:#316bff; color:#fff; width:100%; padding:12px; text-align:center; box-sizing:border-box; margin-bottom:10px; display:block; cursor:pointer;}
.bluelongbtn.dis {background:#eee; color:#aaa;}
.pop_close {position:absolute; right:0; top:0;}
.legend_r {display:inline-block; vertical-align:top; font-size:13px; margin-right:10px;}
.legend_r > span {display:inline-block; vertical-align:top; width:10px; height:10px; border:2px solid #fff; margin-right:3px; position:relative; top:2px;}

.legend_o {position:relative; z-index:5; padding-top:10px; }


.legend_r[t="0"] > span {background:#ddd;}
.legend_r[t="1"] > span {background:#fff; border:2px solid #ff0000;}
.legend_r[t="2"] > span  {background:#ff0000;} /* 53267d */
.legend_r[t="3"] > span  {background:#14e790;}
.legend_r[t="4"] > span  {background:#ffe400;}
.legend_r[t="free"] > span  {background:#4661ff;}
.legend_r[t="vou"] > span  {background:#BF40BF;}
.ann_s_des {display:none;}
.ann_h_des {display:none; position:absolute; right:30px; bottom:39px; background:#fff;}
/*
.more_des .ann_s_des {display:block; position:absolute; right:30px; bottom:39px; background:#fff;}
.more_desing .ann_s_des {display:none;}
.more_desing .ann_h_des {display:block;}
*/

.sos_rmk {padding-top:15px;}
div input.sos_rmk_v {width:100%; height:50px; font-size:16px; padding:0 10px;}
.sos_sent {text-align:center; display:none; position:relative; top:80px;}
.sos_close {position:absolute; right:25px; top:-40px; }
.sos_close img {width:25px; height:auto;}
.center-xy {position:absolute; left:0; top:0;}
.sos_type_r {background:#fff; padding:15px 25px; margin-bottom:5px; font-size:18px;}
.sos_type_r.ed {background:#e40000; color:#fff;}
.sos_ti {font-size:23px; margin-bottom:15px; color:#fff; }
.sos_type { text-align:left; width:100%; position:absolute; left:0; top:0;  padding:20px; box-sizing:border-box; display:none;}
.sos_3 {font-size:140px; color:#fff; position:absolute; left:0; top:20px; width:100%; text-align:center; display:none;}
.sos_2 {font-size:140px; color:#fff; position:absolute; left:0; top:20px; width:100%; text-align:center; display:none;}
.sos_1 {font-size:140px; color:#fff; position:absolute; left:0; top:20px; width:100%; text-align:center; display:none;}
#sos_o { position: fixed;	z-index: 9999;	left: 0;	top: 0;	width: 100%;	height: 100%;	background: rgba(0,0,0,0.8); display:none; opacity:0;
transition:all 0.4s ease-out;
-webkit-transition:all 0.4s ease-out;
}
#sos_o.show {display:block;}
#sos_o.fading {opacity:1;}
#sos_o[v="1"] .sos_3 {display:block;}
#sos_o[v="2"] .sos_2 {display:block;}
#sos_o[v="3"] .sos_1 {display:block;}
#sos_o[v="4"] .sos_type {display:block;}
#sos_o[v="5"] .sos_sent {display:block;}
.sos_sent_img {width:64px; height:auto; margin-bottom:20px;}
.sos_sent_w {color:#fff; font-size:16px;}
.sos_count {position:relative; top:12%; left:0; width:100%; text-align:center; margin:0 auto; max-width:440px;}
.del_ann {margin-left:10px;}
.ann_des_ori {height:1px; overflow:hidden;}
.ann_by {
    color: #aaa;
    font-size: 14px;
}

/* .ann_f_c {width:100px; height:100px; display:inline-block; overflow:hidden;  border:0px solid #ddd; border-radius:8px;} */
.ann_f_c {
    width: 100px;
    height: 100px;
    display: inline-block;
    overflow: hidden;
    border: 0px solid #ddd;
    border-radius: 8px;
    margin-top:10px;
}
.ann_f_c img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* This crops the image to fill the container */
    object-position: center; /* Centers the image */
}


.ann_f_c img, .ann_pdf_canvas {width:100% !important; height:auto !important;}
.ann_img {display:inline-block;  vertical-align:top; width:100px; text-align:center;}
.ann_right {display:inline-block; vertical-align:top; width:calc(100% - 100px); padding:0px 50px 0 20px; box-sizing:border-box;}
.ann_r {border:0px solid #ddd; padding:16px 16px 16px; min-height:100px; padding-right:20px; font-size:0; margin-bottom:20px; border-radius:8px; background-color:#f8f8f8;}
.ann_r .ann_img, .ann_r .ann_right {opacity:0.5;}
.ann_r.ed .ann_img, .ann_r.ed .ann_right {opacity:1;}
.app_ann_r.ed .ann_img, .app_ann_r.ed .ann_right {opacity:1;}
.ann_tm {margin-bottom:5px; background:#000; color:#fff; padding:2px 10px; position:absolute; left:10px; top:-10px; border-radius:6px;}
.ann_tm span {color:#fff;padding: 1px; font-size:14px;}
.ann_ti {font-size:14px; margin-bottom:3px; font-weight:bold; padding-top:5px; word-break: break-word; margin-top:1px;}
.ann_des { line-height:16px; word-break: break-word; margin-bottom:5px;
overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
           line-clamp: 3; 
   -webkit-box-orient: vertical;
    display: none;


}
.wdash_tb {width:100%;}
.wdash_tb td:nth-child(2) {text-align:right;}
.more_desing .ann_des {overflow:visible; -webkit-line-clamp:none; line-clamp:none;}

.durbox td input, .durbox td span {vertical-align:middle;}
.durbox .add_dur, .durbox .ded_dur {background:#316bff; color:#fff;}
.durbox .add_dur {font-size:0; width:28px; height:28px;  background:url('/images/add_dur.png') no-repeat center center / 24px auto;}
.durbox .ded_dur {font-size:0; width:28px; height:28px; background:url('/images/ded_dur.png') no-repeat center center / 24px auto;}
.durbox {margin-bottom:2px;}
div .s_amen_dt, div .s_booking_dt, div .s_cp_dt, div .s_conc_dt, .ticket_id_v {color:#316bff; font-size:12px;}
.fb_r_c.s_booking_dt {color:inherit;}
.noti_c .s_booking_dt {color:#000;}
div .rec_r1 {color:#000;}
.popfimg {text-align:center;}
.pop_dt_r1 {font-size:18px; margin-bottom:5px;}
.pop_dt_r2 {margin-bottom:5px;}
.pop_dt_r3 {margin-bottom:5px;}
.pop_dt_r4 {margin-bottom:10px;}
.pop_dt_tm {color:#888; margin-bottom:5px;}
.redcolor {color:#ff0000;}
.graycolor {color:#999;}
.greencolor {color:#17a265;}
.notava {text-align:center;}
#booking_qr {text-align:center; margin:0 auto 10px; height:66px; overflow:hidden; width:66px;}
#booking_qr img {width:66px; height:auto; margin:0 auto; height:66px;}
.conc_info_2 table, .conc_info_3 table {width:100%;}
/*.bo_info_2 td, .bo_info_2a td {padding:4px 4px; vertical-align: top;}*/
.bo_info_2 th, .bo_info_2a th { text-align:right; font-weight:normal; width:50%;color:#999;}
.bo_info_2, .conc_info_2 { padding:0px 0; margin-bottom:0px;}

.bo_info_3 table {margin:auto; }
.bo_info_3 th, .conc_info_3 th {width:31%; text-align:right; }
.bo_info_3 th, .bo_info_3 td {padding:2px 5px; font-weight:normal;font-size:12px}
.bo_info_3 .ac_r {padding-top:20px;}
.conc_info_3 th, .conc_info_3 td {padding:2px 5px; }
.ded_dur, .add_dur {width:28px; height:28px; line-height:28px; text-align:center; display:inline-block; vertical-align:top; font-size:20px; border-radius:50%;}
.durbox input.durbox_v {border:0; background:none; padding:0; height:28px; line-height:28px; width:40px !important;}
.faci_tel_v, .durbox span, .durbox input.durbox_v, .bo_stm, .bo_etm, .bo_dur, .total_rate, .total_rate span, .bo_rate, .bigbw {font-weight:bold !important; font-size:16px;}
.bo_faci_cr {font-size:24px;color: #4CAF50;}
tr.bo_faci_r th, tr.bo_faci_r td {font-weight:normal !important;}
.bo_info_2 span, .bo_info_2 input {vertical-align:middle;}
span.rate_c_lbl { vertical-align: top;
    color: green;
}
.conc_r_nm {text-align:center; font-size:22px; margin-bottom:3px;}
.bo_faci_nm {margin-bottom:0px; padding:0 30px; text-align:center; }

div.bo_faci_nm {font-size:24px; color:#4CAF50; font-weight:bold; }



.bo_faci_tm {text-align:center; font-size:16px; margin-bottom:3px;}
#book_cart .bo_faci_nm td {padding-right:22px;}
.bo_rate {text-align:center; display:inline-block;}
.bo_depo {text-align:center; display:inline-block; position:relative; display:none;}
.bo_info_2, .conc_info_2 {text-align:center; }
.bo_info_3, .conc_info_3 {text-align:center;}
.pop_dt_r {text-align:center;}

/*#faci_box .pop_o {position:absolute; left:50%; top:7%; width:360px; margin-left:-180px; padding:0;}*/
#faci_box { left:0%; top:0%; width:100%; margin-left:0px; padding:0;}

#conc_box .pop_o {position:fixed; left:50%; top:15%; width:380px; margin-left:-190px;  padding:0;}
#amen_box .pop_o {position:fixed; left:50%; top:15%; width:380px; margin-left:-190px;  padding:0;}

/* #app .ins_bpop .pop_o {position:absolute; left:0; bottom:0; width:100%; margin-left:0; padding:0; top:auto; max-height:100%; overflow-y:scroll; } */
/* #app .ins_bpop {position:absolute; left:0; bottom:0; width:100%; margin-left:0; padding:0; top:auto; max-height:100%; overflow-y:scroll; } */
#app {position:absolute; left:0; bottom:0; width:100%; margin-left:0; padding:0; top:auto; max-height:100%; overflow-y:scroll; } 

#app .ins_bpop .pop_c {margin:0;}

.bca_top_tm {white-space: nowrap; position:relative; left:-15px;}
.bca_top_tm_ap {font-size:8px; font-weight:bold;}
.bca_top_tm_r {font-size:10px; font-weight:bold; margin-left:-1px; text-align:center; display:inline-block; line-height: 11px; box-sizing: border-box; padding-top:8px; width:30px; }
.bca_top {height:30px; margin-bottom:5px;}

.faci_v_r {position:relative;}
.faci_ap {font-size:8px;}
div .in_r.faci_time {position:relative; margin-bottom:0; padding-bottom:0; min-height:35px;}
.faci_left span {font-size:12px; font-weight:normal; }
.faci_left {vertical-align:middle; white-space:nowrap; font-weight:normal; text-align:right; height:20px; background-color:white; padding-bottom:1px; padding-right:5px; padding-top:0; padding-bottom:0;}
.faci_right { vertical-align:top; font-size:0;}

.faci_time_c {width:100%; overflow:hidden; overflow-x:auto; padding-bottom:80px; }
.faci_time_c.nocourt {display:none;}
.faci_time_c_last.nocourt {display:block; height:0; overflow: hidden; opacity: 0; }
.faci_time_tbody .faci_left {padding-right:12px;}
.faci_time_thead .faci_left {padding-right:12px;}

.faci_time_thead {margin-left:54px;}
.faci_time_th {text-align:center; display:inline-block;}
.faci_time_top {width:500px; margin-left:-8px; font-size:0; text-align:left;}
.faci_time_tbody td, .faci_time_tbody th {padding:0 5px;}
.faci_time_thead, .faci_time_tbody { font-size:0;}
.faci_time_th {vertical-align:top; width:19px; height:30px;}
.faci_time_r {display:inline-block; vertical-align:top; width:20px; height:20px; border:1px solid #ccc; margin-left:-1px; margin-top:-1px;}
.faci_time_r.ne {background-color: #e5e5f7;  background: repeating-linear-gradient( -45deg, #fff, #aaa 1px, #fff 1px, #fff 5px );}

[rate_t="4"] .faci_time_th {width:29px;}
[rate_t="4"] .faci_time_r {width:30px;}
[rate_t="4"] .faci_time_th {font-size:10px; line-height: 11px; box-sizing: border-box; padding-top:5px;}
[rate_t="4"] .faci_time_top {width:8500px;}
[rate_t="4"] .faci_time_top {margin-left:-15px;}
.isapp [rate_t="4"] .faci_time_top {margin-left:-10px;}

[rate_t="5"] .faci_time_th {width:29px;}
[rate_t="5"] .faci_time_r {width:30px;}
[rate_t="5"] .faci_time_th {font-size:10px; line-height: 11px;box-sizing: border-box; padding-top:5px;}
[rate_t="5"] .faci_time_top {width:2900px;}
[rate_t="5"] .faci_time_top {margin-left:-15px;}

[rate_t="6"] .faci_time_th {width:29px;}
[rate_t="6"] .faci_time_r {width:30px;}
[rate_t="6"] .faci_time_th {font-size:10px; line-height: 11px;box-sizing: border-box; padding-top:5px;}
[rate_t="6"] .faci_time_top {width:1500px;}
[rate_t="6"] .faci_time_top {margin-left:-15px;}

.faci_time_r.booked {background:#eee;}
.faci_time_r.ex, .faci_time_r.op0 {background:#ddd; border:1px solid rgba(0,0,0,0.2);}
.faci_time_r.incart {background:#ff2828;}
.faci_time_r.wmem_ed {background:#aaa; border:1px solid rgba(0,0,0,0.2);}
.faci_time_r:hover {border:2px solid #316bff; z-index:2; position:relative;}

.upr {color:#316bff; display:inline-block; white-space:nowrap;}
.in_lbl {position:relative;}
.view_carplates .in_lbl {padding-left:22px;}
.view_carplates input {position:absolute; left:0; top:0; margin:0;}

.fsi {font-size:inherit;}
.upr_w {display:inline-block; padding:10px; }
.faci_date_d1 {text-align:center;}
.faci_date_d2 {text-align:center; color:#888; font-size:11px;}
.faci_date_c2 {padding-left:1px; white-space:nowrap; font-size:0;}
.faci_date_r {display:inline-block; vertical-align:top; margin-left:-1px; height: 35px; padding:0 15px; border:1px solid #ccc;box-sizing: border-box; white-space:nowrap; line-height:35px;}
.faci_date_r.ed {
	border: 1px solid #000;
	position: relative;
	z-index: 2;
	padding:0 13px;
	line-height: 35px;
        font-weight:bold;
	
}
.faci_c .in_lbl {display:inline-block; margin-right:10px; padding-top:20px;}
.faci_c2 {width:100%; overflow-y:hidden; overflow-x:scroll; display:inline-block; vertical-align:top;}
.faci_c3 {width:0%; padding-left:1px; /*margin-bottom:12px;*/}
.faci_r {display:inline-block; vertical-align:top; padding:15px 20px; border:1px solid #ccc; margin-left:-1px; }
.faci_r.ed {border:1px solid #000; position:relative; z-index:2;}
.faci_time_r {box-sizing:border-box;}
.faci_time_r.bst_booked {background:#ddd; border-color:rgba(0,0,0,0.2); position:relative; z-index:2;}
.faci_time_r.bst_paid {background:#14e790; border-color:rgba(0,0,0,0.2); position:relative; z-index:2;}
.faci_time_r.bst_partial {background:#ffe400; border-color:rgba(0,0,0,0.2); position:relative; z-index:2;}
.faci_time_r.ed {position:relative; z-index:3; border:2px dashed #000;}
.faci_time_r.bst_paying {background:#ff0000; position:relative; z-index:3;}
.faci_time_r.bst_free {background:#4661ff;}
.faci_time_r.bst_pending {background:#fff; border: 3px solid #ff0000; position:relative; z-index:2;}
.faci_time_r.voucher_discount_ed {background:#BF40BF; border: 1px solid #702963;}
.f_nm_x {background:url('/images/close.png') no-repeat center center / 8px auto; width:10px; height:20px; display:inline-block; vertical-align:top; margin:0px 0 0 4px; display:none;}
.f_nm_x.show {display:inline-block;}
.upl_snap {display:inline-block; vertical-align:middle; width:70px; position:relative;}
.slt_method_f_nm {display:inline-block; vertical-align:top; max-width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#aaa; display:none; padding-top:2px; }
.slt_method_f_nm.show {display:inline-block; vertical-align:top;}

.nowrap {white-space: nowrap;}
.showhide {background:#eee; position:absolute; top:10px; right:10px; height:22px; width:40px;
border-radius:22px;
-webkit-border-radius:22px;
}
.showhide_n {top:0; right:auto; left:0; margin-bottom:10px; position:relative; display:inline-block;}
.showhide_v {border:1px solid rgba(0,0,0,0.2); background:#fff; position:absolute; left:2px; top:2px; width:16px; height:16px;
border-radius:50%;
-webkit-border-radius:50%;
}

.showhide_in {border:1px solid rgba(0,0,0,0.2); background:#eee; position:relative; height:22px; width:40px; display:inline-block;
border-radius:22px;
-webkit-border-radius:22px;
}
.showhide_in.ed .showhide_v {left:auto; right:2px;}
.showhide_in.ed {background:#48cd60;}
.showhide_in_w0, .showhide_in_w2 {position:absolute; left:50px; top:4px;}
.showhide_in.ed .showhide_in_w0 {display:none;}
.showhide_in:not(.ed) .showhide_in_w2 {display:none;}

.pop_bg .fa_rmk_tb {width:86%; margin:auto;}
.pick_account_tb td { vertical-align:top; }
.pick_account_tb {margin:10px 0; width:100%;}
input.fb_tel, input.bulk_fb_tel, input.fb_cus_nm, input.fb_cus_account {width:148px; box-sizing:border-box;}
.in_r {position:relative; margin-bottom:12px;}
.xin {padding-right:35px !important;}
.xin30 .xin {padding-right:70px !important;}
#app:not(.isapp) .same_as_c.xin_c .xin {padding-right:130px !important;}
#app:not(.isapp) .xin2 .xin {padding-right:135px !important;}
.dash_r {margin-bottom:5px; padding:5px; display:none;
border-radius:2px;
-webkit-border-radius:2px;
}
.xin_go {width:35px; height:35px; background:url('/images/close_g.png') no-repeat center center / 14px auto; position:absolute; right:4px; bottom:4px;}
#app:not(.isapp) .xin2 .xin_go {right:100px;}
.capt_c .xin_go {right:164px;bottom:6px;}
.in_r_33 .xin_go {right:5px;}
.xin30 .xin_go {right:35px;}
#app:not(.isapp) .same_as_c.xin_c .xin_go {right:100px;}
#faci_box .iti .xin_go, #book_cart .iti .xin_go {right:0px; bottom:-4px;}

.fa_rmk th {font-weight:normal; text-align: right;}
.fa_rmk table {margin:0; width:100%;}
.fa_rmk {border-bottom:1px solid #eee;  padding-top:20px; padding-bottom:20px; text-align: center; margin-bottom:15px;}
[book_t="2"] .fa_rmk {margin-top:0; }
.fa_rmk [name="eps_rmk"] {	width: 380px; height:80px;	margin-left: 0px; }
.fa_rmk {display:none;}
.book_t_ed .fa_rmk, #book_cart .fa_rmk {display:block;}
.bo_info_4.fb_tel_s {text-align:left;}
.bo_info_4.fb_tel_s .in_lbl, .fa_rmk .in_lbl { text-align:right; display:inline-block;}
.fa_rmk .in_lbl {vertical-align:top;}
.bo_info_4.fb_tel_s .xin {padding-right:20px; }
.reg_s_w {display:none; color:#ff0000; margin-top:0px;}
.red_lbl {color:#ff0000;}
[reg_s="0"] .reg_s_w[t="0"] {display:inline-block;}
#faci_box[force_new="2"][reg_s="0"] .reg_s_w[t="0"] {display:none;}
[reg_s="1"] .reg_s_w[t="1"] {display:inline-block;}
[reg_s="2"][create="0"] .reg_s_w[t="2"] {display:inline-block;}
#faci_box .fb_cus_nm_r {display:none; }
#faci_box[reg_s="0"] .fb_cus_nm_r, #faci_box[reg_s="1"] .fb_cus_nm_r, #faci_box[reg_s="2"] .fb_cus_nm_r {display:inline-block;}
.faci_time_thead th {padding-bottom:0;}

/*.book_left_c { padding:0px 0; height:19px;}*/

.slt_bca_faci_t, .slt_bca_month, .slt_bca_date {margin-bottom:12px; white-space: nowrap; overflow-y: hidden; overflow-x: auto;}
.slt_bca_faci_t_r:first-child, .slt_bca_month_r:first-child, .slt_bca_date_r:first-child {margin-left:1px;}
.slt_bca_faci_t_r, .slt_bca_month_r { display: inline-block; vertical-align: top; border: 1px solid #ccc; padding: ; height: 35px; line-height: 35px; padding: 0 15px; margin-left:-1px; position:relative; box-sizing:border-box;}
.slt_bca_faci_t_r.ed, .slt_bca_month_r.ed {border:1px solid #000; z-index:1; font-weight:bold;}

.faci_type_r { display: inline-block; vertical-align: top; border: 1px solid #ccc; padding: ; height: 35px; line-height: 35px; padding: 0 15px; margin-left:-1px; position:relative; box-sizing:border-box;}
.faci_type_r.ed {border:1px solid #000; z-index:1; font-weight:bold;}
#add_booking[booking_t="1"] .faci_time_tbody > tr > th {opacity:0;}
.book_left_c {position:absolute; left:0px; top:0; background:#fff; padding-top:30px; padding-left:5px; padding-right:0px; z-index:5; padding-bottom:0px; height: 523px; width:auto; height:calc(100% - 40px);}
[booking_t="2"] .book_left_c {left:-5px; top:5px; height:calc(100% - 45px);}
.isapp .book_left_c {left:0px; top:0px; height:calc(100% - 35px); padding-top:35px;}
.isapp [booking_t="2"] .book_left_c {padding-top:34px;}
.emok .xin_go, .emnook .xin_go {right:20px;}
.emok .xin, .emnook .xin {padding-right:55px !important;}
.sendcode_c .xin_go {right:88px;}
.sendcode_c .xin {padding-right:105px;}
.in_r_50 .xin_go {right:10px;}
.fb_tel_s.bo_info_4 .xin_go {bottom:3px; right:10px;}
#sos_o .xin_go {width:50px; height:50px;}
#app:not(.isapp) .in_r .iti .xin_go {bottom:-5px;}

.pop_search_c:not(.pop_search_c_2), .faci_date, .faci_date2, .class_booking_date_list, .add_booking_faci_type_o, .navi_date_3 { 
    margin-bottom:12px;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y:hidden;
}
.pop_search_c_2 {margin-bottom:12px;}
.class_booking_date_list {margin:0;}
.bo_info_2a {padding:4px 0;}
.bo_info_2a th, .bo_info_2a td {vertical-align:top;}
.days_r {display:inline-block; vertical-align:top; padding:8px 12px;  line-height:normal;  border:1px solid #ccc; position:relative; text-align:center;}
.days_r.ed {border:1px solid #000; z-index:1; padding:8px 12px;font-weight:bold;}
.days_r:not(:first-child) {margin-left:-1px;}
#inv_pay_o.gray .inv_pay, .btn.dis, .btn2.dis, .longbtn.dis, .dash_r[cou="0"] .dash_view {background:#eee; color:#aaa;border-radius:0px;}
.out_list_cc, .out_list_ccc {border:0px solid #ddd; padding:0px; border-radius:8px;background-color:#f8f8f8;margin-top:-8px;}
.out_list_c td {padding:5px;}
.dash_r[cou="0"] .dash_w {opacity:0.5;}
.bar_des {position:absolute; left:0; top:0px; width:100%; font-size:11px; color:#aaa; width:100%; text-align:center; padding-top:10px;}
.out_list {position:relative;}
.toggle_visi {position:relative;}

 .showhide2 {position:absolute; right:0px; top:-60px; border:1px solid #48cd60; border-radius:2px; -webkit-border-radius:2px; overflow:hidden; font-size:0; 
border-radius:7px;
-webkit-border-radius:7px;
display:none;
}
.showhide.ed .showhide_v {left:auto; right:2px;}
.showhide.ed {background:#48cd60;}

.about_ti {font-weight:bold; font-size:16px;}
.about_lbl {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 3px;
}
.about_r {margin-bottom:10px;}
.s_aboutus {background:url('/images/about_us.png') no-repeat center center / 24px auto; width:50px; height:50px; position:absolute; right:0; top:0; }
.showhide2_v {display:inline-block; vertical-align:top; width:50px; text-align:center; height:25px; line-height:25px; color:#48cd60; border-right:1px solid #48cd60;}
.showhide2_v:last-child {border-right:0;}
.showhide2_v.ed {background:#48cd60; color:#fff;}

.s_terms { border-radius:10px;
	cursor: pointer;
	color: #fff;
	background: rgba(0,0,0,0.5);
	padding: 5px 10px;
	color:#fff; 
}

.about_r img {width:100%;  height:auto; margin-bottom:10px;}
.about_r_logo img {max-width:150px;}
.s_terms a { color:#fff; display:inline-block; vertical-align:top; margin:0 2px; }
.footer_terms {text-align:center; padding:20px 0 20px; padding-bottom:0px;}
#nav .footer_terms { text-align:center; width:100%; max-width:440px; background:#fff; margin:0 auto; padding:10px 0;}
#nav .s_terms {color:#888; background:none;}
#nav .s_terms a {color:#888;}
.paidtick {width:12px; height:auto; margin-left:5px; vertical-align:middle;}

.app_u_csrh {position:absolute; right:0; top:0; color:#316bff; display:none;}
#app[acct="u"] .app_u_csrh {display:block;}
.bo_info_3, .durbox {-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */}
.pop_search_c, .pop_search_bar, .marked_ns, .add_btn, .aci_pnav, .aci_tick_tr, .faci_type_r, .nav_r, .navi_r, .con_r, .add_sinv_tofull_o, .item_udis_t, .pop_nav_r, #s_noti, #s_fea, .slt_customers_r, .nbo_srh_rs_r, .nbo_srh_nav_r, .app_u_csrh, .s_check_out, .long_btn_red, .lea_fil_r, #poserva, .slt_booking_date_w, #s_slt_booking_date, .top_slt_pro_r, .top_slt_co_r, .snav3, .agree_r, .card_box_status, .book_mode_r, .epc, .long_btn_blue, .slt_door_no, .qc_r, .bluelongbtn, .ps_r, .slt_pym_t_r, .slt_pym_r, .snav2_r_vi, .days_r, .sby_r, .content_c[use="0"], .del_owner, #terms_ok, #ui-datepicker-div, .btn6, .retrieve_data_r, .s_change_unit_2_3, .slt_account_4_r, .s_change_unit_2_2, .account_nav, .pu_is_new_cus, .is_new_cus, .cus_r, .unitpop_t_r, .oc_r, .showhide2_v, #sos_o, .showhide, div .s_booking_dt, .ded_dur, .add_dur, .faci_time_r, .faci_date_r, .faci_r, .blue_btn, .blue_lbl, .slt_method, .to_unposted, .edit_amo, .edit_amo_x, label, .s_subacc, .vi_status, .status, .qr_link, .scan_qr, .td_more_r, .s_vi_dt, .pop_title, .s_trans, .blocks_r, .pick_r, .td_more, .owner_nm, .ann_f_c, .btn5, .btn4, .like, .del_upl, .longbtn2, .pop_sms, .op_nav, .popup, .top_slt_date, .del_add_inv, .del_add_inv_2, .same_as, .s_stg, .change_unit, .slt_r, .set_prim, .next_pg, .prev_pg, .s_add, #s_fea, #u_nm, .u_pop_r,  .unit_nm, .btn3, .btn1, .btn2, .btn, .longbtn, .nav_more , .s_dash_arw, .rev_sec_r_add, .switch_ed_box, .dt_box_chg_pw, .cus_box_chg_stu, .cus_box_chg_nickname, #logout, .navi_date_next, .navi_date_prev, .navi_date_prev_2, .navi_date_next_2  , .sort_it, .cancel_voucher, .slt_bca_faci_t, .slt_bca_month, .slt_bca_date {
	cursor:pointer;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

.bpop_back {
-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

@keyframes blink {
	0%, 100% {opacity:1;}
	50% {opacity:0.3;}
}

#faci_box .fa_rmk_tr th, #faci_box .fa_rmk_tr td {padding-top:10px;}
.split_line_2 {border-bottom:1px solid #ccc; height:1px; margin:10px 0; }
.split_line_2.t2r {width:100%; margin-bottom:15px;}
.bookings_rmk_r {margin-bottom:0px; text-align:left;}
.express_form {display:none;}
#faci_box[book_t="2"] .express_form {display:block;}
#faci_box[book_t="2"] .bo_info_4 {display:none;}
.express_form {padding:10px 0;}
.express_form table {width:100%;}

#faci_box .express_form th, #faci_box .express_form td {padding:5px;}
#faci_box .express_form th {width:37%; text-align:right; font-weight:normal; vertical-align:top; padding-top:8px;}
.express_form input, .express_form textarea {width:89%;}
.pu_is_new_cus, .is_new_cus {color:#fff; display:none;}
.pu_is_new_cus.show, .is_new_cus.show {display:inline-block;}
.rcarno_x {background:url('/images/close_w.png') no-repeat center center / 7px auto; width:20px; height:20px; position:absolute; right:0px; top:0; }
.rcarno_r {position:relative; padding-right:20px; margin:0 5px 5px 0; }
#smartcard_dt[e="0"] .rcarno_r {padding:3px 5px;}
.rcarno_list {padding-top:10px;}
.carno_list .carno {margin:0 2px 2px 0;}

.main_box_c { padding:20px; box-sizing:border-box; background:#fff; position:relative;}

#slt_unit2 {
box-shadow:0 20px 40px 0 rgba(0,0,0,0.4);
-webkit-box-shadow:0 20px 40px 0 rgba(0,0,0,0.4);
}
body .daterangepicker, .login_box_c, .main_box_c, #terms_c, .pop_sms_c, div.topnav_to_3, div.topnav_to_2, #u_pop, .td_more_c, #fea, #noti_o, .pop_c, .bepop .page_c {border-radius:10px; -webkit-border-radius:10px;
box-shadow:0 20px 40px 0 rgba(0,0,0,0.4);
-webkit-box-shadow:0 20px 40px 0 rgba(0,0,0,0.4);
}
:root { color-scheme: light only;}
@media print {
	.to_e, .to_save, .to_cc, .vi_dt_v_e, .e_tr[v=""] {display:none !important;}
	.vi_carplate span {padding:0;  margin:0;}
	#app.vicard a, #app.vicard span, #app.vicard div, #app.vicard form, #app.vicard table, #app.vicard td, #app.vicard th {color:#000; font-size:12px;} 
}

#static_done_icon {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0); z-index:99999; text-align:center; display:none; }
#loading3 {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0); z-index:99999; text-align:center; display:none; }
.wechat-loader-box { position:absolute; left:50%; top:50%; margin-left:-60px; margin-top:-60px;
  width: 120px;
  height: 120px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wechat-spinner {
  width: 36px;
  height: 36px;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-top: 3px solid #07C160; /* WeChat green */
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

    .wechat-loader-box-done { position:absolute; left:50%; top:50%; margin-left:-60px; margin-top:-60px;
      width: 120px;
      height: 120px;
      background: rgba(0, 0, 0, 0.7);
      border-radius: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .wechat-done-circle-done {
      width: 36px;
      height: 36px;
      background: #07C160;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      
    }
    .fading .wechat-done-circle-done {
        animation: scaleUp 0.3s ease-out;
    }

    .wechat-done-check-done {
      width: 12px;
      height: 6px;
      border-left: 2px solid white;
      border-bottom: 2px solid white;
      transform: rotate(-45deg) translateY(-1px);
      animation: drawCheck 0.4s ease-out;
    }

    .fading .wechat-done-circle-done {
        animation: scaleUp 0.3s ease-out;
    }

    @keyframes scaleUp {
      0% { transform: scale(0.8); }
      50% { transform: scale(1.1); }
      100% { transform: scale(1); }
    }

    @keyframes drawCheck {
      0% {
        width: 0;
        height: 0;
        opacity: 0;
      }
      50% {
        width: 6px;
        height: 3px;
        opacity: 1;
      }
      100% {
        width: 12px;
        height: 6px;
      }
    }

.wdash_o {background-color:#f8f8f8;border-radius:8px;}


th {
    color: #000;
    font-weight: normal;
}


.durbox th {
  color: #999; 
}

.bo_faci_r bo_faci_nm th {
  color: #999; 
}

td.faci_dt_rmk_wd_v.nowrap.tar.pr
{

}

span.si_pay.btn
{
border-radius:12px;
}

span.si_pay.btn.dis {
    background-color: #ddd;
    color: #aaa;
}

span.indi.tr_indi {
    margin-top: 0px;
    margin-left: 0px;
}

span.pr {
    font-size: 16px;
    font-weight:bold;
top:8px;
}

div#con {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

#vi_dt th {
color: #999;
}

##book_cart th, #faci_box th, .bo_info_3 th {
color: #999;
font-size:13px;
}

.bo_info_3 table th {
  color: #999;
}

#book_cart th, #faci_box th, #dis_depo_tr th{
width:57%;
  color: #999;
font-size:12px;
}

.isapp #faci_box .bo_info_3 th {width:35% !important; white-space: nowrap;}
#faci_box .bo_info_3 .durbox td {white-space: nowrap;}


span.indi.book_cart_indi {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 20;
    left: 525px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 2px;
    font-weight: normal;
    text-align: center;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    display:none;
}


.print_nav h1 + form.di select {
    margin-left: 8px;
}


.graybox.fs0 .in_lbl {
    font-size: 13px;
    color: #999;
}

table.list_tb span.pr.di {
    font-size: 16px;
    font-weight: normal;
    top: 0px;

}

.vi_log div {
    font-size: 13px;
}

.faci_time_c2 { position:relative;
padding-right: 20px;
}


.plc_confirm_dt * {
     font-weight: normal;
    text-align: right;
}

.plc_confirm_dt {
    padding: 16px;
    /* border: 1px solid #000; */
    border-radius: 16px;
    margin-top: 12px;    
margin-bottom: 12px;
    background-color: #f8f8f8;
}



.plc_confirm_dt .plc_confirm_rate_ti {
color: #aaa;
font-size: 15px;
}

.plc_confirm_dt .plc_confirm_addon_ti {
color: #aaa;
font-size: 15px;
}

.plc_confirm_dt .plc_confirm_total_ti {
color: #aaa;
font-size: 15px;
}

.plc_confirm_dt .gray_lbl {
color:black;
font-size: 14px;
}




hr {
  border: none;
  border-top: 1px solid #eee;
  margin: 10px 0;
  width: 100%; /* or any specific width */
}

table.fa_rmk_tb {
    width: 100%;
}


.bo_info_1 th,
.bo_info_1 td,
.bo_info_2 th,
.bo_info_2 td,
.bo_info_2a th,
.bo_info_2a td {
    padding-left: 4px;
    padding-right: 4px;
}

form[name="form13"] .in_r {
    margin: 12px;
}

.s_change_court.change_long, .btn.mark_ns {
    position: static;
    font-size: 12px;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 8px;
}
.btn.mark_ns {margin-left:20px;}
.ns_ed .mark_ns {display:none;}
.ns_ed .marked_ns {display:inline-block;}

.in_r .s_ocr {
right: 0px;
top:19px;
}


form.f13 {
    margin-bottom: -8px;
}

#login_box > div.login_box_c > div.lbox_nav.tar > a,
#login_box > div.login_box_c > div:nth-child(5) > a,
#forgot_form > div.lbox_nav > a,
#forgot_go,
#signup_form > div.lbox_nav > a,
#signup_form > div.lbox_nav > a,
#signup_form > div:nth-child(1) > select,
#signup_go
{
font-size:16px;
border-radius:10px;
}

#signup_form > div:nth-child(1) > select
{
height:44px;
width:97%;
line-height:44px;
}

#faci_box > div > div.pop_c > div.bo_info > div.bo_info_list > div > table > tbody > tr.bo_faci_r.bo_faci_nm > td {
    color: #4CAF50;
}

#faci_box > div > div.pop_c > form > div.bo_info > div.nbo_o.graybox > table > tbody > tr:nth-child(2) > td > span
{
    width: 35px;
    height: 35px;
    background: url('/images/close_g.png') no-repeat center center / 14px auto;
    position: absolute;
    right: 4px;
    bottom: 0;
}

#book_cart > div > div.pop_c > div.pop_list > form > div.nbo_o.graybox > table > tbody > tr:nth-child(1) > td > div.in_r.nbo_srh_o > div.nbo_srh_x
{
    width: 35px;
    height: 35px;
    background: url('/images/close_g.png') no-repeat center center / 15px auto;
    position: absolute;
    right: 72px;
    top: 19px;
    display: none;
}

#book_cart > div > div.pop_c > div.pop_list > form > div.nbo_o.graybox > table > tbody > tr:nth-child(2) > td > span
{
    width: 35px;
    height: 35px;
    background: url('/images/close_g.png') no-repeat center center / 14px auto;
    position: absolute;
    right: 4px;
    bottom: 0px;
}

#faci_box > div > div.pop_c > div.bo_info > div.bo_info_2a
{padding: 0px 0;}

#faci_box > div > div.pop_c > div.bo_info > div.bo_info_list > div:nth-child(1) table tbody tr.bo_faci_r.bo_faci_cr td {
    font-weight: normal !important;
    color: #4CAF50;
}

#faci_box > div > div.pop_c > form > div.bo_info > div.nbo_o.graybox > table > tbody > tr:nth-child(3) > td > div.iti.iti--allow-dropdown.iti--separate-dial-code.iti--show-flags > span
{right: -1px;}

#faci_box > div > div.pop_c > form > div.fa_rmk.graybox > table > tbody > tr:nth-child(1) > td > div > div > span
{right: -1px;}

#book_cart > div > div.pop_c > div.pop_list > form > div.nbo_o.graybox > table > tbody > tr:nth-child(3) > td > div.iti.iti--allow-dropdown.iti--separate-dial-code.iti--show-flags > span
{right: -1px;}


#faci_box > div > div.pop_c > form > div.bo_info > div.nbo_o.graybox.cus_ed > table > tbody > tr:nth-child(1) > td > div.in_r.nbo_srh_o > div.nbo_srh_ed_x
{
    width: 35px;
    height: 35px;
    background: url('/images/close_g.png') no-repeat center center / 15px auto;
    position: absolute;
    right: 72px;
    top: 19px;
}

.in_r.nbo_srh_o input[type="text"] {
  padding-left: 12px;
}

#faci_box > div > div.pop_c > form > div.bo_info > div.nbo_o.graybox.cus_ed > table > tbody > tr:nth-child(2) > td > input {
    padding-left: 12px;
}

#faci_box > div > div.pop_c > form > div.bo_info > div.nbo_o.graybox.cus_ed > table > tbody > tr.nbo_cus_id_tr.show > td > input
{
   padding-left: 12px;
}

#faci_box > div > div.pop_c > form > div.bo_info > div.nbo_o.graybox.cus_ed > table > tbody > tr.nbo_mem_id_tr.show > td > select
{
  padding-left: 8px;
}

#faci_box > div > div.pop_c > form > div.bo_info > div.nbo_o.graybox.cus_ed > table > tbody > tr.nbo_mem_t_tr.show > td > div
{
    position: absolute;
    margin-left: 4px;
    margin-top: 28px;
}

#faci_box > div > div.pop_c > form > div.bo_info > div.nbo_o.graybox.cus_ed > table > tbody > tr.nbo_mem_t_tr.show > td > input {
    padding-left: 12px;
}

#faci_box > div > div.pop_c > form > div.bo_info > div.bo_info_2 > table:nth-child(1) > tbody > tr > td > div.s_giv_dis.s_add.blue_lbl 
{
    margin-top: 4px;
}

#faci_box > div > div.pop_c > form > div.bo_info > div.bo_info_2 > table:nth-child(3) > tbody > tr:nth-child(1) > td > div.s_giv_dis.s_add.blue_lbl
{
    margin-top: 4px;
}

@media (min-width: 768px) {
  #faci_box > div > div.pop_c > form > div.bo_info > div.bo_info_2 > table:nth-child(1) > tbody > tr > td > div.s_giv_dis.s_add.blue_lbl,
  #faci_box > div > div.pop_c > form > div.bo_info > div.bo_info_2 > table:nth-child(3) > tbody > tr:nth-child(1) > td > div.s_giv_dis.s_add.blue_lbl {
    margin-top: 4px;
  }
}

@media (max-width: 767px) {
  #faci_box > div > div.pop_c > form > div.bo_info > div.bo_info_2 > table:nth-child(1) > tbody > tr > td > div.s_giv_dis.s_add.blue_lbl,
  #faci_box > div > div.pop_c > form > div.bo_info > div.bo_info_2 > table:nth-child(3) > tbody > tr:nth-child(1) > td > div.s_giv_dis.s_add.blue_lbl {
    margin-top: 11px;
  }
}







@media (min-width: 768px) {
  #faci_box > div > div.pop_c > form > div.bo_info > div.bo_info_2 > table:nth-child(1) > tbody > tr > td > div.rm_dis_depo.blue_lbl,
  #faci_box > div > div.pop_c > form > div.bo_info > div.bo_info_2 > table:nth-child(3) > tbody > tr:nth-child(1) > td > div.rm_dis.blue_lbl {
    margin-top: 4px;
  }
}

@media (max-width: 767px) {
  #faci_box > div > div.pop_c > form > div.bo_info > div.bo_info_2 > table:nth-child(1) > tbody > tr > td > div.rm_dis_depo.blue_lbl,
  #faci_box > div > div.pop_c > form > div.bo_info > div.bo_info_2 > table:nth-child(3) > tbody > tr:nth-child(1) > td > div.rm_dis.blue_lbl {
    margin-top: 11px;
  }
}

tr.inv_tr td {
    border-bottom: 0px solid #ddd !important;
}

#book_cart > div > div.pop_c > div.pop_list > form > div.nbo_o.graybox.cus_ed > table > tbody > tr:nth-child(1) > td > div.in_r.nbo_srh_o > div.nbo_srh_ed_x
{
    width: 35px;
    height: 35px;
    background: url('/images/close_g.png') no-repeat center center / 15px auto;
    position: absolute;
    right: 72px;
    top: 19px;
}

#book_cart > div > div.pop_c > div.pop_list > form > div.nbo_o.graybox.cus_ed > table > tbody > tr.nbo_mem_id_tr.show > td > select
{
padding-left:4px;
}

#book_cart > div > div.pop_c > div.pop_list > form > div.nbo_o.graybox.cus_ed > table > tbody > tr:nth-child(2) > td > input,
#book_cart > div > div.pop_c > div.pop_list > form > div.nbo_o.graybox.cus_ed > table > tbody > tr.nbo_cus_id_tr.show > td > input,
#book_cart > div > div.pop_c > div.pop_list > form > div.nbo_o.graybox.cus_ed > table > tbody > tr.nbo_mem_t_tr.show > td > input
 {
    padding-left: 8px;
}


#book_cart > div > div.pop_c > div.pop_list > form > div.nbo_o.graybox.cus_ed > table > tbody > tr.nbo_mem_t_tr.show > td > div {
    position: absolute;
    margin-left: 4px;
    margin-top: 28px;
}

#book_cart > div > div.pop_c > div.pop_list > form > div.nbo_o.graybox.cus_ed > table > tbody > tr:nth-child(1) > td > div.in_r.nbo_srh_o > div.nbo_srh.btn,
#faci_box > div > div.pop_c > form > div.bo_info > div.nbo_o.graybox > table > tbody > tr:nth-child(1) > td > div.in_r.nbo_srh_o > div.nbo_srh.btn,
#book_cart > div > div.pop_c > div.pop_list > form > div.nbo_o.graybox > table > tbody > tr:nth-child(1) > td > div.in_r.nbo_srh_o > div.nbo_srh.btn
{
    margin-bottom: 1px;
}
/* ===== END style_both.css =======================================*/

/* ===== BEGIN style_app.css ======================================*/
body, html {margin:0; padding:0; background:#eee;}
body {height:100%;}

/*div, span, td, th, li, form, table, a, h1, h2, h3, h4 {font-size:12px; font-family:Arial, Helvetica, sans-serif;}*/
div, span, td, th, li, form, table, a, h1, h2, h3, h4 {font-size:13px; font-family:-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', system-ui, sans-serif;}

#app .navi_date_3 {display:none;}
#class_dt_o {z-index:360;}
#class_dt_o .bo_scroll  {max-height:calc(100% - 50px); margin-bottom:10px;}
#class_dt_o  .pop_c {height:100%; overflow:hidden;}
#new_class_bookings_o .bo_scroll {max-height:calc(100% - 50px); margin-bottom:10px;}
#new_class_bookings_o .pop_c {height:100%; overflow:hidden;}
#new_cb_confirm .in_lbl, #class_booking_o .in_lbl, #class_dt_o .in_lbl {color:#999;}
#new_cb_confirm .in_v, #class_booking_o .in_v, #class_dt_o .in_v {font-size:16px;}
#new_cb_confirm .bo_scroll {max-height:calc(100% - 110px); margin-bottom:10px;}
#new_cb_confirm .pop_c {height:100%; overflow:hidden;}
#class_booking_o .pop_c {height:100%;}
#class_booking_o .bo_scroll {max-height:calc(100% - 50px); margin-bottom:10px;}

.u_pass_pending {padding-top:15px;}
.u_pass_r_right {font-size:13px;}
.u_pass_booking_left {padding-top:10px; font-size:13px;}
#msg_v {text-align:left;}
.u_pass_r td {border-bottom:1px solid #eee; padding:10px 6px;}
.classes_pass_tb {width:100%;}
.u_pass_r td {vertical-align:top;}
.full_pop_bg .pop_back {z-index:6;}
.pass_classes_r_no {color:#999;}
.pass_classes_r_nm {font-weight:bold; font-size:16px; line-height: 18px; margin-bottom:3px;}
.pass_classes_r_tm {font-size:13px;}
.pass_classes_r {position:relative; min-height:60px; padding:10px 0; border-bottom:1px solid #eee;}
.pass_classes_r_coach img {width:60px; height:60px; border-radius:50%;}
.pass_classes_r_coach {width:70px; position:absolute; left:0; top:10px;}
.pass_classes_r_mid {width:calc(100% - 140px); padding-left:70px; padding-right:70px; padding-top:5px;}
.pass_classes_r_day {width:70px; position:absolute; right:0; top:30px; text-align:right; font-size:13px;}
#app .full_pop_bg {box-shadow:none;}
#app .full_pop_bg .pop_title {position:absolute; left:0; top:0; width:100%; height:50px; line-height:50px;}
#app .full_pop_bg .bo_scroll {height:calc(100vh - 50px); max-height:none;}
#app .full_pop_bg .pop_c {border-radius:0; padding-top:50px; max-height:none; box-sizing:border-box; height:100%; overflow: hidden;}
#app .full_pop_bg .pop_o {width:100%; height:100%;}
#pass_classes_o {z-index:350;}
#app .slt_u_pass_r_classes, #app .slt_u_pass_r_classes > span, #app .cur_u_pass_r_classes {font-size:15px;}
.slt_u_pass_r {font-size:0;}
.slt_u_pass_r_color {display:inline-block; vertical-align: top; width:13%;}
.slt_u_pass_r_mid {display:inline-block; vertical-align: top; width:57%;}
.slt_u_pass_r_price {font-size:13px; padding-top:10px; display:inline-block; vertical-align: top; width:30%; white-space: nowrap; text-align: right;}
.slt_u_pass_r_price > span {font-size:16px;}
.u_pass_r_color, .slt_u_pass_r_color span {width:30px; height:30px; border-radius:50%; display:inline-block; position:relative; top:10px;}
.bo_info_2 > table, .bo_info_2a > table {width:100%; max-width:600px;}
.cancel_voucher {top:13px;}
.isapp .voucher_amount {width:100%;}
.bo_scroll {overflow-y:scroll; max-height:calc(100vh - 310px);}
.scroll_140 {max-height:calc(90vh - 140px);}
.scroll_200 {max-height:calc(90vh - 200px);}
.scroll_230 {max-height:calc(90vh - 230px);}
.scroll_100_140 {max-height:calc(100vh - 140px);}
#faci_box.book_t_ed .bo_scroll {max-height:calc(100vh - 240px);}
#faci_box .pop_c {overflow-y:hidden;}
#book_cart .bo_scroll {max-height:calc(100vh - 211px);  overflow-x:hidden;}
#book_cart .pop_c {overflow-y:hidden; overflow-x:hidden;}
#add_booking .bo_scroll {max-height:calc(100vh - 230px);}
#add_booking .pop_c {overflow-y:hidden;}
#add_booking .faci_time_c {margin:0;}
.pop_search_c_5 {display:none;}

/** Me **/
.slt_box_r_sus {display:none; background:#eee; color:#888; font-size:9px; padding:3px 5px; margin-left:5px;vertical-align: top; letter-spacing: 0.5px; font-weight:700; border-radius:4px;}
.slt_box_r[s="1"] .slt_box_r_sus {display:inline-block;}
.slt_box_r_pending {display:none; background:#eee; color:#888; font-size:9px; padding:3px 5px; margin-left:5px;vertical-align: top; letter-spacing: 0.5px; font-weight:700; border-radius:4px;}
.slt_box_r[s="0"] .slt_box_r_pending {display:inline-block;}
.slt_box_r_current {display:none; background:#d1fae5; color:#059669; font-size:9px; padding:3px 5px; margin-left:5px;vertical-align: top; letter-spacing: 0.5px; font-weight:700; border-radius:4px;}
.slt_box_r.ed .slt_box_r_current {display:inline-block;}
.slt_box_r_out {color:#d97706; font-size:14px; font-weight:700; white-space: nowrap;}
#me_slt_account .bpop_title {text-align:left;}
.slt_box_r_outline {padding:16px;}
.slt_box_r table {width:100%;}
.slt_box_r_others {font-size:0;}
.slt_box_r_category, .slt_box_r_entity {font-size:11px; display:inline-block; width:50%; vertical-align: top; padding-left:18px; color:#6b7280; box-sizing:border-box; padding-right:5px;}
.slt_box_r_category {background:url('/images/slt_box_category.png') no-repeat 0 center / 12px auto; }
.slt_box_r_entity {background:url('/images/slt_box_entity.png') no-repeat 0 center / 12px auto; }
.slt_box_r_img {position:absolute; left:0; top:0; }
.slt_box_r_img img {width:48px; height:48px; border-radius:14px;}
.slt_box_r_nm, .slt_box_r_property_nm, .slt_box_r_others {padding-left:60px;}
.slt_box_r_lbl {color:#a0a6b2; font-size:9px; letter-spacing: 0.5px; margin-bottom:5px; white-space: nowrap;}
.slt_box_r_property_nm {color:#6b7280; margin-bottom:8px;}
.slt_box_r {cursor:pointer; margin-bottom:10px; border:2px solid #e5e7eb; border-radius:16px; padding:16px;}
.slt_box_r.ed {border-color:#3b82f6;}
.slt_box_tick {background:#fff; border:2px solid #dadee2; display:inline-block; vertical-align: top; width:24px; height:24px; border-radius:50%; box-sizing:border-box; margin-bottom:10px;}
.slt_box_r.ed .slt_box_tick {border-color:#3b82f6; background:#3b82f6 url('/images/tick_white.png') no-repeat center center / 12px auto;}
.slt_box_r[s="0"] .slt_box_tick, .slt_box_r[s="1"] .slt_box_tick {display:none;}
.me_transi {transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);}
[acct="u"][page="me"] #logout {color:#dc2626; font-weight:600; font-size:14px; height:55px; line-height: 55px; border:1px solid #fee2e2; width:100%; text-align: center; box-shadow:0 1px 3px rgba(0, 0, 0, 0.04); background:#fff; border-radius:16px;}
[acct="u"][page="me"] #logout:hover {background:#fef2f2;}
.logout_icon {width:40px; height:40px; background:url('/images/me_logout.png') no-repeat center center / 20px auto; height:20px; width:20px; display:inline-block; vertical-align: middle; }
.dt_box_2_r_lbl, .cus_box_2_r_lbl, .iden_box_2_r_lbl, .con_box_2_r_lbl {padding-left:52px; color:#9ca3af; font-size:10px; font-weight:500; margin-bottom:6px;}
.dt_box_2_r_v, .cus_box_2_r_v, .iden_box_2_r_v, .con_box_2_r_v {padding-left:52px;}
.dt_box_2_r, .cus_box_2_r, .iden_box_2_r, .con_box_2_r {position:relative; min-height:40px;}
.dt_box_2_r_img, .cus_box_2_r_img, .iden_box_2_r_img, .con_box_2_r_img {background:linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); border-radius:14px; width:40px; height:40px; margin-right:12px; position:absolute; left:16px; top:16px;}
.dt_box_2_r_img > span, .cus_box_2_r_img > span, .iden_box_2_r_img > span, .con_box_2_r_img > span {width:20px; height:20px; position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-10px;}

.cus_box_2_r_1 .cus_box_2_r_img > span { background: url('/images/me_icon_2.png') no-repeat center center / 20px auto; }
.cus_box_2_r_2 .cus_box_2_r_img > span { background: url('/images/me_icon_1.png') no-repeat center center / 20px auto; }
.cus_box_2_r_3 .cus_box_2_r_img > span { background: url('/images/me_icon_3.png') no-repeat center center / 20px auto; }
.cus_box_2_r_4 .cus_box_2_r_img > span { background: url('/images/me_icon_4.png') no-repeat center center / 20px auto; }
.cus_box_2_r_5 .cus_box_2_r_img > span { background: url('/images/me_icon_5.png') no-repeat center center / 20px auto; }
.cus_box_2_r_6 .cus_box_2_r_img > span { background: url('/images/me_icon_3.png') no-repeat center center / 20px auto; }

.iden_box_2_r_1 .iden_box_2_r_img > span { background: url('/images/me_icon_6.png') no-repeat center center / 20px auto; }
.iden_box_2_r_2 .iden_box_2_r_img > span { background: url('/images/me_icon_7.png') no-repeat center center / 20px auto; }
.iden_box_2_r_3 .iden_box_2_r_img > span { background: url('/images/me_icon_8.png') no-repeat center center / 20px auto; }
.iden_box_2_r_4 .iden_box_2_r_img > span { background: url('/images/me_icon_9.png') no-repeat center center / 20px auto; }

.con_box_2_r_1 .con_box_2_r_img > span { background: url('/images/me_icon_10.png') no-repeat center center / 20px auto; }
.con_box_2_r_2 .con_box_2_r_img > span { background: url('/images/me_icon_10.png') no-repeat center center / 20px auto; }
.con_box_2_r_3 .con_box_2_r_img > span { background: url('/images/me_icon_11.png') no-repeat center center / 20px auto; }
.con_box_2_r_4 .con_box_2_r_img > span { background: url('/images/me_icon_12.png') no-repeat center center / 20px auto; }
.con_box_2_r_5 .con_box_2_r_img > span { background: url('/images/me_icon_12.png') no-repeat center center / 20px auto; }

.cus_box_chg_nickname, .cus_box_chg_stu {position:absolute; right:16px; top:20px; color:#316bff !important; font-size:12px;}
.iden_box_chg_tin {position:absolute; right:16px; top:20px; color:#316bff !important; font-size:12px;}
.me_v_new { left:68px; top:36px;}
.dt_box_chg_pw {position:absolute; right:16px; top:20px; color:#316bff !important; font-size:12px;}
.dt_box_2_r_img_1 > span { background: url('/images/me_email.png') no-repeat center center / 20px auto; }
.dt_box_2_r_img_2 > span { background: url('/images/me_password.png') no-repeat center center / 20px auto;}
.dt_box_2_r_img_3 > span { background: url('/images/me_last_login.png') no-repeat center center / 20px auto;}
.ed_box_2_5_time {color:#6b7280; font-size:10px; }
.ed_box_2_5_nm {color:#047857; font-size:13px; font-weight:600; margin-bottom:5px;}
.ed_box_2_5_status {background:#d1fae5; color:#059669; border:1px solid #a7f3d0; border-radius:12px; position:absolute; right:16px; top:20px; font-size:9px; font-weight:700; letter-spacing: 0.5px; padding:6px 10px;}
.ed_box_2_5_r {position:relative; padding:16px; padding-right:70px; background: linear-gradient(90deg, #EEFFF7 0%, #F0FDFA 100% ); border: 1px solid #D1FAE5; border-radius: 14px; margin-bottom:8px;}
.ed_box_2_5_r.ed_box_2_5_r_EXPIRED {background:#f6f7f8; border-color:#eceef0; }
.ed_box_2_5_r.ed_box_2_5_r_EXPIRED .ed_box_2_5_nm {color:#808791;}
.ed_box_2_5_r.ed_box_2_5_r_EXPIRED .ed_box_2_5_time {color:#c2c6cd;}
.ed_box_2_5_r.ed_box_2_5_r_EXPIRED .ed_box_2_5_status {color:#9fa4ae; background:#f6f7f8; border-color:#eceef0;}
.ed_box_2_5_count {float:right; color:#9ca3af; font-size:11px;}
.ed_box_notfound {text-align:center; font-size:12px; padding:30px 0;}
.ed_box_2_5_title {color:#6b7280; font-size:10px; font-weight:500; margin-bottom:16px;}
.ed_box_2_4_v {font-size:13px;}
.ed_box_2_4 {font-size:0;}
.ed_box_2_4_r {display:inline-block; vertical-align: top; width:50%; margin-bottom:16px; padding-right:10px; box-sizing:border-box;}
.ed_box_2_4_lbl {font-size:10px; font-weight:500; color:#a0a6b2; letter-spacing:1px; margin-bottom:5px;}
.ed_box_2_3_lbl {margin-bottom:10px;}
.ed_box_2_3_r_out .ed_box_2_3_v {color:#92400e;}
.ed_box_2_3_r_over .ed_box_2_3_v {color:#dc2626;}
.ed_box_2_3_v {font-size:18px; font-weight:700; }
.ed_box_2_3_r_out .ed_box_2_3_lbl {color:#b45309; font-size:10px; letter-spacing: 0.5px; font-weight:600;}
.ed_box_2_3_r_over .ed_box_2_3_lbl {color:#dc2626; font-size:10px; letter-spacing: 0.5px; font-weight:600;}
.ed_box_out_icon {background:url('/images/outstanding_icon.png') no-repeat 0 center / 12px auto; padding-left:20px;}
.ed_box_over_icon {background:url('/images/overdue_icon.png') no-repeat 0 center / 12px auto; padding-left:20px;}
.ed_box_2_3 {font-size:0;}
.ed_box_2_3_r {display:inline-block; width:calc(50% - 8px); box-sizing:border-box; padding:16px; border-radius:14px;}
.ed_box_2_3_r_out {background:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); border:1px solid #fcd34d; margin-right:16px;}
.ed_box_2_3_r_over {background:linear-gradient(135deg, #fee2e2 0%, #fecaca 100%); border:1px solid #fca5a5;}
.ed_box_2_property_nm, slt_box_r_property_nm {color:#6b7280; font-size:12px;}
.ed_box_current {color:#059669; font-size:9px; font-weight:700; padding:3px 10px; border:1px solid #a7f3d0; border-radius:12px; display:inline-block; margin-left:5px; letter-spacing: 0.5px; background:#ecfdf5;}
.ed_box_2_nm_v, .slt_box_r_nm_v {font-weight:700; font-size:16px; margin-bottom:5px;}
.ed_box_2_nm, .slt_box_r_nm {margin-bottom:5px;}
.me_bg_2 .ed_box_2_2 {padding-left:80px;}
.ed_box_2_1 {position:absolute; left:0; top:0;}
.ed_box_2_1 img {border-radius:14px; }
.switch_ed_box {color:#316bff; font-size:13px; font-weight:500; background:url('/images/arw_right_blue.png') no-repeat right 5px center / 9px auto; padding-right:20px; float:right;}
.ed_box_2, .dt_box_2, .cus_box_2, .iden_box_2, .con_box_2 {padding:0px;}
.me_box_title {padding:16px; color:rgb(17 24 39 / var(--tw-text-opacity, 1)); font-weight:600; font-size:14px;}
.ed_box_outline, .dt_box_outline, .cus_box_outline, .iden_box_outline, .con_box_outline {background:#fff; margin-bottom:12px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.04); border-radius:16px; }
.me_box_outline {margin-top:-75px;}
.ed_box_2 > div, .dt_box_2_r, .cus_box_2_r, .iden_box_2_r, .con_box_2_r {padding:16px;}
.ed_box_split {background:#f3f4f6; height:1px; width:100%;}
.ed_box_split_short {background:#f3f4f6; height:1px; width:calc(100% - 32px); margin-left:16px; padding:0 !important;}
.ed_box_split_soft {background:#f9fafb; height:1px; width:100%; padding:0 !important;}
.me_bg_2 {background:#f3f4f6; padding:16px;}
.me_bg {background: linear-gradient(to right, #252f49, #374559); padding:20px; padding-bottom:60px;}
.profile_2_1 {margin-bottom:13px;}
.profile_2_2 {color:rgba(255,255,255,0.7); margin-bottom:7px; font-size:13px;}
.profile_2_3 {background:rgba(255,255,255,0.1) url('/images/call3.png') no-repeat 15px center / 10px auto; padding:6px 15px 6px 33px; color:#fff; border-radius:20px; display:inline-block; font-size:11px;}
.profile_nm {font-size:18px; color:#fff; display:inline-block; vertical-align: top; line-height: 18px; font-weight:bold; padding-top:0px;}
.profile_gen {background:url('/images/gen2_0.png') no-repeat center center / 18px auto; width:18px; height:18px; display:inline-block; vertical-align: top;}
.profile_gen_1 {background-image:url('/images/gen2_1.png');}
.profile_gen_2 {background-image:none;}
.profile_o {position:relative; min-height:120px; padding:0 0px;}
.profile_1 {position:absolute; left:0px; top:0; background:linear-gradient(135deg, #6366f1, #ec4899); border-radius:50%; padding:3px;}
.profile_2 {padding-left:100px;}
[acct="u"][page="me"] .topbar {box-shadow:none !important;}
.profile_setting {background:url('/images/profile_setting.png') no-repeat center center / 20px auto; width:40px; height:40px; position:absolute; right:20px; top:60px; background-color:rgba(255,255,255,0.1); border-radius:50%;}
[acct="u"][page="me"] .topbar {background:none; display:none !important;}
.me_title { padding-top:27px; margin-bottom:40px;
	color: #fff;
    padding-left:0; font-weight:bold; font-size:20px; margin:0; opacity:0; height:0px;
}
[acct="u"][page="me"] .topbar {position:static; height:100px;}
[acct="u"][page="me"] #s_sos {display:none !important;}
[acct="u"][page="me"] #content {background: #fff; padding-top:100px;}
/***/


#app[acct="u"] [booking_t="1"] .faci_date {width:0px; height:0px; overflow: hidden; margin:0;}
.faci_date2, .class_booking_date_list {width:calc(100% - 140px); display:inline-block; vertical-align: top; }
.navi_date, .navi_date_2 {display:inline-block; vertical-align: top; font-size:0; border:1px solid #eee; box-sizing:border-box; position:relative; width:125px; height:35px; margin-right:10px;}
.navi_date_prev, .navi_date_prev_2 {background:url('/images/arw_left_thin.png') no-repeat center 10px / 14px auto; width:27px; height:35px; display:inline-block; vertical-align: top;  }
.navi_date_w, .navi_date_w_2 {display:inline-block; white-space: nowrap;vertical-align: top;  width:70px; height:35px; line-height: 32px; text-align: center; border:1px solid #000; font-weight:bold; position:absolute; left:27px; top:-1px; box-sizing:border-box;}
.navi_date_next, .navi_date_next_2 {background:url('/images/arw_right_thin.png') no-repeat center 10px / 14px auto; width:27px; height:35px; display:inline-block; vertical-align: top;  position:absolute; left:97px; top:0;}

.billing_info_c input:disabled, .billing_info_c select:disabled, .billing_info_c textarea:disabled,
.billing_info_c input[disabled="disabled"], .billing_info_c select[disabled="disabled"], .billing_info_c textarea[disabled="disabled"] {color:#000;}

.billing_info_c input::placeholder, .billing_info_c textarea::placeholder, .billing_info_c select::placeholder {
  color: #999;  
  opacity: 1;  
}

.isapp .bill_to_box input::placeholder { color: #8e8e8e; }  
.isapp .bill_to_box input::-webkit-input-placeholder { color: #8e8e8e; } 
.isapp .bill_to_box input::-moz-placeholder { color: #8e8e8e; }     
.isapp .bill_to_box input:-ms-input-placeholder { color: #8e8e8e; }
.isapp .bill_to_box input::-ms-input-placeholder { color: #8e8e8e; }

.isapp .bill_to_box textarea::placeholder { color: #8e8e8e; }  
.isapp .bill_to_box textarea::-webkit-input-placeholder { color: #8e8e8e; } 
.isapp .bill_to_box textarea::-moz-placeholder { color: #8e8e8e; }     
.isapp .bill_to_box textarea:-ms-input-placeholder { color: #8e8e8e; }
.isapp .bill_to_box textarea::-ms-input-placeholder { color: #8e8e8e; }

.msp_r_sus, .msp_r_ex, .msp_r_pending, .msp_r_rejected {position:absolute; left:10px; top:20px;}
.msp_r_days {position:absolute; left:10px; top:10px;}
.msp_r .msp_r_remain {color:#999; position:absolute; left:10px; top:30px; font-size:13px;}
.msp_r .msp_r_left {padding-right:120px;}
.msp_r .msp_r_right {position:absolute; right:0; top:0px; width:120px; white-space: nowrap;}
.msp_r .msp_r_time {color:#999; font-size:13px;}
.msp_r .msp_r_days {font-size:13px;}

.es2_s {display:none;}
.es2_ed .es2_s {display:inline-block;}
.es2_e {display:inline-block;}
.es2_ed .es2_e {display:none;}
.add_sinv_c {display:none;}

#faci_box.faci_box_dim .pop_o {filter: blur(2px); opacity:0.5;}
#splash img {max-width:100%; max-height:100%;}
#splash { justify-content: center; align-items: center; display:flex;  position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999; background:#0083cf;transition: opacity 0.2s ease-in-out; opacity:0;}
#splash.show {opacity:1;}

#pay_booking {z-index:300;}
#slt_pay_method {z-index:300;}

select {background:#fff;}

.ait_o {padding:0 30px;}

#indicator.re1 {opacity:0 !important;}
#indicator.re0 { transition:none !important;}
#indicator {opacity:1;}

.tab-container {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

.tab-bar {
    display: flex;
    background-color: rgba(120, 120, 128, 0.12);
    border-radius: 8.91px;
    padding: 3px;
    position: relative;
    height: 32px;
}

.tab {
    flex: 1;
    text-align: center;
    padding: 7px 0;
    font-size: 13px;
    font-weight: normal;
    color: rgba(60, 60, 67, 0.6);
    cursor: pointer;
    z-index: 1;
    transition: color 0.2s ease;
    -webkit-tap-highlight-color: transparent;
}

.tab.ed {
    color: #000;
}

.tab-indicator {
    position: absolute;
    top: 3px;
    left: 10px;
    height: calc(100% - 6px);
    width: calc(50% - 20px);
    background-color: white;
    border-radius: 6.93px;
    box-shadow: 0px 0.5px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.16);
    transition: transform 0.3s cubic-bezier(0.2, 0.85, 0.32, 1.2);
}
.tab-indicator[c="3"] {
    width: calc(33.3% - 20px);
}
.tab-indicator[c="4"] {
    width: calc(25% - 20px);
}

#pay_bar {padding:0 15px;}
.mems_plan_r {margin-bottom:5px;}
.vi_cd, .vi_cd span {font-size:11px;}

.qc_r, .chg_acc_r {height:35px !important; line-height: 35px !important; padding:0 15px !important; box-sizing:border-box;}

.top_search_bg {
	display:none;
	position: absolute;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 5;
}
.top_search_bg0 {
	display:none;
	position: absolute;
	background: #fff;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 5;
}

/*#app .pop_bg {width:calc(100% - 30px); margin-left:calc(-1 * (100% - 30px) / 2); min-width:300px; left:50%;} */


#app #vi_dt .q_ao_upl_img {height:100px; width:100px;}
.upl_cur_img_o {width:90px; height:90px; left:50%; margin-left:-45px;}
.upl_cur_img_o .upl_icon {width:90px; height:90px;}
form.fc_form_2 .upl_cur_img_o {margin-left:-45px;}
form.fc_form .upl_cur_img_o {margin-left:-45px;}

.fa_rmk [name="eps_rmk"] {width:100%}
.nbo_cus_id_tr .is_mem_lbl {
    top: 16px;
    color: green;
}
.nbo_mem_t_tr .day_left_lbl {
    top: 50px;
    color: green;
    left: 20px;
}

#app[acct="u"] .nbo_cus_id_tr.show {display:block;}
#app[acct="u"] .nbo_mem_id_tr.show {display:block;}
#app[acct="u"] .nbo_mem_t_tr.show {display:block;} /*table-row*/

#faci_box .iti .xin_go, #book_cart .iti .xin_go {bottom:0;}

.change_booking .qc_c {display:none;}
.faci_u_tel_c table {width:345px; margin:0 auto;}

.fa_rmk {padding:5px 0;}
.bo_info_2, .conc_info_2 {padding:4px 0;}
#app.isapp[acct="u"] #add_subacc .ao_r_in_srh, #app.isapp[acct="u"] #add_subacc .pu_r_in_srh {display:none;}

.popbox_r_carphotos .photos_r, .photos_r {width:100%;}
.plc_r_amo {margin-bottom:5px;}
.plc_r_amo, .plc_depo_c, .plc_depo_c > div, .rdc_c, .rdc_inv {font-size:14px;}
#pay_bar_info {display:none;
	padding: 10px 0;
	text-align: center;
}
#pay_booking.ispaying #pay_bar_info {display:block;}
#pay_booking.ispaying #pay_bar {display:none;}
.btn.pu_srh_cus_go {height:35px !important; line-height: 35px !important;}

.parking_card_box {display:none;}
.link_parking {width:100%; margin:5px 0;}
.link_carno {margin-bottom:5px; width:100%;}
.appoint_r .need_approval {
	display: none;
	position: absolute;
	right: 12px;
	top: 36px;
	width: auto;
}

img.rad {
border-radius:50%;
-webkit-border-radius:50%;
}

.faci_time_c {padding-bottom:5px; padding-top:5px;}
div .in_r.faci_time { margin-bottom:0px; padding-bottom:0;}
#download_o .bpop_back {display:none;}
.ves_plate {display:inline-block; vertical-align:top; padding:3px 8px; background:#000; color:#fff; border:4px;
position:relative; top:-5px;
}
.card_r img {width:60px; height:60px; }
#add_subacc .retrieve_data_r {position:absolute; bottom:3px; top:auto;}
#srh_account {width:calc(100% - 75px); }
#slt_unit3_o .acc_active_c, #slt_unit3_o .to_add_account, #slt_unit3_o .sltacc_r_1 {display:none;}
#inci_dt .evi_ti {margin-top:10px;}
.upl_r0_o {text-align:left;}
.upl_r0 {margin:5px;}
.upl_r0 .in_lbl {text-align:center; padding-top:5px;}
#add_inci .dz-clickable {position:absolute; left:0; top:0; width:100%; height:100%;}
#add_inci .del_upl {position:absolute; right:-5px; top:-5px;}
#add_inci .upl_icon {width:50px; height:50px;}
#inci_dt .dl_pdf {
	padding: 30px;
	border: 1px solid #000;
	display: block;
}
.upl_icon_w {display:none;}
#add_inci .upl_list {position:absolute; left:50%; top:1px; width:50px; padding:0; margin-left:-25px;}
#add_inci .upl_r0 {position:relative; display:inline-block; vertical-align:top; width:45%; text-align:center;}
.upl_inci_r {width:50px; height:50px; background:#fff url('/images/upload_g.png') no-repeat center center / 24px auto; border:1px solid #ccc; display:inline-block;}

#view_subacc_o .u_photo, #me .u_photo {width:90px; height:90px;}
#me .u_photo {width:84px; height:84px;}
#view_subacc_o .u_photo {margin-bottom:0;}
#view_subacc_o .acc_rel {margin-bottom:10px;}
#view_subacc_o .upl_r .upl_icon {width:100%; height:auto;}

.vi_top_st {}
.subacc_r .subacc_status {text-align:right;}
#view_subacc_o .upl_x {display:none !important;}
#view_subacc_o .apop_c2 table {width:100%; }
#view_subacc_o th {width:50%; text-align:right;}
#view_subacc_o th, #view_subacc_o td {padding:5px;}
.apop_title {height:50px; width:100%; text-align:center; line-height:50px; font-size:18px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #000;}
.apop_bg {background:#fff; position:absolute; left:0; top:0; z-index:64; display:none; width:100%; height:100vh;}
.apop_bg.show {display:block;}
.download_form {background:url('/images/download.png') no-repeat center center / 24px auto; width:50px; height:50px; position:absolute; right:0px; top:0px; }
#app select.gray_slt {background:#ddd;}
#add_vi .ovb2 {margin-left:144px;}
.footer_terms span {color:#fff; margin:0 2px;}

.list_tb tr:last-child td {border-bottom:0;}
#dropoff_done .wa_btn {display:none; margin-bottom:10px; height:60px; line-height:60px;}
#dropoff_done[wa="2"] .wa_btn {display:block;}
#new_delivery[v1="0"] .nd_v1 {display:none;}
#new_delivery[v2="0"] .nd_v2 {display:none;}
#new_delivery[v3="0"] .nd_v3 {display:none;}
#new_delivery[v4="0"] .nd_v4 {display:none;}
#new_delivery[v5="0"] .nd_v5 {display:none;}
#new_delivery[v6="0"] .nd_v6 {display:none;}
#new_delivery[v7="0"] .nd_v7 {display:none;}
#new_delivery .pop_title_con {display:none;}
#new_delivery.confirming .pop_title_con {display:block;}
#new_delivery.confirming .pop_title_fir {display:none;}
.bo_info_4 .xin_c {display:inline-block;}
.bo_info_4 .xin_go {bottom:auto; top:0px;height:35px;}
.top_search_c .xin_go {
	right: 108px;
	top: 7px;
	height: 50px;
}
[auth="2"] .add_dlr.s_add {display:none;}
[auth="2"] .top_des {display:none;}
#content2[axt="delivery_lockers"] .top_ti {line-height:42px;}
.top_des {position: absolute;
	left: 0;
	top: 28px;width: 100%;text-align: center;
}
.slt_dlr_dv { color:#999;
	border: 0;
	background: #fff;
	height: 20px;
	line-height: 20px;
} 
[deli="2"] #content2[axt="delivery_lockers"] .dlr_o[t="home"] .top_back {display:none;}

#content.show {display:block;}

.slt_door_no { min-height:55px;
	overflow-y:hidden;
	white-space: nowrap;
	overflow-x: scroll;
	padding-left: 1px;
}
.code_r {display:inline-block; vertical-align:top; width:16%; padding:10px 5px; box-sizing:border-box;}
.code_r_c {text-align:center;border:1px solid #ccc; line-height:50px; height:50px;  font-size:20px;}
.code_o {font-size:0;}
.kp_o {position:relative; font-size:0; border:1px solid #ccc; border-right:0; border-bottom:0;}
.kp_r {display:inline-block; vertical-align:top; width:25%; height:50px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; box-sizing:border-box; text-align:center; line-height:50px; font-size:20px;}
.kp_r[v="bs"] {background:url('/images/backspace.png') no-repeat center center / 16px auto;  }
.kp_r[v="enter"] {
	height: 150px;
	position: absolute;
	right: 0;
	top: 50px;
	background: #fff;
	line-height: 150px;
}
.d_lock_tb {margin:10px 15px; width:calc(100% - 30px);}
.d_lock_tb td {padding:10px 5px; border-bottom:1px solid #eee;}
.d_lock_tb td:first-child {padding-left:0px;}
.d_lock_tb td:last-child {padding-right:0px;}
.dlr_door_no {	border: 2px solid #000;	padding: 0 15px;	height: 40px;	line-height: 40px;	display: inline-block; font-size:20px; font-weight:bold;
border-radius:10px;
-webkit-border-radius:10px;
}
#dropoff_done {text-align:center;}
#dropoff_ing {text-align:center;}
#pickup_done {text-align:center;}
#pickup_ing {text-align:center;}
.dropoff_img {width:128px; height:auto; margin-bottom:20px; margin-top:50px;}
.dropoff_w {margin-bottom:10px;}
.pickup_w {margin-bottom:10px;}
.dropoff_cd { padding-bottom:30px;
animation: blink 1s infinite linear;
-webkit-animation: blink 1s infinite linear;
}
.nor_cd_w {font-size:25px; color:#ff0000;}
#new_delivery [name="cus_tel"] {padding-right:40px;}
.tick {background:url('/images/tick.png') no-repeat center center / 16px auto; width:20px; height:20px; position:absolute; right:10px; top:27px; display:none;}
.in_r[e="2"] .tick {display:block;}
.in_r_door_no_2 {display:none;}
#new_delivery .pop_back {display:none;}
#new_delivery.confirming .pop_back {display:block;}
#new_delivery.confirming .in_r_door_no_2 {display:block;}
#new_delivery.confirming .in_r_door_no {display:none;}
#new_delivery.confirming .dlr_open {display:none;}
#new_delivery .dlr_open_2 {display:none;}
#new_delivery.confirming .dlr_open_2 {display:block;}
.door_no_r {display:inline-block; vertical-align:top; padding:0 20px; height:50px; line-height:50px; border:1px solid #ccc; margin-left:-1px; box-sizing:border-box; font-size:20px;}
.door_no_r.ed {border:3px solid #316bff; line-height:47px; z-index:2; padding:0 18px; position:relative;}
#s_dlr_list {background:url('/images/parcel_list.png') no-repeat center center / 20px auto; width:50px; height:50px; position:absolute; right:0; top:0; }
.dlr_o {display:none; }
.dlr_o .list_c {box-sizing:border-box; padding-bottom:70px;}
.dlr_o[t="home"] .list_c {padding:40px 0 30px;}
.dlr_t_r { text-align:center; width:200px; margin:0 auto 20px; }
.dlr_t_r:last-child {margin-bottom:0;}
.dlr_img {width:160px; height:160px; display:inline-block; vertical-align:top; border:2px solid #000; margin-bottom:5px; border-radius:20px; -webkit- border-radius:20px;}
.dlr_t_1 .dlr_img {background:url('/images/drop_off.png') no-repeat center center / 128px auto; }
.dlr_t_2 .dlr_img {background:url('/images/pickup.png') no-repeat center center / 128px auto; }
.booked_by {display:block; color:#999; margin:0;}
.bpop_back {background:url('/images/back2.png') no-repeat center center / 18px auto; width:50px; height:60px; position:absolute; left:10px; top:0;}
.pop_back {background:url('/images/back2.png') no-repeat center center / 20px auto; width:50px; height:50px; position:absolute; left:0px; top:5px;}
.pabox {padding:0 0px;}
.me_tb .split {border-bottom:1px solid #eee;}
.avc_status {background:#ff2828; color:#fff; display:inline-block; padding:2px 7px; line-height:14px;
border-radius:4px; 
-webkit-border-radius:4px; 
}

.sv_r, .space_r { box-sizing:border-box; font-size:12px;
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	width: 50%;
}

/* .noti_tm {
	color: #999;
	font-size: 11px;
} */
.noti_tm {
    color: #aaa;
    font-size: 13px;
    margin-top: 4px;
}

.bpop_o {opacity:1;  display:none; transform:translateY(100%);} /* bottom:-300px; */
#slt_pay_method.bpop_o {bottom:0; left:auto;  display:none;} /* right:-300px;  */
#app .bpop_o.show {display:block;}

.bpop_o.fading { transform:translateY(0); } /* transform:translateY(-300px); */
/*
.bpop_o.fading {
animation: show_bpop 0.2s ease-out forwards;
-webkit-animation: show_bpop 0.2s ease-out forwards;
}
*/
#slt_pay_method.bpop_o.fading { opacity:1; } /* transform:translateX(-300px); */
/*
#slt_pay_method.bpop_o.fading {
animation: show_bpop_right 0.3s ease-out forwards;
-webkit-animation: show_bpop_right 0.3s ease-out forwards;
}

@keyframes show_bpop {
	0% {transform:translateY(0); opacity:1;}
	100% {transform:translateY(-300px); opacity:1;}
}

@keyframes show_bpop_right {
	0% {transform:translateX(0); opacity:0;}
	100% {transform:translateX(-300px); opacity:1;}
}
*/

.xpin_w {margin-bottom:15px;}
.xpin_qr_box {border:1px solid #ccc; display:inline-block; text-align: center; padding:10px 10px 5px;}
.xpin_qr img, .xp_r_qr img {margin:0 auto;}
.xp_r {margin-bottom:5px; text-align: center;}
#xendit_paybox {z-index:212;}
.xp_r_img {text-align:center;}
.xp_r_img img {width:120px; height:auto}
.bankline {border:1px solid #000; padding:10px; margin-bottom:5px;}

.slt_pym_r[v="9"] .slt_pym_t_r[v="42"] {background:#eee url('/images/banks/linkaja.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="9"] .slt_pym_t_r[v="41"] {background:#eee url('/images/banks/dana.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="9"] .slt_pym_t_r[v="40"] {background:#eee url('/images/banks/qris.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="31"] {background:#eee url('/images/banks/mandiri.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="32"] {background:#eee url('/images/banks/bri.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="33"] {background:#eee url('/images/banks/bni.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="34"] {background:#eee url('/images/banks/permata.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="35"] {background:#eee url('/images/banks/bsi.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="36"] {background:#eee url('/images/banks/bjb.png') no-repeat 14px center / 14px auto; padding-left:35px;}

.slt_pym_r[v="2"] .slt_pym_t_r[v="1"] {background:#eee url('/images/banks/tng.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="2"] .slt_pym_t_r[v="2"] {background:#eee url('/images/banks/boost.png') no-repeat 14px center / 14px auto; padding-left:35px;}

.slt_pym_r[v="3"] .slt_pym_t_r[v="1"] {background:#eee url('/images/banks/mbb.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="2"] {background:#eee url('/images/banks/cimb.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="3"] {background:#eee url('/images/banks/pbb.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="4"] {background:#eee url('/images/banks/hlb.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="5"] {background:#eee url('/images/banks/rhb.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="6"] {background:#eee url('/images/banks/ambank.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="7"] {background:#eee url('/images/banks/ocbc.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="8"] {background:#eee url('/images/banks/sc.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="9"] {background:#eee url('/images/banks/affin.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="10"] {background:#eee url('/images/banks/rakyat.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="11"] {background:#eee url('/images/banks/muamalat.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="12"] {background:#eee url('/images/banks/islam.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="13"] {background:#eee url('/images/banks/bsn.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="14"] {background:#eee url('/images/banks/alliance.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="15"] {background:#eee url('/images/banks/uob.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="3"] .slt_pym_t_r[v="16"] {background:#eee url('/images/banks/hsbc.png') no-repeat 14px center / 14px auto; padding-left:35px;}

.slt_pym_r[v="8"] .slt_pym_t_r[v="1"] {background:#eee url('/images/banks/711.png') no-repeat 14px center / 14px auto; padding-left:35px;}
.slt_pym_r[v="8"] .slt_pym_t_r[v="2"] {background:#eee url('/images/banks/99.png') no-repeat 14px center / 14px auto; padding-left:35px;}

.ps_v::before {content:""; display:inline-block; vertical-align:top; width:14px; height:14px; margin-right:5px;}
.ps_v[t="2_1"]::before {background:url('/images/banks/tng.png') no-repeat center center / 14px auto; }
.ps_v[t="2_2"]::before {background:url('/images/banks/boost.png') no-repeat center center / 14px auto; }

.ps_v[t="3_1"]::before {background:url('/images/banks/mbb.png') no-repeat center center / 14px auto; }
.ps_v[t="3_2"]::before {background:url('/images/banks/cimb.png') no-repeat center center / 14px auto; }
.ps_v[t="3_3"]::before {background:url('/images/banks/pbb.png') no-repeat center center / 14px auto; }
.ps_v[t="3_4"]::before {background:url('/images/banks/hlb.png') no-repeat center center / 14px auto; }
.ps_v[t="3_5"]::before {background:url('/images/banks/rhb.png') no-repeat center center / 14px auto; }
.ps_v[t="3_6"]::before {background:url('/images/banks/ambank.png') no-repeat center center / 14px auto; }
.ps_v[t="3_7"]::before {background:url('/images/banks/ocbc.png') no-repeat center center / 14px auto; }
.ps_v[t="3_8"]::before {background:url('/images/banks/sc.png') no-repeat center center / 14px auto; }
.ps_v[t="3_9"]::before {background:url('/images/banks/affin.png') no-repeat center center / 14px auto; }
.ps_v[t="3_10"]::before {background:url('/images/banks/rakyat.png') no-repeat center center / 14px auto; }
.ps_v[t="3_11"]::before {background:url('/images/banks/muamalat.png') no-repeat center center / 14px auto; }
.ps_v[t="3_12"]::before {background:url('/images/banks/islam.png') no-repeat center center / 14px auto; }
.ps_v[t="3_13"]::before {background:url('/images/banks/bsn.png') no-repeat center center / 14px auto; }
.ps_v[t="3_14"]::before {background:url('/images/banks/alliance.png') no-repeat center center / 14px auto; }
.ps_v[t="3_15"]::before {background:url('/images/banks/uob.png') no-repeat center center / 14px auto; }
.ps_v[t="3_16"]::before {background:url('/images/banks/hsbc.png') no-repeat center center / 14px auto; }

.ps_v[t="3_31"]::before {background:url('/images/banks/mandiri.png') no-repeat center center / 14px auto; }
.ps_v[t="3_32"]::before {background:url('/images/banks/bri.png') no-repeat center center / 14px auto; }
.ps_v[t="3_33"]::before {background:url('/images/banks/bni.png') no-repeat center center / 14px auto; }
.ps_v[t="3_34"]::before {background:url('/images/banks/permata.png') no-repeat center center / 14px auto; }
.ps_v[t="3_35"]::before {background:url('/images/banks/bsi.png') no-repeat center center / 14px auto; }
.ps_v[t="3_36"]::before {background:url('/images/banks/bjb.png') no-repeat center center / 14px auto; }
.ps_v[t="9_41"]::before {background:url('/images/banks/dana.png') no-repeat center center / 14px auto; }
.ps_v[t="9_42"]::before {background:url('/images/banks/linkaja.png') no-repeat center center / 14px auto; }
.ps_v[t="9_40"]::before {background:url('/images/banks/qris.png') no-repeat center center / 14px auto; }

.slt_pym_r_lbl {display:inline-block; vertical-align:top; margin-left:28px; font-size:16px;}
.upl_list {background:#fff;}
#temp_upl_1 .upl_vi_img {max-width:300px; height:auto; width:100%;}
.inner_bpop {max-height:400px; overflow-y:auto; height:100%; }
.slt_pym_r.ed .slt_pym_r_lbl::after {background:url('/images/tick.png') no-repeat center center / 16px auto; content:""; width:16px; height:16px; display:inline-block; vertical-align:middle; margin-left:8px;}
.pym_t_lbl {display:block; color:#888; font-size:14px;padding-top:5px; display:none;}

.slt_pym_r[v="4"] .pym_t_lbl, .slt_pym_r[v="5"] .pym_t_lbl {display:none;}

.slt_pym_r[v="2"] {background:url('/images/ewallet.png') no-repeat 30px 18px / 20px auto;}
.slt_pym_r[v="3"] {background:url('/images/bank.png') no-repeat 30px 18px / 20px auto;}
.slt_pym_r[v="4"] {background:url('/images/card.png') no-repeat 30px 18px / 20px auto;}
.slt_pym_r[v="5"] {background:url('/images/other.png') no-repeat 30px 18px / 20px auto;}
.slt_pym_r[v="8"] {background:url('/images/otc.png') no-repeat 30px 18px / 20px auto;}
.slt_pym_r[v="9"] {background:url('/images/qr.png') no-repeat 30px 18px / 20px auto;}
.slt_pym_r[v="6"] {background:url('/images/cheque.png') no-repeat 30px 21px / 20px auto;}

.slt_pym_t_c .bpop_title {padding:20px 0 20px 50px; margin-bottom:0;}
.slt_pym_r {padding:20px 30px; font-size:16px; border-bottom:1px solid #eee; cursor:pointer; position:relative;}
.slt_pym_t_c {box-sizing:border-box; padding-top:15px; white-space:nowrap; overflow-x: scroll; }
.slt_pym_t_c_5 {overflow:unset; white-space:normal;}

.slt_pym_t_r {display:inline-block; vertical-align:top; background:#eee; padding:16px 20px; margin-right:5px; cursor:pointer; border:2px solid rgba(0,0,0,0);
border-radius:10px;
-webkit-border-radius:10px;
}
.slt_pym_t_r.ed {border:2px solid #316bff; box-sizing:border-box; }

.p15 {padding:15px;}
.account_list_c {margin-bottom:10px;}
.account_list_r table {width:100%;}
.account_list_r th, .account_list_r td {padding:5px;}
.account_list_r th {width:50%; text-align:right;}
.account_list_r {padding:10px 15px; border-bottom:1px solid #eee;}
.account_list_r.ed {background:#CCECFF; border-radius:12px;}
#app[sos="0"] #s_sos {display:none !important;}

/* .noti_r {padding-left:60px; position:relative; border-bottom:1px solid #eee; min-height:55px; padding-bottom:10px;} */
.noti_r {
    padding-left: 70px;
    position: relative;
    border-bottom: none;
    min-height: 55px;
    padding: 8px 8px 8px 70px;
    margin: 8px 3px;
    background: white;
    border-radius: 10px;
/*     box-shadow: 0 1px 5px rgba(0,0,0,0.08); */
}

/* .noti_w {padding-top:6px; margin-bottom:3px; padding-top:10px; color:#000;} */
.noti_w {
    padding-top: 0;
    margin-bottom: 3px;
    color: #000;
    font-size: 13px;
    line-height: 1.4;
}

/* .noti_img {width:50px; height:auto; position:absolute; left:0; top:8px;}*/
.noti_img {
    width: 60px;
    height: auto;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 8px;
    object-fit: cover;
}

.qrk_tb .times {text-align:center;}
.other_box {display:none; width:100%; margin-top:5px; padding-right:10px;}
.sv_c, .space_c {font-size:0;}
.sv_c {display:none;}
.retrieve_data_r {display:none; padding:8px 8px;}
.same_as {position:absolute; right:5px; top:20px; color:#316bff; font-size:12px; height:35px; line-height:35px; display:inline-block;}
.same_as_mob {top:-5px; height:30px; line-height:30px; right:8;}
[e="0"] .same_as {display:none;}
.ao_r_in {margin-bottom:10px; margin-top:10px;}
.swtd .switch_account {display:inline-block;}
.swtd.ed .switch_account {display:none;}
.swtd .switched {display:none; margin-right:5px;}
.swtd.ed .switched {display:inline-block;}
.switch_account {color:#316bff; display:inline-block;}
.switched {color:#999; margin-left:5px;}
#visitors .vi_nm {padding-top:0; margin-bottom:0px; font-size:16px; font-weight:bold; word-break: break-word;}
.avc_propic {width:60px; margin-bottom:5px; height:60px;
}
.avc_propic[h="2"] {width:auto; height:100%;}
.avc_propic_o {display:inline-block; width:60px; height:60px; overflow: hidden;
border-radius:50%;
-webkit-border-radius:50%;
}

#upl_vi_dt_5 {display:inline-block; width:100px; height:100px; border-radius:50%; overflow:hidden;}
#upl_vi_dt_5 img {border-radius:unset;}
#upl_vi_dt_5 img[h="2"] {width:auto; height:100%;}

.upl_cur_img_o .upl_r {display:block; width:100%; height:100%;}

.vi_r_status, .subacc_r .subacc_status_lbl {font-size:14px;}
.graybox {background:#f8f8f8; padding:10px; border:0px solid rgba(0,0,0,0.1); margin-bottom:24px; border-radius:12px; top:16px;}
div .valid_from.dn, div .valid_from_e.dn {display:none;}
div .valid_until.dn, div .valid_until_es.dn {display:none;}
.carpho_r {width:100%;}
#carno_pho .pop_o {width:calc(100% - 20px); height:auto; margin:0; left:10px;}
#carno_pho .pop_c {min-height:0;}
#carno_pho h2 {text-align:center; font-size:20px; font-weight:normal;}
.agree_info {text-align:center; padding:30px 0 0;}
.agree_on {display:inline-block; padding:5px; margin-top:15px; margin-bottom:25px;}
.agree_r {display:inline-block; padding:5px; text-align:center; color:#000; vertical-align:middle; width:33.3%; box-sizing:border-box; border-right:1px solid #ccc; cursor:pointer;}
.agree_r:last-child {border-right:0;}
.agree_info {font-size:0;}
.sos_unit {margin-top:5px;}
.sos_unit_v {font-size:18px; text-align:center; padding:5px; width:100%; height:50px; line-height:50px;}
.eme_num_tb {width:100%;}
.eme_num_tb td {padding:8px 4px; border-bottom:1px solid rgba(0,0,0,0.1);}
.eme_num_tb td:first-child {padding-left:0px; }
.eme_num_tb td:last-child {text-align:right; padding-right:20px;}
.amen_img {width:40px; height:auto;}
.notfound {color:#999; font-size:12px; text-align:center; padding:50px 20px; box-sizing:border-box;}

.faci_c .notfound {display:block;}
.bpop_o {display:none;}
.bpop_o.show {display:block;}
.ait_r {display:block; padding:10px 0; font-size:16px; border-bottom:1px solid #eee;}
.ait_r:last-child {border:0;}
.pop_sms_c {left:auto; right:0;}

.send_code {height:35px; line-height:35px;}
.code_cd {height:35px; line-height:35px;}
.oktick {top:10px; }
.nook {top:10px;}
[name="qrtl_v"], [name="qrul_v"] {width:100%; margin:3px 0;}
#mi_req .btn {margin-right:10px;}
#mi_req .des {margin-bottom:10px;}
#mi_req { margin-top:10px; 
}
#mi_req > div {
text-align:center;
padding: 15px 10px 0;
border: 1px solid #316bff;
}

.red_btn {background:#ff2828; color:#fff; border-color:#ff2828;}
div .s_amen_dt, div .s_booking_dt, div .s_conc_dt {font-size:12px;}

/* #login_box { margin:0px auto; width:300px; padding:25px 0;} */
#login_box { margin:20px auto; width:80%; max-width:340px; padding:25px 15px; background: rgba(255, 255, 255, 0.9); border-radius: 16px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);}





/* #forgot_box, #signup_box { margin:0px auto; width:300px;   box-sizing:border-box; display:none; padding:25px 0;} */
#forgot_box, #signup_box { margin:20px auto; width:80%; max-width:340px; display:none; padding:25px 15px; background: rgba(255, 255, 255, 0.9); border-radius: 16px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);}






#reset_box { margin:0px auto; width:300px;  box-sizing:border-box;  padding:25px 0;}
textarea:focus, input:focus{
    outline: none;
}

.split_line {border-bottom:1px solid #eee; height:1px;}
.items_dt_o .op_close {top:5px; right:5px;}
.vi_extend {margin-left:20px;}
.qr_link, .s_share2_o {display:none;}
.botbar .long_btn {height:70px; line-height:70px;}
.bpop_c {min-height:80px; max-height:330px; overflow-y:scroll;}
#pay_booking .bpop_c {max-height:none;}
#pay_booking.part_hiding { bottom:1800px; }

.sos_type_r[v="0"] {display:none;}
.sos_close {z-index:5;}
.sosbar_title {position:absolute; left:0; top:5%; width:100%; font-size:25px; color:#e40000; text-align:center; font-weight:bold; text-transform:uppercase;}
.sosbar {position:absolute; left:0; top:60%; width:0; height:20px; background:#e40000;}
.sosbar_w {position:absolute; left:0; top:70%; width:100%; text-align:center;color:#e40000; display:none; font-size:20px;
animation: blink 1s linear infinite;
-webkit-animation: blink 1s linear infinite;
}
.sosbar_s_ing {color:#fff; position:absolute; left:0; top:40%; width:100%; text-align:center; font-size:20px; display:none;}
.s_ing .sosbar_s_ing {display:block;}
.goani {
transition:all 1s linear;
-webkit-transition:all 1s linear;
}
.slt_pym_1, .slt_pym_2 {display:none;}
.ps_r {font-size:0; padding:15px 30px; border-top:1px solid #eee;  border-bottom:1px solid #eee; cursor:pointer;}
.ps_lbl {width:50%; display:inline-block; vertical-align:top;}
.ps_v {width:50%; text-align:right; display:inline-block; vertical-align:top; background:url('/images/arw_right.png') no-repeat 97% 2px / 12px auto; padding-right:25px; box-sizing:border-box;}
.payment_summ .ps_lbl {width:35%;}
.payment_summ .ps_v {width:65%;}
.payment_summ .ps_r {padding:15px 20px;}
#sos_o[v="1"] .sosbar.gofw {width:100%;}
#sos_o[v="2"] .sosbar.gofw {width:100%;}
#sos_o[v="3"] .sosbar.gofw {width:100%;}
#s_sos {background:url('/images/sos.png') no-repeat center center / 34px auto; position: absolute;	right: 15px;	top: 8px;	z-index: 10; width:50px; height:34px;}
#app[units="0"] #s_sos {display:none !important;}

.app_bg { min-height:100%; background:url('/images/bg_s.jpg') no-repeat center center / cover;}
.app_bg { 
    min-height:100%; 
    background:url('/images/bg_s.jpg') no-repeat center center / cover;
    background-attachment: fixed;
}

#app[auth="0"] #s_sos {display:none !important;}
#pay_booking .bpop_title, #slt_pay_method .bpop_title {text-align:center; padding:0;}
.payment_amo {text-align:center; font-size:30px; font-weight:bold; padding:5px 0; margin-bottom:20px;}
.currency_sym {display:inline-block; font-size:22px; margin-right:5px;}
.items_list {font-size:0; } /* padding:5px; border:1px solid #ddd; */ 
#marketplace .items_list {border:0;}
.f1, .f2 {width:50%; display:inline-grid; vertical-align:top;}
.items_r {display:inline-block; vertical-align:top; width:100%; text-align:center; margin-bottom:5px;}
.items_rr {padding:8px; }
.items_nm {text-align:left; padding:0 4px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
}
.notava {
	text-align: center;
	height: 30px;
	line-height: 30px;
	display: block;
}
.slt_method_evi, .upl_snap {
	color: #316bff;
	padding: 0 15px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}

.faci_time_top {margin-left:-5px;}
.book_left_c {} 
.items_by {color:#999; font-size:14px; text-align:left; padding:0 5px;}
/*.to_market {float:right;}*/
.pending {color:#999;}
.pending_ack_cd {margin-top:20px;}
.pac_hrs, .pac_mins, .pac_secs, .pending_ack_cd {font-size:28px; color:#e40000;}
.items_price {font-weight:bold;text-align:left; padding:0 4px;font-size:16px;color:#aaa;}
.item_img { width:100%; height:auto; border-radius:8px; }
.item_img_r {overflow:hidden;  width:100%; margin-bottom:5px;border:0px solid rgba(0,0,0,0.1);}
.ann_ti {}
.bill_h1s {font-size:14px; margin-bottom:3px;}
.td_dleft {text-align:right; margin-bottom:3px;}
.td_st {text-align:right; font-weight:bold; margin-bottom:3px;}
.td_by {text-align:right; color:#999;} 
.faci_date_c2 {padding-left:1px;}
.faci_date_r {display:inline-block; vertical-align:top; margin-left:-1px; padding:0 13px; border:1px solid #ccc;}
.faci_date_r.ed {position:relative; z-index:2;}
.legend_r {margin-right:8px;}

.bill_img {display:inline-block; vertical-align:top; width:30%;}
.bill_right {display:inline-block; vertical-align:top; width:70%;}
.faci_c .in_lbl {display:inline-block; margin-right:10px; padding-top:20px;}
.faci_c2 {width:100%; overflow-y:hidden; overflow-x:scroll; display:inline-block; vertical-align:top;}
.faci_c3 {width:0%; padding-left:1px; white-space:nowrap;}
.faci_r {display:inline-block; vertical-align:top; padding:0 15px; border:1px solid #ccc; margin-left:-1px;  box-sizing:border-box; height:35px; line-height:35px;}
.faci_r.ed {border:1px solid #000; position:relative; z-index:2; padding:0 13px; line-height:35px; font-weight:bold;}

div.pay_bookings_o {display:none;}
.fb_r_c td, .list_tb td {border-bottom:1px solid rgba(0,0,0,0.1); padding:10px 5px;}
.rec_r1 {font-weight:bold; font-size:16px;}
.rec2_r1 {font-size:14px; text-align:right; word-break:break-word;color:#316bff;}
.rec2_r2 {text-align:right; font-size:14px; color:#aaa; white-space:nowrap;}
.s_autopay {background:url('/images/gear_black.png') no-repeat center center / 20px auto; display:inline-block; width:50px; height:50px;position:absolute; right:0px; top:0px;}
.indi[indi="0"] {display:none;}
/*.indi {display:none; vertical-align:middle; padding:0 5px; height:17px; line-height:17px; background:#ff2828; color:#fff; border-radius:9px; -webkit-border-radius:9px; margin-left:2px;} */
.indi {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 18px;
    height: 18px;
    background: #ff2828;
    color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-top:-4px;
    margin-left: 4px;
    font-size: 11px;
    text-align: center;
    line-height: 1;
    padding: 0 4px;
    box-sizing: border-box;
    font-weight: normal;
}

.nav_r .indi { position:relative; right:-14px; top:-47px; margin-left:3px;}
.snav_r {position:relative;}
.snav_r .indi {position:absolute; right:20px; top:15px;}
.func_r .indi {position:absolute; right:auto; top:5px; left:calc(50% + 20px);}
/*.indi:not([indi="0"]) {display:inline-block;}*/
.indi.hide {display:none;}
.d2_w, .d1_w {display:inline-block; vertical-align:top; margin:0 0px;}
.slt_dates {position:relative; padding:0 20px;   background:url('/images/dd.png') no-repeat right center / 8px auto;}
.carno {display:inline-block; padding:3px 5px; background:#000; color:#fff;
border-radius:4px;
-webkit-border-radius:4px;
margin-top:8px;
}
.dates { opacity:0; 
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%; text-align:center;
}

/* .main_link {
	text-align: center;
	display:inline-block; 
	padding: 5px;
} */

.main_link {
    text-align: center;
    display:inline-block; 
    padding: 8px;
    font-size: 14px;
}

#pay_booking .pop_tb_c {
	max-height: calc(100vh - 260px);
	overflow-y: scroll;
}
#app .del_temp_upl {}
#temp_upl_1 .del_temp_upl {position:absolute; right:25px; top:10px; opacity:1; background-size:20px; width:30px; height:30px; background:url('/images/delete.png') no-repeat center center / 30px 30px;}
#temp_upl_1 .upl_c {}
.bar_des {position:absolute; left:0; top:0px; width:100%; font-size:13px; color:#000; width:100%; text-align:center;}
.water_bar_v {width:100%; text-align:center; display:block; position:absolute; left:0; bottom:0; margin-bottom:5px;}
.water_bar {position:absolute; bottom:0px; left:50%; margin-left:-10px; width:20px; background:#316bff;}
.bar_lbl {position:absolute; left:0; bottom:-20px; width:100%; text-align:center; color:#999;}
.bar_r {display:inline-block; vertical-align:bottom; width:25%; height:100px; position:relative; border-bottom:0px solid #eee;}
.water_bar_o {position:relative; font-size:0; padding:40px 0 25px; margin-bottom:0px;  border:0px solid #ddd; border-radius:12px;background-color:#f8f8f8;}
.out_list_c {padding:10px;border:0px solid #ddd; border-radius:12px; background-color:#f8f8f8;}

.ann_o {margin-top:12px;}
/* .ann_r {margin-bottom:4px; border:1px solid #ddd;} */
.c_title {margin-top:28px;margin-bottom:4px; font-size:16px;}

.cross {text-decoration:line-through;}
.edited_c {color:#999;}
.summ_tb td {padding:5px;}
#temp_upl_1 {display:none; text-align:center; position:relative; min-height:60px; margin:15px;}
.temp_upl[cou="1"] .upl_c {text-indent:-9999px;}
.pay_th {font-size:14px;}
.temp_upl .upl_list {padding-top:0;}


.pym_lbl {vertical-align:middle;}
.pym_lbl[t="1"] {background:url('/images/cash.png') no-repeat center center / 16px auto; width:20px; height:20px; display:inline-block;}
.pym_lbl[t="2"] {background:url('/images/ewallet.png') no-repeat center center / 16px auto; width:20px; height:20px; display:inline-block;}
.pym_lbl[t="3"] {background:url('/images/bank.png') no-repeat center center / 16px auto; width:20px; height:20px; display:inline-block;}
.pym_lbl[t="4"] {background:url('/images/card.png') no-repeat center center / 16px auto; width:20px; height:20px; display:inline-block;}
.slt_method { display:block; display:none; margin-bottom:10px; width:250px; margin:0 auto 10px;}
.slt_pym {width:250px; display:block;  margin:0 auto 10px; }
.bpop_c .slt_pym {margin:0; width:100%;}
.pop_c .slt_pym {width:100%; margin:0 0 10px;}
.pop_c .slt_method {box-sizing:border-box; width:100%; margin:0 0 10px;}
.slt_method_1 {display:inline-block;}
#pay_gl_box {margin-bottom:20px; text-align:center;}
.pay_btn {background:#316bff; color:#fff; width:100%; text-align:center; height:50px; line-height:50px;}
.pay_btn_v {color:#fff; }
.pay_tb th {text-align:left;}
.pay_tb table, .pay_tb {width:100%;}
.pay_tb table {margin-bottom:20px;}
.pay_tb {margin-bottom:20px;}
.pay_gl_a {width:80px !important;}
.pay_gl_td {width:80px;}
.dn {display:none !important;}
.view_more {width:40px; background:url('/images/arw_right.png') no-repeat 20px center / 20px auto; height:30px;}
.top_balanace, .top_date {position:absolute; left:0; top:32px; width:100%; text-align:center;}
.times {font-size:25px; margin-bottom:3px;}
.times_lbl {color:#999; width:88px;}
body .daterangepicker .calendar-table th, body .daterangepicker .calendar-table td {height:20px; line-height:20px;}
table {border-collapse:collapse;}

/* select, input[type="text"], input[type="date"], input[type="search"], input[type="tel"], input[type="password"], input[type="email"] {border:1px solid #ccc; padding:2px 5px; height:35px; line-height:35px; vertical-align:top;}  */
select, input[type="text"], input[type="date"], input[type="search"], input[type="tel"], input[type="password"], input[type="email"] {
    border: 1px solid #eee;
/*    padding: 12px 15px;*/
    height: 44px;
    line-height: normal;
    vertical-align: top;
    border-radius: 10px;
    font-size: 13px;
    appearance: none;
    -webkit-appearance: none;
    background-color: white;
    padding: 0 16px;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;

}






textarea {border:1px solid #eee; border-radius:8px;}
select:focus, input[type="date"]:focus, input[type="text"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="email"]:focus {border-color:#000;}
.pop_c form {font-size:0;}
.in_r_50 {width:50%; display:inline-block;  box-sizing:border-box; padding-right:10px; vertical-align:top;}
.in_r_50_2 {width:50%; display:inline-block;  box-sizing:border-box; padding-left:10px;}
.in_r_50_2 select, .in_r_50 select, .in_r_50_2 input:not([type="radio"]):not([type="checkbox"]), .in_r_50 input:not([type="radio"]):not([type="checkbox"]) {width:100%;}


.navi_lbl {display:inline-block; vertical-align:middle; color:#000; font-size:16px; }

.snav {font-size:0; }
.snav_r {width:33.3%; display:inline-block; vertical-align:top;  box-sizing:border-box; padding:20px 15px; }
.snav_r:not(.func_r) > div { text-align:center; height:100px; width:100px; line-height:100px; border:0px solid #ddd;  box-sizing:border-box; border-radius:8px;background-color:#f8f8f8; color:#aaa;}





.snav2 {font-size:0;  position:absolute; left:0; top:50px; width:100%;background:#eee; z-index:5;} 







.snav2_r {width:50%; display:inline-block; vertical-align:top;  box-sizing:border-box; padding:5px; position:relative; z-index:5; background:none; } /*#e4e3e9*/ 



.snav2_r > div { box-sizing:border-box; text-align:center; line-height:45px; height:45px; border:1px solid #ccc; white-space:nowrap; color:#000; font-size:14px; border:none;}



[axt="comp"] .snav2, [axt="sugg"] .snav2, [axt="amen"] .snav2, [axt="inci"] .snav2 {padding:0 15px; box-sizing:border-box; background:#fff;}
[axt="comp"] .snav2_r, [axt="sugg"] .snav2_r, [axt="amen"] .snav2_r, [axt="inci"] .snav2_r {background:#fff; padding:10px 5px 5px; }
[axt="comp"] .snav2_r > div, [axt="sugg"] .snav2_r > div, [axt="amen"] .snav2_r > div, [axt="inci"] .snav2_r > div {background:#fff; color:#222; border-radius:4px; height:40px; line-height: 40px; }
.snav2_r.wamo > div { padding:10px 0;  line-height:normal;}
.snav2_r.ed > div {border:1px solid #000; }




.snav2_r:last-child, .snav2_r:last-child > div {} 
.snav2_r .indi {position:static; vertical-align:middle;}

.snav2_r_vi {width:50%; display:inline-block; vertical-align:top;  box-sizing:border-box; border-bottom:1px solid #eee; background:#eee;}
.snav2_r_vi > div { box-sizing:border-box; text-align:center; line-height:50px; height:50px; border-right:0px solid #eee; white-space:nowrap; color:#000;font-size:14px;}
.snav2_r_vi.ed > div {color:#000; font-weight:bold; font-size:14px; }
.snav2_r_vi.ed {background:#fff; color:#000; font-weight:bold;border-color:#fff;}
.snav2_r_vi:last-child > div, .snav2_r:last-child > div {}
.snav2_r_vi .indi {position:static; vertical-align:middle;}

#content.c .snav2_r,
#content2[axt="market"] .snav2_r,
#content2[axt="vi"] .snav2_r, 
#content2[axt="fb"] .snav2_r {padding:0;}
#content.c .snav2_r:last-child > div, 
#content2[axt="market"] .snav2_r:last-child > div, 
#content2[axt="vi"] .snav2_r:last-child > div, 
#content2[axt="fb"] .snav2_r:last-child > div {border-right:0;}
#content.c .snav2_r > div, 
#content2[axt="market"] .snav2_r > div, 
#content2[axt="vi"] .snav2_r > div, 
#content2[axt="fb"] .snav2_r > div {border-color:#e2e2e2;border-left:0; border:none;}
#content.c .snav2_r.ed > div, 
#content2[axt="market"] .snav2_r.ed > div, 
#content2[axt="vi"] .snav2_r.ed > div, 
#content2[axt="bills"] .snav2_r.ed > div, 
#content2[axt="fb"] .snav2_r.ed > div {background:#fff; color:#000; font-weight:bold; border-color:#fff; background:none; border:none;}





.snav3 {font-size:0; width:100%; position:absolute; left:0; top:95px; background:#fff; z-index:5; padding:0 15px; box-sizing:border-box;}
.snav3[t="vi_reg"], .snav3[t="vi_checked_in"] {display:none;}
.snav3.ed {display:block;}
.snav3_r {width:50%; display:inline-block; vertical-align:top;  padding:10px 5px 5px; box-sizing:border-box; position:relative;}
.snav3[col="3"] .snav3_r {width:33.3%;}
.snav3[col="4"] .snav3_r {width:25%;}
.snav3[col="5"] .snav3_r {width:20%;}
.snav3_r > div {box-sizing:border-box; text-align:center; vertical-align:middle; height:35px; display:block; width:inherit; border:0.5px solid #ccc; text-align:center; width:100%; padding-top:6px; font-size:14px; border-radius:0px;}
.snav3_r.wamo > div { padding:6px 0;  line-height:normal;}
.snav3_r.ed > div {border-color:#000; font-weight:bold;}

.hints {color:#ff2828; padding:20px; text-align:center;}
#chg_pw .hints, #chg_pw[first_pw="2"] .pop_x {display:none;}
#chg_pw[first_pw="2"] .hints {display:block;}
body .daterangepicker .drp-buttons {text-align:center;}
body .daterangepicker .drp-selected {padding:2px; text-align:center; margin-bottom:10px; display:block;}
.tab_amo {display:block; text-align:center;}
.statement_r tr.bills_r:last-child td {border-bottom:0;}
a {outline:none; text-decoration:none;}
.c {display:none;}


#statement {}
#statement.content {padding:15px;}
#me.content {padding:0px;}
.statement_date, .big_date {font-size:16px; padding-bottom:10px;}
.statement_r, .big_r {background:#fff; padding:0 12px; border:1px solid rgba(0,0,0,0.1); margin-bottom:10px;}
.big_r {margin-bottom:0; padding:12px;}
.list_tb .big_r td {border:0;}
.td_vt {margin-bottom:15px; padding:10px; text-align:center; display:block; border:1px solid rgba(0,0,0,0.1); border-top:0; text-transform:uppercase;}
.item_d {color:#999; font-size:11px;}
.method {font-size:11px; }
.bills_tb td, .bills_tb th {padding:10px 2px; border-bottom:1px solid #eee;}
.valid_tb th {font-weight:normal; text-align:left;}
.qrk_tb td, .qrk_tb th {padding:10px 2px; border-bottom:1px solid #eee;}
.td_carplate {display:inline-block; padding:2px 5px; background:#000; color:#fff; margin-bottom:3px;}
.td_status {margin-bottom:3px; font-size:14px; }

.vi_r .bill_h1 {font-size:14px;}
.files_r .bill_h1 {
	display: block;
	white-space: nowrap;
}

.vi_r_tb {width:100%;}
.item_d { font-size:12px;}

#evlots table.evlots_tb.list_tb tr.plc_r td.td_1 div.bill_h1.s_add {
width:100%;
}



.bill_h1 { margin-bottom:0px; color:#000; font-size:12px;  overflow:hidden; /*text-overflow:ellipsis;*/ position:relative;}
.bill_h2 {display:block; color:#000; margin-bottom:0px;font-size:15px;}
.bill_h2 a {color:#000;}
.bill_h3 {display:block; color:#999; white-space:nowrap;font-size:15px;}
.qrk_tb .bill_h3 {color:#000;}

.s_vi_rec {background:url('/images/history.png') no-repeat center center / 24px auto; width:50px; height:50px; position:absolute; right:0px; top:0; box-sizing:border-box; text-align:center; }
.s_lbl {text-align:center; font-size:11px;}
.c .td_1, .c .td_2, .c .td_3 {vertical-align:top;}
.c .td_1 {padding-left:0px;}
.c .td_3 {text-align:right; padding-right:0px; }
.c .td_2 {width:calc(100% - 150px);}
.c .files_r .td_2 {width:80px; padding-right:0;}
.dl_pdf {width:50px; height:50px; background:url('/images/dl_pdf.png') no-repeat center center / 24px auto; position:absolute; right:0; top:0;}
#invoices .td_1 {padding-left:0px;}
.td_tt {font-size:14px; display:block; text-align:right; margin-bottom:3px; white-space:no-wrap;}
.td_tt_sym {font-size:16px;}
.td_bal {text-align:right; color:#999; font-size:11px;}
.snav_r:last-child {border:0;}
.w100p {
         width:100% !important;     
         padding: 0 16px;
         height: 44px;
}

/* .in_r {margin-bottom:10px; position:relative;} */



#mer_map {width:100%; height:300px;}
.mer_back, .top_back, #view_subacc_o .apop_back {width:50px; height:50px; position:absolute; left:0; top:0; background:url('/images/back2.png') no-repeat center center / 20px auto; z-index:5;}
.top_add {width:50px; height:50px; position:absolute; right:0; top:0; background:url('/images/add2.png') no-repeat center center / 20px auto; z-index:5;}
.top_srh {width:50px; height:50px; position:absolute; right:8px; top:0; background:url('/images/search.png') no-repeat center center / 24px auto; z-index:5;}
.top_vi_scan {width:50px; height:50px; position:absolute; right:50px; top:0; background:url('/images/scan.png') no-repeat center center / 20px auto; z-index:5;}
[acct="u"] .top_vi_scan {display:none;}
.top_scan {width:50px; height:50px; position:absolute; right:0px; top:0; background:url('/images/add2.png') no-repeat center center / 20px auto; z-index:5;}
.top_srh_market {right:0;}

/* .box_ti {font-size:20px; text-align:center; margin-bottom:20px;} */
.box_ti {font-size:24px; text-align:center; margin-bottom:18px; font-weight:600; color:#000;}



.long_btn {margin-bottom:5px;}
.botbar .long_btn, .pop_c .long_btn {font-size:16px;}
.botbar .long_btn {margin:0; } 
.botbar .long_btn2 {margin:0;} 
.botbar[cou="5"] .botbar_r {width:20%}
.botbar[cou="4"] .botbar_r {width:25%}
.botbar[cou="3"] .botbar_r {width:33.33%}
.botbar[cou="1"] .botbar_r {width:100%}
.botbar[cou="2"] .botbar_r {width:50%}
.upl_icon {width:100%; height:auto; vertical-align:middle;}
.ao_r .upl_icon {width:100%; height:auto;}
.upl_icon_w {margin-left:3px; display:inline-block; color:#000;}
.upl_list {
	padding: 10px 0 0;
	text-align: center;
	position: relative;
}
/*.upl_x {position:absolute; right:-10px; top:-10px; width:20px; height:20px; background:#fff url('/images/close.png') no-repeat center center / 8px auto;} */
.upl_x {z-index:6;}
.upl_o {background-size:36px auto;}
.upl_o[cou="0"] .upl_x {display:none;}
#vi_dt .upl_o, #add_vi .upl_o, #edit_vi_o .upl_o {width:250px; height:auto; min-height:80px;}
.top_search_result_c {padding:15px; box-sizing:border-box;}
.top_search_result {position: absolute;	left: 0;	top: 110px;	z-index: 5;	height: calc(100% - 110px); background:#fff; overflow-y:auto; width:100%; display:none;}
.top_search_result .vi_tb {width:100%;}
.top_search_c {background:#fff;	}
.clear_search {display:none; width:35px; height:33px; position:absolute; right:102px; top:9px; background:#fff url('/images/close.png') no-repeat center center / 12px auto;}
.top_search .top_search_c {padding-left:10px; position:relative; padding-bottom:10px;}
.top_search .top_search_v {    background: url('/images/search_gray.png') no-repeat 12px center / 20px auto;
    padding-left: 40px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;}
.top_search_close {position:absolute; right:0px; top:-45px; display:inline-block; vertical-align:top; background:url('/images/close.png') no-repeat center center / 18px auto; color:#fff; width:50px; height:50px; line-height:50px; text-align:center;}
.top_search_go {position:absolute; right:10px; top:8px; display:inline-block; vertical-align:top; background:#316bff; color:#fff; width:80px; height:50px; line-height:50px; text-align:center;}
.top_search_c {padding:8px 100px 0 55px;}
.top_search_v {width:100%;}
.top_search {position:absolute; left:0; top:45px; width:100%; background:#fff; border-bottom:1px solid #ccc; display:none; z-index:7;
box-shadow:0 0 15px 0 rgba(0,0,0,0.1);
-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.1);
}
.ok_ack_w {color:#2def44; font-size:16px; }
.pending_ack_w {color:#e40000; font-size:16px;
animation: blink 1s linear infinite;
-webkit-animation: blink 1s linear infinite;
}
.dz-preview {display:none !important;}
.long_btn2, .long_btn.dis {background:#eee; color:#aaa;}
.long_btn, .btn2 {background:#000; color:#fff; text-align:center; height:50px; line-height:50px; cursor:pointer; display:block; box-sizing:border-box; }
.long_btn {padding:0;}
.long_btn2 {background:#316bff; color:#fff; text-align:center; height:50px; line-height:50px; cursor:pointer; display:block;}
.long_btn_red {background:#ff2828; color:#fff; height:59px; line-height:59px; }
.long_btn_blue {background:#316bff; color:#fff; height:59px; line-height:59px; }
.ac_r .btn2 {margin-bottom:5px;}
.ac_r .btn2:last-child {margin-bottom:0;}
.btn2.pay_booking {background:#316bff;}
.rec_r3 {color:#aaa;font-size:14px;}
.pay_btn, .pay_btn_v, .pay_gl_total, .long_btn, .long_btn2, .btn2, .long_btn2 div, .long_btn2 span, .long_btn div, .long_btn span, .btn2 div, .btn2 span {font-size:14px;}

.pop_o .ac {padding-bottom:0; padding-top:15px;}
#faci_box .pop_o .ac {padding-top:5px;}
.viva_hint {display:none; }
.hints2 {margin-bottom:15px; color:#999;}
#mer_o {position:absolute; left:0; top:0; width:100%; background:#fff; z-index:11;}
#mer_info {background:#fff;}
#mer_info .in_lbl {font-weight:bold;}
.s_mer {}
[auth="2"] .footer_terms {display:none;}
#login, #content, #nav {display:none;}
#app[auth="2"] #content, #app[auth="2"] #nav {display:block;}
#app[auth="0"] #login {display:block;}
#app[auth="0"]:not([deli="2"]) #nav, #app[auth="0"]:not([deli="2"]) #content {display:none !important;}

.botbar2_o {position:fixed; left:0; bottom:0; width:100%; font-size:0; z-index:6;}
.botbar2_r {width:50%; display:inline-block; vertical-align:top; border-right:1px solid #000; height:70px; line-height:70px; text-align:center; box-sizing:border-box;}
.botbar[cou="3"] .botbar2_r {width:33.3%; }
.botbar[cou="2"] .botbar2_r {width:50%;}
.subacc_unsuspend {display:none;}
.suspended .subacc_unsuspend {display:inline-block;}
.suspended .subacc_suspend {display:none;}
.suspended .subacc_edit {display:none;}
#view_subacc_o .apop_c2 {
	position: absolute;
	left: 0;
	top: 51px;
	width: 100%;
	height: calc(100% - 51px);
	overflow-y: auto; padding-bottom:70px;
	padding-bottom:70px; box-sizing:border-box;
}
[page="bills"] #content {padding-top:100px;}
#nav {position:fixed; left:0; bottom:0; width:100%; }
/* max-width:440px; */
/* #nav_c { font-size:0; height:70px;  margin:0 auto; width:100%; border-top:1px solid #000; background:#fff;} */
#nav_c { font-size: 0; height: 70px; margin: 0 auto; width: 100%; border-top: 0px solid transparent; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.05); background: rgba(248, 248, 248, 0.8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}


.nav_r {display:inline-block; vertical-align:top; width:20%; text-align:center; height:100%; border-right:0px solid #000; box-sizing:border-box; padding-top:10px;position:relative;}
#nav_c[cou="4"] .nav_r {width:25%;}
/* .nav_r.ed {background:#f6f6f6;} */
.nav_r.ed {background:transparent;}
div.bar3 {margin:30px 0;}
.func_c {font-size:0;}

.func_r {width:33.3%; display:inline-block; vertical-align:top; box-sizing:border-box; padding:0 0 12px 0; text-align:center;}

.func_r img {width:80px; height:auto; margin-bottom:0px;} 



.bill_c {font-size:0;}
.bill_r {width:33.3%; display:inline-block; vertical-align:top; box-sizing:border-box; padding:10px;}
.bill_r > div {background:#fff; border:1px solid #000; text-align:center; padding:20px 10px; cursor:pointer;}
.pop_x {position:absolute; right:15px; top:15px; width:20px; height:20px; background:url('/images/close_w.png') no-repeat center center / 18px auto; }
.owner_nm {color:inherit;}
.owners_r {margin-bottom:3px;}

#content2[nobot="2"] .botbar_o {display:none;}
#content2[axt="delivery_lockers"] {padding-bottom:0px;}
#content2[axt="delivery_lockers"][c_t="list"] {padding-bottom:70px;}
.bpop2_bg {z-index:300;}
.bpop3_bg {z-index:300; }
.phone_i {padding-left:35px; background:url('/images/phone.png') no-repeat 5px center / 20px auto; display:block; min-height:20px;}
.car_i {padding-left:35px; background:url('/images/car.png') no-repeat 5px center / 20px auto; display:block; min-height:20px;}
.key_i {padding-left:35px; background:url('/images/key.png') no-repeat 5px center / 20px auto; display:block; min-height:20px;}
.nav_r:last-child {border-right:0;}
.nav_r_img, .nav_r_img_ed {width:22px; height:22px; margin-bottom:5px;}
.nav_r_img_ed {display:none;}
.nav_r.ed .nav_r_img_ed {display:inline-block;}
.nav_r.ed .nav_r_img {display:none;} 
.pr {position:relative;}
/* max-width:440px; */
#app {width:100%;  margin:0 auto;  min-height:100%; position:relative;}
/* max-width:440px; */
#app[auth="2"], #app[deli="2"], #app[pubweb="2"] {background:#fff; }
.c {padding-bottom:70px; height:100%; box-sizing:border-box; padding-top:50px; overflow-y:auto;}
.c.show {display:block;}
#qrk_dt, #vi_dt {position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; z-index:7; overflow-y:auto;}
#vi_dt {padding:0; padding-top:70px;}
#vi_dt .list_c {height:calc(100% - 70px); padding-top:50px; padding-bottom:0px; box-sizing:border-box;}
#vi_dt .list_c.nobot {height:calc(100% - 100px) !important; }
.vi_rec_r {padding:15px 20px;}


.nav_lbl {font-size:10px; color: #8E8E93;}
.nav_r.ed .nav_lbl {color: #007AFF;}


.long_btn_blue .bot_tt {color:#fff;}
.botbar_o {position:fixed; left:0; bottom:0; width:100%;}
/* max-width:440px; */
.botbar {font-size:0; margin:0 auto; width:100%; height:70px; background:#fff; box-sizing:border-box;}
.botbar[cou="0"] {display:none;}
.botbar_r {display:inline-block; vertical-align:top; width:50%; height:70px; line-height:70px; text-align:center; border-right: 0.5px solid rgba(0,0,0,0.2); box-sizing:border-box;}
.bt1 {border-top:1px solid #000;}

.bpop_o {z-index:300;}
.s_share2_o {text-align:center; margin-bottom:10px;}

[acct="u"] .change_unit {display:none !important;}
.qr_link {margin-bottom:10px; text-align:center; color:#316bff;}

.list_c {height:100%; overflow-y:auto; padding:16px; box-sizing: border-box;}
.list_c, .inner_bpop, .bpop_c, .pop_c, .content {-webkit-overflow-scrolling: touch; overflow-y: auto;}

.list_tb {width:100%;}

.botnav form {margin:0;}
.pass_tb {width:100%; }
.pass_tb th {text-align:right; width:50%;}
.checkinstep_c {padding-bottom:75px; padding-top:10px;
box-shadow:0 -15px 25px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:0 -15px 25px 0 rgba(0,0,0,0.2);
}
#vi_dt .checkinstep_c th, #vi_dt .checkinstep_c td {vertical-align:middle;}
.carplate {background:#000; color:#fff; display:inline-block; padding:2px 6px; }
.botbar_r:last-child {border-right:0;}
[col="1"] .botbar_r {width:100%;}
[col="3"] .snav2_r {width:33.3%;}
[col="4"] .snav2_r {width:25%;}
.ended {text-align:center; padding:20px; color:#999; display:none;}
.ended.show {display:block;}
.s_more {text-align:center; padding:20px; color:#316bff;}
.content th { vertical-align:top;}
.me_tb {width:100%; margin-bottom:0px; border-bottom:1px solid #eee;}
.me_tb th {vertical-align:top; text-align:right; width:50%;}

/*.topbar2, .topbar {position:absolute; left:0; top:0; width:100%; height:50px; background:rgba(248, 248, 248, 0.8); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); z-index:6; border-bottom:0px solid transparent; box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); text-align:center;}*/
.topbar2, .topbar, .full_pop_bg .pop_title {position:absolute; left:0; top:0; width:100%; height:50px; background:rgba(248, 248, 248, 0.8); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); z-index:6; border-bottom:0px solid transparent; box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); text-align:center;}



.top_ti_statement {line-height:33px;}
.top_ti {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	height: 50px;
	line-height: 50px;
	width: 100%;
	padding: 0 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
}
.top_ti.top_ti_vi_dt.l3:not(.fti) {line-height:30px;}
.card_box_status {margin-top:-23px;}
.top_ti_vi_dt a {color:#316bff;}
.top_ti_vi_dt a {font-size:inherit;}
.me_nickname {margin-right:10px;}
.content {padding:16px;}
#visitors.content {padding-top:50px;}
.me_tb th, .me_tb td {padding:5px;}
.tac {text-align:center;}
.tal {text-align:left;}
.tar {text-align:right;}
#home {background:white; padding:0;}
.bill_img img {width:90%; height:auto; border:1px solid #000;}
.u_photo {width:128px; height:128px; margin:0px; border:0;}
.subacc_r .u_photo {width:60px; height:60px; margin:0; margin-bottom:0px;}
.ao_r_in .ao_upl_img, .ao_r .ao_upl_img {width:80px; height:80px; border-radius:8px;}

.form_go {cursor:pointer;}
.home_box {background:#fff; padding-left:16px; padding-right:16px; margin:0px 0;}

.capt {display:inline-block; vertical-align:top; width:47%;}
.login_logo img {width:88px; height:auto; border-radius:12px;}

#slt_unit {position:absolute; left:10px; top:5px; display:none;}
#slt_unit select {border:0;}
[units="1"] #slt_unit, [units="0"] #slt_unit {display:none;}

.home_logo img {height:38px; width:auto;}
.home_logo {text-align:center;  margin-bottom:5px; position:absolute; left:20px; top:7px; width:38px; height:38px; overflow:hidden;
border-radius:8px;
-webkit-border-radius:8px;
}
.home_des { font-weight:normal; display:none;
	text-align: center;
	line-height: 20px;
	padding-top: 0;
	position: absolute;
	left: 0;
	width: 100%;
	top: 28px;
	font-size: 12px;
	color: #aaa;
}
.topbardes .top_ti {
    line-height:40px;
}
/*.pop_bg {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none; overflow-x:hidden; overflow-y:scroll; z-index:65;}*/
.pop_bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: none;
    overflow-x: hidden;
  /*  overflow-y: scroll;*/
    z-index: 250;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.pop_bg.show {display:block;}


/* .pop_o {position:absolute; width:340px; margin-left:-170px;  left:50%; top:5%;  padding:0 0 30px; z-index:60;} */
.pop_o {
    position: absolute;
    width: 90vw; 
    height: 92vh; 
    left: 50%; 
    top: 50%; 
    transform: translate(-50%, -50%);
    padding: 0 0 0px;
    z-index: 60;
    display: flex;
    flex-direction: column;
/*    overflow: hidden; */
    box-sizing: border-box;

}

.pop_o .content {
    overflow-y: auto;
    flex-grow: 1;
}


/* .pop_c {background:#fff; padding:15px;  z-index:66; margin-bottom:15px; */
.pop_c {
    background: #fff;
    padding: 16px;
    z-index: 66;
    overflow: hidden;
    overscroll-behavior: auto; /* Creates the elastic/bouncy scroll effect */
    border-radius: 14px;
/*    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);*/
box-sizing: content-box;
}


box-shadow:0 15px 20px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:0 15px 20px 0 rgba(0,0,0,0.2);
}
.unit_lbl {font-size:16px; padding-top:5px; display:block;}
.photos_lbl {font-size:13px;}
.in_lbl {margin-bottom:8px; margin-top:0px;}

.pop_title, .pop_title span {margin-bottom:12px; text-align:center; font-size:20px; display:block; font-weight:bold; padding-right:0px;}

#loading2 {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0); z-index:10000; text-align:center; display:none;}
#loading2_c {
  position: fixed;
  left: 50%;
  top: calc(50% - 35px); /* Offset by half the bottom bar height */
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 30px;
  height: 30px;
  z-index: 10001; /* Ensure it's above other elements */
}
#loading2_c:after {
  content: " ";
  display: block;
  width: 23px;
  height: 23px;
  margin: 0px;
  border-radius: 50%;
  border: 4px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

.lsc {overflow:hidden !important;}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


#view_subacc_o .photos_r {display:inline-block; width:33.3%; vertical-align: top; text-align: center;}
#view_subacc_o .upl_o {width:90px; height:90px; background:#fff url('/images/view_image.png') no-repeat center center / 32px 32px;}

.ocr_bg_top { position:absolute; left:0; width:calc(100% - (100% - 490px)); }
.ocr_bg_bottom { position:absolute; left:0; top:0; width:calc(100% - (100% - 360px)); height:calc(100% - 218px - 120px);}
.ocr_bg_left { position:absolute; left:0; top:120px; width:20px; height:194px;}
.ocr_bg_right { position:absolute; right:0; top:120px; width:20px; height:194px;}
#vi_ocr {width: 360px;position: absolute;left: 50%;margin-left: -180px;height: 100%;}
#vi_ocr_nm_box { width:170px;height: 30px;position: absolute;left: 30px;top: 235px;}
#vi_ocr_o[t="2"] #vi_ocr_nm_box {width:190px; left:130px; top:155px; height:20px;}
#vi_ocr_o[t="3"] #vi_ocr_nm_box {width:190px; left:130px; top:155px; height:20px;}
#vi_ocr_ic_box { width:130px; left:30px; top:160px; height:25px; position:absolute;}
#vi_ocr_o[t="2"] #vi_ocr_ic_box {width:100px; left:195px; top:185px; height:20px; }
#vi_ocr_o[t="3"] #vi_ocr_ic_box {width:100px; left:195px; top:185px; height:20px; }
#vi_ocr_card_box {   width:320px; height:194px; position:absolute; top:120px; margin-left:-160px;}
/* background:url('/test_dri.jpg') no-repeat center center / 100% auto; */
#vi_ocr_video {width: 360px;position: absolute;top: 80px;left: 50%;margin-left: -180px;}


#tg_prop {width:280px; margin-bottom:10px;}
#slt_prop_bg, #slt_unit_bg {background:rgba(0,0,0,0.5); width:100%; height:100%; position:fixed; left:0; top:0; display:none;}
#slt_prop, #slt_unit {background:#fff; width:360px; position:fixed; left:50%; margin-left:-180px; top:25%; padding:20px; box-sizing:border-box; text-align:center; display:none;
box-shadow:0 20px 40px 0 rgba(0,0,0,0.4);
-webkit-box-shadow:0 20px 40px 0 rgba(0,0,0,0.4);
}
#slt_unit2 .pop_c {background:#fff; width:500px; position:fixed; left:50%; margin-left:-250px; top:5%; padding:20px; box-sizing:border-box; text-align:center;  height:490px; z-index:50;
box-shadow:0 20px 40px 0 rgba(0,0,0,0.4);
-webkit-box-shadow:0 20px 40px 0 rgba(0,0,0,0.4);
}
.box_15 {padding:15px;}
#slt_unit2[t="u"] {height:auto;}
#slt_unit2 {background:rgba(0,0,0,0.5); width:100%; height:100%; position:fixed; left:0; bottom:0; display:none; z-index:300;}


#srh_slt_unit {width:100%; box-sizing:border-box; border:1px solid #ccc; padding:0 20px 0 40px; height:30px; line-height:30px;   background:url('/images/search.png') no-repeat 12px center / 20px auto;
border-radius:14px;
-webkit-border-radius:14px;
font-size:16px;
}
.srh_slt {text-align:left; margin-bottom:15px;}
.slt_r {padding:4px;  text-align:left; font-size:12px;}
.slt_r.ed {background:url('/images/arw_right.png') no-repeat 95% center / 12px auto;}
.slt_c_3 .slt_r.ed {background:none;}
.slt_r_unit {background:none;}
.slt_r:hover {background-color:#f3f3f3;}
.slt_r.ed {color:#316bff;}

#msg {top:20px; width:100%; max-width:90vw; text-align: center; }
#uploading {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none; z-index:80;}
.uploading_w {position:absolute; top:40%; color:#fff; width:100%; text-align:center; }
/*#app[page="me"]:not([units="0"]):not([units="1"]) #slt_unit {display:block;}*/
[read_ed="0"] .bill_h1, [read_ed="0"] div, [read_ed="0"] span {font-weight:bold;}



.top_srh, .top_search_go, .main_link, .statement_date, .btn, .btn2, .snav2_r, .snav_r, .s_more, .func_r, .long_btn, long_btn2,  .btn2, .nav_r, #logout {
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

img, 
input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.empty {display:none;}
[edc="0"] .empty {display:block;}

.radio11in input[type="radio"], .radio11in input[type="checkbox"] {top:3px;}
#add_vi .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {font-size:14px;}
#add_vi .in_r label, #add_vi .in_r input, #add_vi .in_r textarea, #add_vi .in_r select {font-size:13px;}
#add_vi .in_lbl {font-size:13px; margin-left:8px;}

@media (max-width: 800px) {
    
    #slt_unit2 .pop_c {
        width:calc(100% - 20px);
        margin-left:calc((100% / -2) + 10px);
    }
    
}



/* BELOW WERE ADDED BY ALEX */
.longbtn {
    border-radius: 10px;
    font-weight: 500;
    background: #007AFF;
    color: white !important;
    font-size: 16px;
}

.blue_lbl {color:#007AFF;font-size:13px;}

.capt_c {
    margin-bottom: 15px;
}
.capt_img {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #eee;
}

#content[v="4"] .content {
    background: #F2F2F7;
    padding: 10px 0;
}

/* Modern iOS 16/17 Native Announcement Styling */
.ann_o {
    margin: 0px;
}



.ann_r {
    background: #f8f8f8;
/*    backdrop-filter: blur(24px) saturate(180%); */
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    border: 0px solid #ddd;
    border-radius: 12px;
/*    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); */
*/*    padding: 12px 16px;
  /*  margin-bottom: 24px;*/
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}




.ann_r:active {
    transform: scale(0.98);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);
}

.ann_ti {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    margin-bottom: 8px;
    padding-right: 20px;
    line-height: 1.3;
}

/* Announcement popup */
#ann_pop .pop_bg {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}





#ann_pop .pop_ti {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    padding: 0 15px;
    color: #000;
}

#ann_pop .pop_r {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}



/* Fix for keyboard not appearing in home screen mode */
input:not([type="checkbox"]):not([type="radio"]), textarea {
  -webkit-user-select: text !important;
  user-select: text !important;
  -webkit-appearance: none;
  appearance: none;
}



#signup_box .sendcode_c {
    position: relative;
    margin-bottom: 15px;
}

#signup_box .send_code {
    position: absolute;
    right: 4px;
    top: -1px;
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    color: #007AFF;
    cursor: pointer;
}

#signup_box .code_cd {
    position: absolute;
    right: 0;
    top: 0;
    height: 45px;
    line-height: 45px;
    width: 50px;
    text-align: center;
    color: #888;
}

#signup_box .in_r {
    margin-bottom: 12px;
}

.oktick, .nook {
    position: absolute;
    right: 13px;
    top: 15px;
    width: 16px;
    height: auto;
    display: none;
}

#signup_box .in_r.pr.sendcode_c input {
    padding-right: 110px !important;
}

#signup_box form .in_r:not(.capt_c) {
    margin-bottom: 15px;
}

#signup_box .capt_c {
    margin-bottom: 20px;
}

#signup_box + .footer_terms {
    text-align: center;
    padding: 10px 0 20px;
}

#signup_box + .footer_terms .s_terms {
    border-radius: 10px;
    cursor: pointer;
    color: #fff;
    background: rgba(0,0,0,0.5);
    padding: 5px 10px;
}







/* iOS Native Feel Improvements */
.long_btn, .btn2, .long_btn_blue, .longbtn, .snav_r > div, .func_r > div {
  transition: background-color 0.2s, transform 0.2s;
}

.long_btn:active, .btn2:active, .long_btn_blue:active, .longbtn:active, .snav_r > div:active, .func_r > div:active {
  transform: scale(0.98);
  opacity: 0.9;
}

.bpop_o {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.12);
}

#app {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

#nav {
  padding-bottom: env(safe-area-inset-bottom);
}

/* Fix for iOS momentum scrolling */
.inner_bpop, .bpop_c, .pop_c, .content, .list_c {
  -webkit-overflow-scrolling: touch !important;
}

/* This replaces the existing .longbtn definition */
.longbtn {
  border-radius: 12px;
  font-weight: 500;
  background: #007AFF;
  color: white !important;
  font-size: 16px;
}

span.gray_lbl.slt_vt_dt {font-size:14px;}
span.add_vi_vt_des.gray_lbl {font-size:12px;}

.rec_r2 {font-size:15px;}

.rec_r1.s_booking_dt {font-size:16px;font-weight:bold;}
.top_search_go {
    font-size: 16px;
}

td.dash_w {
    font-size: 14px;
}






/* Hide scrollbars only on mobile devices */
@media screen and (max-width: 768px) {
    /* Target all potentially scrollable elements */
    html, body, div, pre, textarea, select, input {
        /* Hide for Firefox */
        scrollbar-width: none;
        
        /* Hide for IE and Edge */
        -ms-overflow-style: none;
    }
    
    /* Hide for Chrome, Safari and Opera */
    html::-webkit-scrollbar, 
    body::-webkit-scrollbar,
    div::-webkit-scrollbar,
    pre::-webkit-scrollbar,
    textarea::-webkit-scrollbar,
    select::-webkit-scrollbar,
    input::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
    }
}




.last_slted.tar {
    font-size: 14px;
}


.home .home_box .c_title {
    font-size: 30px;
}

span.to_market.blue_lbl {
    font-size: 16px;
}

/*#app #faci_box .fa_rmk {width:100%; box-sizing:border-box;}*/
#app #faci_box .fa_rmk {
    width: 100%;
    box-sizing: border-box;
    margin-top: 24px;
}

#app #faci_box .nbo_o tbody, #faci_box .nbo_o tr, #app #faci_box .fa_rmk tbody, #faci_box .fa_rmk tr {display:block;}
#app #faci_box .nbo_o th, #app #faci_box .fa_rmk th {display:block; text-align:left; width:100%;font-weight:normal;}
#app #faci_box .nbo_o td, #app #faci_box .fa_rmk td {display:block; text-align:left; width:100%; box-sizing:border-box;}
body #app #faci_box .nbo_o table, body #app #faci_box .fa_rmk table {display:block; width:100%;}
#faci_box .nbo_o, #faci_box .fa_rmk {margin:10px 0;padding-bottom:16px;}

#app #book_cart .fa_rmk {width:100%; box-sizing:border-box;}
#app #book_cart .nbo_o tbody, #book_cart .nbo_o tr, #app #book_cart .fa_rmk tbody, #book_cart .fa_rmk tr {display:block;}
/*#app #book_cart .nbo_o th, #app #book_cart .fa_rmk th {display:block; text-align:left; width:100%;font-weight:normal;}*/
#app #book_cart .nbo_o th, #app #book_cart .fa_rmk th {
    display: block;
    text-align: left;
    width: 100%;
    font-weight: normal;
    margin-bottom: 4px;
    margin-top: 4px;
}

#app #book_cart .nbo_o td, #app #book_cart .fa_rmk td {display:block; text-align:left; width:100%; box-sizing:border-box;}
body #app #book_cart .nbo_o table, body #app #book_cart .fa_rmk table {display:block; width:100%;}
#book_cart .nbo_o, #book_cart .fa_rmk {margin:10px 0;}

.fa_rmk .xin_c, .fa_rmk [name="eps_rmk"] {width:100% !important;}

span.bigbw.blue_lbl
{
font-size:18px;

}

td.total_rate.faci_rmk_wd_v.nowrap {
    padding-right: 3px;
}

.bill_h1.s_add {
    width: 100% !important;
}

#login_box > div.main_box_c > form > div:nth-child(2) > input,
#login_box > div.main_box_c > form > div:nth-child(3) > input,
#login_box > div.main_box_c > form > div.in_r.capt_c > input,
#login_box > div.main_box_c > div.tar.mb20.forgot_r > span,
#login_box > div.main_box_c > div.tac.signup_r > span,
#login_box > div.main_box_c > div.tac.signup_r > span > span,
#forgot_box > div.main_box_c > form > div:nth-child(2) > input,
#forgot_box > div.main_box_c > form > div.in_r.capt_c > input,
#forgot_box > div.main_box_c > div.tac.login_r2 > span,
#forgot_box > div.main_box_c > div.tac.login_r2 > span > span,
#signup_box > div.main_box_c *
{font-size:16px;}

#signup_box > div.main_box_c > form > div.box_ti {font-size:24px;}

#faci_box > div > div.pop_c > div.bo_info > div.bo_info_2a > table.single_book_tb2 > tbody > tr:nth-child(8) > td > span:nth-child(2) > img {
    width: 22px;
    height: auto;

    position: absolute;
  top: 6px;
    right: -24px;
}



#faci_box > div > div.pop_c > form > div.bo_info > div.nbo_o.graybox > table > tbody > tr:nth-child(1) > th {
    padding-top: 0px;
}

#faci_box > div > div.pop_c > form > div.fa_rmk.graybox > table > tbody > tr:nth-child(1) > th {
    padding-top: 0px;
}

#faci_box > div > div.pop_c > div.bo_info > div.bo_info_2a > table.single_book_tb2 > tbody > tr:nth-child(8) > td > span > span {
    position: absolute;
    right: 3px;
}

#add_subacc_c > form > div.ao_o > div > div.oupl_o.ent_c.ent_c_1.show > div:nth-child(4) > div.in_lbl *
{margin-bottom: 4px;}

#add_subacc_c > form > div.ao_o > div > div.ao_r_in.hcor.pr.ao_r_sonly.ao_r_uh > span.same_as
{top: 30px;}

/* ---- Move project name (VYROX) to the LEFT of the page header,
       and re-center the page tab title vertically once the
       sub-title is no longer stacked beneath it. ---- */
.topbardes .home_des {
    left: 15px;
    right: auto;
    width: auto;
    max-width: 40%;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    line-height: 1.2;
    padding-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.topbardes .top_ti {
    line-height: 50px;
}

/* ============================================================
   Visitor Detail (#vi_dt) — design refresh (CSS-only, scoped)
   Goals:
     1. Demote "No Show" from shouting red to a calm status pill
     2. Give the avatar a soft ring + shadow
     3. Tabs: underline indicator instead of grey block
     4. Group field rows into a soft card with subtle dividers
     5. Inset & round the bottom action button
   No DOM changes — every rule scoped to #vi_dt.
   ============================================================ */

/* 1. Status pill */
#vi_dt .dtcard_box_status {
    font-size: 12px !important;
    font-weight: 600;
    color: #fff !important;
    background: #ff3b30;
    padding: 5px 14px;
    border-radius: 999px;
    line-height: 1;
    display: inline-block;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    box-shadow: 0 1px 3px rgba(255, 59, 48, 0.25);
    margin: 4px 0 8px;
}
/* "positive" states stay green (matches existing semantics) */
#vi_dt .dtcard_box_status[t="0"],
#vi_dt .dtcard_box_status[t="1"],
#vi_dt .dtcard_box_status[t="2"],
#vi_dt .dtcard_box_status[t="3"],
#vi_dt .dtcard_box_status[t="6"] {
    background: #29ab87;
    box-shadow: 0 1px 3px rgba(41, 171, 135, 0.25);
}

/* 2. Avatar — soft ring + shadow (keep perfectly round) */
#vi_dt .vi_pho img {
    border: 4px solid #fff;
    box-shadow: 0 0 0 1px #ececee, 0 6px 16px rgba(0, 0, 0, 0.06);
    background: #f4f4f6;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-sizing: content-box;
    object-fit: cover;
}

/* 3. Tabs — underline indicator */
#vi_dt .snav2 {
    background: #fff;
    border-bottom: 1px solid #ececec;
    box-shadow: none;
}
#vi_dt .snav2_r_vi {
    background: transparent !important;
    border-bottom: none;
    padding: 0;
}
#vi_dt .snav2_r_vi > div {
    line-height: 46px;
    height: 46px;
    color: #9a9da3;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    transition: color 0.15s ease, border-color 0.15s ease;
}
#vi_dt .snav2_r_vi.ed {
    background: transparent !important;
    border-color: transparent;
}
#vi_dt .snav2_r_vi.ed > div {
    color: #316bff !important;
    font-weight: 600 !important;
    border-bottom-color: #316bff;
}

/* 4. Field rows — soft card + clean dividers */
#vi_dt .vi_box_1,
#vi_dt .vi_box_2 {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 10px rgba(0, 0, 0, 0.03);
    margin: 14px 0;
    padding: 4px 16px;
}
#vi_dt .vi_box_1 table,
#vi_dt .vi_box_2 table {
    width: 100%;
    border-collapse: collapse;
}
#vi_dt .vi_box_1 th,
#vi_dt .vi_box_2 th {
    color: #8a8d92 !important;
    font-weight: 500;
    font-size: 13px;
    padding: 12px 10px 12px 0;
    border-bottom: 1px solid #f1f1f3;
    width: 42% !important;
    vertical-align: top;
}
#vi_dt .vi_box_1 td,
#vi_dt .vi_box_2 td {
    color: #1c1c1e;
    font-weight: 600;
    font-size: 14px;
    padding: 12px 0 12px 10px;
    border-bottom: 1px solid #f1f1f3;
    vertical-align: top;
}
/* rows that are full-width spacers (status pill, avatar) — no border */
#vi_dt .vi_box_1 td[colspan],
#vi_dt .vi_box_2 td[colspan] {
    border-bottom: none;
    text-align: center;
    padding: 8px 0;
}
/* last data row — no trailing divider */
#vi_dt .vi_box_1 tr:last-child th,
#vi_dt .vi_box_1 tr:last-child td,
#vi_dt .vi_box_2 tr:last-child th,
#vi_dt .vi_box_2 tr:last-child td {
    border-bottom: none;
}

/* 5. Bottom action — left untouched on purpose (keep original) */

/* 6. Hide invisible dash_split spacer that creates a large gap
      above the Visitor Face card (rendered at functions.php:23730). */
#vi_dt .dash_split { display: none; }

/* 7. Visitor Tracking tab — timeline-style entries.
      DOM (per entry, rendered into #vi_dt .list_c when tab is active):
        .vi_rec_r
          .vi_rec_t   → action title (+ optional hint icon)
          .vi_rec_by  → "at {station} by {who}" (optional)
          .vi_rec_tm  → date/time
      Empty state: .ended → "End of List"
   */
#vi_dt .list_c .vi_rec_r {
    position: relative;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 8px rgba(0, 0, 0, 0.03);
    margin: 0 4px 10px;
    padding: 14px 14px 14px 44px;
    border-bottom: none;
}
#vi_dt .list_c .vi_rec_r:first-child { margin-top: 12px; }
#vi_dt .list_c .vi_rec_r::before {
    content: '';
    position: absolute;
    left: 17px;
    top: 19px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #316bff;
    box-shadow: 0 0 0 3px rgba(49, 107, 255, 0.15);
}
#vi_dt .list_c .vi_rec_r::after {
    content: '';
    position: absolute;
    left: 21px;
    top: 32px;
    bottom: -10px;
    width: 2px;
    background: #ececee;
}
#vi_dt .list_c .vi_rec_r:last-child::after { display: none; }

#vi_dt .list_c .vi_rec_t {
    font-size: 14px;
    font-weight: 600;
    color: #1c1c1e;
    margin-bottom: 4px;
    line-height: 1.35;
}
#vi_dt .list_c .vi_rec_by {
    font-size: 13px;
    color: #6b6e74;
    margin-bottom: 6px;
    line-height: 1.35;
}
#vi_dt .list_c .vi_rec_tm {
    font-size: 12px;
    color: #9a9da3;
}

/* Empty state */
#vi_dt .list_c .ended {
    padding: 48px 20px;
    color: #b0b3b8;
    font-size: 13px;
    text-align: center;
}

/* ============================================================
   Memberships page (#msp_list_o) — design refresh (CSS-only).
   DOM (per row):
     <tr><td>
       .msp_r
         .msp_r_left
            .rec_r1.msp_r_nm   → plan name
            .rec_r2.msp_r_rate → "RM 216.00 / month"
           [.rec_r2.msp_r_depo → "Deposit: ..."]
            .rec_r3.msp_r_time → end date
         .msp_r_right
            .msp_r_days | .msp_r_pending | .msp_r_rejected
            | .msp_r_sus | .msp_r_ex
     </td></tr>
   Container: #msp_list_o.content holding .msp_tb.list_tb
   Bottom action ("New Subscription") left untouched per house rule.
   ============================================================ */

#msp_list_o {
    padding: 14px !important;
}
#msp_list_o .msp_tb {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: transparent;
}
#msp_list_o .msp_tb td {
    padding: 0 0 12px;
    background: transparent;
    border: 0;
}

/* Card */
#msp_list_o .msp_r {
    position: relative;
    background: #fff;
    border-radius: 16px;
    padding: 18px 18px 16px !important;
    border: 1px solid #eef0f3;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 6px 16px rgba(15, 23, 42, 0.04);
    overflow: hidden;
    transition: transform 0.12s ease, box-shadow 0.12s ease;
}
#msp_list_o .msp_r:active {
    transform: scale(0.985);
}
/* subtle status accent strip on the left edge */
#msp_list_o .msp_r::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #316bff;
    opacity: 0.85;
}
#msp_list_o .msp_r:has(.msp_r_pending)::before { background: #ff9f0a; }
#msp_list_o .msp_r:has(.msp_r_rejected)::before,
#msp_list_o .msp_r:has(.msp_r_ex)::before     { background: #ff3b30; }
#msp_list_o .msp_r:has(.msp_r_sus)::before    { background: #8e8e93; }
#msp_list_o .msp_r:has(.msp_r_days)::before   { background: #29ab87; }

/* Left column = full width; right column flows below as a footer row */
#msp_list_o .msp_r .msp_r_left {
    padding-right: 0 !important;
}
#msp_list_o .msp_r .msp_r_right {
    position: static !important;
    width: auto !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #f1f3f6;
    text-align: left;
}

/* Title */
#msp_list_o .msp_r .msp_r_nm {
    font-size: 16px;
    font-weight: 700;
    color: #1c1c1e;
    line-height: 1.35;
    margin-bottom: 8px;
    letter-spacing: -0.1px;
}

/* Price (primary value) */
#msp_list_o .msp_r .msp_r_rate {
    font-size: 18px;
    font-weight: 700;
    color: #1c1c1e;
    margin-bottom: 2px;
    letter-spacing: -0.2px;
}
#msp_list_o .msp_r .msp_r_depo {
    font-size: 12px;
    color: #6b6e74;
    margin-bottom: 0;
}

/* Footer row: "Expires …" on the left, status pill on the right.
   .msp_r_time is appended into .msp_r_left via the legacy markup,
   so visually it sits above the divider — pull it down via order
   trick: relocate using display flexible. We can't reorder DOM,
   so instead we style .msp_r_time as a small footer-link feel. */
#msp_list_o .msp_r .msp_r_time {
    display: block;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f1f3f6;
    font-size: 12px !important;
    color: #6b6e74 !important;
    font-weight: 500;
}
#msp_list_o .msp_r .msp_r_time::before {
    content: 'Expires ';
    color: #9a9da3;
    font-weight: 400;
}

/* Status badge — sits inside .msp_r_right (now a footer row).
   The footer row itself acts as the pill anchor. */
#msp_list_o .msp_r .msp_r_right {
    /* turn this row into the status footer with a small label on the left */
    margin-top: 0;
    padding-top: 0;
    border-top: none;
    justify-content: flex-end;
}
#msp_list_o .msp_r_days,
#msp_list_o .msp_r_pending,
#msp_list_o .msp_r_rejected,
#msp_list_o .msp_r_sus,
#msp_list_o .msp_r_ex {
    position: static !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px !important;
    font-weight: 700;
    line-height: 1;
    padding: 7px 12px;
    border-radius: 999px;
    letter-spacing: 0.4px;
    white-space: nowrap;
    text-transform: uppercase;
    margin-top: 12px;
}
/* dot prefix on each badge */
#msp_list_o .msp_r_days::before,
#msp_list_o .msp_r_pending::before,
#msp_list_o .msp_r_rejected::before,
#msp_list_o .msp_r_sus::before,
#msp_list_o .msp_r_ex::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
}
#msp_list_o .msp_r_days {
    background: rgba(41, 171, 135, 0.12);
    color: #1f8a6c;
}
#msp_list_o .msp_r_pending {
    background: rgba(255, 159, 10, 0.14);
    color: #b86b00;
}
#msp_list_o .msp_r_rejected,
#msp_list_o .msp_r_ex {
    background: rgba(255, 59, 48, 0.12);
    color: #c4302b;
}
#msp_list_o .msp_r_sus {
    background: rgba(142, 142, 147, 0.16);
    color: #5e5e63;
}

/* Empty list */
#msp_list_o .msp_tb:empty::after {
    content: 'No memberships yet';
    display: block;
    text-align: center;
    color: #b0b3b8;
    font-size: 13px;
    padding: 60px 20px;
}

/* ============================================================
   EV Charger confirmation popup (#confirm_plc_o) — design refresh
   DOM (markup left untouched):
     .pop_title         → "EV Charger 3"
     .pop_des.gray_lbl  → "60kW / Level 3 / Type 2"
     .plc_confirm > img → device image
     .plc_confirm_w     → wraps:
         text "Tap the 'Confirm' button below..."
         .plc_confirm_dt
            .plc_confirm_rate_ti  / .plc_confirm_rate
            .plc_confirm_addon_ti / .plc_confirm_addon
            .plc_confirm_total_ti / .plc_confirm_total
         text "Drive into the parking lot..."
     #plc_confirm_go (Confirm button) — left untouched on purpose
   ============================================================ */

/* Modal anatomy: explicit pinned header + scrollable body + pinned footer.
   DOM (see app.php): .pop_c.alex_split > .alex_modal_head + .pop_r.alex_modal_body + .alex_modal_foot
   .pop_c is a flex column that fully fills .pop_o (height:92vh in legacy).
   The middle .pop_r scrolls; the head/foot stay put. */
#confirm_plc_o .pop_o {
    height: auto !important;
    max-height: 92vh;
}
#confirm_plc_o .pop_c.alex_split {
    padding: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
    max-height: 92vh;
    height: auto;
    flex: 1 1 auto;
    min-height: 0;
    border-radius: 14px;
    background: #fff;
}
#confirm_plc_o .alex_modal_head {
    flex: 0 0 auto;
    background: #fff;
    border-bottom: 1px solid #f1f3f6;
    padding: 18px 56px 14px 56px;
}
#confirm_plc_o .alex_modal_head .pop_title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.2px;
    margin: 0 0 4px !important;
    padding: 0 !important;
    text-align: center;
    background: transparent;
}
#confirm_plc_o .alex_modal_head .pop_des {
    font-size: 12px !important;
    color: #9a9da3 !important;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    background: transparent;
    border-bottom: none;
}
/* .pop_r is the scrollable body */
#confirm_plc_o .pop_r.alex_modal_body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 14px 18px;
    background: #fff;
}
/* Pinned footer with the Confirm button */
#confirm_plc_o .alex_modal_foot {
    flex: 0 0 auto;
    background: #fff;
    border-top: 1px solid #f1f3f6;
    padding: 12px 18px calc(12px + env(safe-area-inset-bottom));
    text-align: center;
}
#confirm_plc_o .alex_modal_foot #plc_confirm_go {
    margin: 0 auto;
}

/* Hero image panel — soft, slightly inset, gentle shadow */
#confirm_plc_o .plc_confirm {
    background: linear-gradient(180deg, #fafbfc 0%, #f1f3f6 100%);
    border-radius: 18px;
    padding: 16px 16px;
    margin: 6px 0 12px;
    border: 1px solid #ececef;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
#confirm_plc_o .plc_confirm img {
    width: 130px;
    height: auto;
    border-radius: 14px;
}

/* Instruction wrap — soften the loud green block.
   .plc_confirm_w contains the two instruction texts AND the rate card.
   Style the wrap as a calm, normal text container; use info-banner
   styling via background + border rather than shouting green text. */
#confirm_plc_o .plc_confirm_w {
    color: #2d3a4a !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.55;
    text-align: center;
    padding: 0;
}

/* Rate breakdown — proper label/value hierarchy, left-aligned */
#confirm_plc_o .plc_confirm_dt {
    background: #f7f8fa;
    border: 1px solid #eef0f3;
    border-radius: 14px;
    padding: 12px 14px;
    margin: 12px 0;
    text-align: left;
}
#confirm_plc_o .plc_confirm_dt * {
    text-align: left !important;
}

/* labels (the "*_ti" rows) — small, uppercase, muted */
#confirm_plc_o .plc_confirm_dt .plc_confirm_rate_ti,
#confirm_plc_o .plc_confirm_dt .plc_confirm_addon_ti,
#confirm_plc_o .plc_confirm_dt .plc_confirm_total_ti {
    font-size: 11px !important;
    font-weight: 600;
    color: #8a8d92 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
    padding: 0;
    border-top: none !important;
    margin-top: 0 !important;
}

/* values — dark, bold, comfortable, right-aligned */
#confirm_plc_o .plc_confirm_dt .plc_confirm_rate,
#confirm_plc_o .plc_confirm_dt .plc_confirm_addon,
#confirm_plc_o .plc_confirm_dt .plc_confirm_total {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1c1c1e !important;
    margin-bottom: 10px !important;
    text-align: right !important;
}
#confirm_plc_o .plc_confirm_dt .plc_confirm_rate *,
#confirm_plc_o .plc_confirm_dt .plc_confirm_addon *,
#confirm_plc_o .plc_confirm_dt .plc_confirm_total * {
    text-align: right !important;
}

/* Add a divider above the Total label, and emphasise the total value */
#confirm_plc_o .plc_confirm_dt .plc_confirm_total_ti {
    padding-top: 12px !important;
    margin-top: 4px !important;
    border-top: 1px solid #e6e8ec !important;
}
#confirm_plc_o .plc_confirm_dt .plc_confirm_total {
    font-size: 16px !important;
    color: #316bff !important;
    margin-bottom: 0 !important;
    letter-spacing: -0.2px;
}

/* Close (X) — calm circular button with the X icon perfectly centered */
#confirm_plc_o .op_close {
    top: 18px;
    right: 16px;
    background: #f1f3f6;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
#confirm_plc_o .op_close img {
    /* override legacy `.op_close img { position:fixed; margin-top:-8px; margin-left:-4px; width:24px }`
       so the icon centers properly inside the circular button. */
    position: static !important;
    width: 12px !important;
    height: 12px !important;
    margin: 0 !important;
    display: block;
}

/* Confirm button — left untouched on purpose (house rule) */

/* Two-line rate format used by the JS reformatter
   (popup #confirm_plc_o + bottom sheets #slt_plc_o / #slt_evt_o /
   #slt_evt_addon_o). The per-hour line is the headline number;
   the per-minute line is supporting context. */
.alex_perh {
    font-size: 16px;
    font-weight: 700;
    color: #1c1c1e;
    line-height: 1.25;
    letter-spacing: -0.2px;
}
.alex_perm {
    font-size: 12px;
    font-weight: 500;
    color: #8a8d92;
    line-height: 1.3;
}
/* Inside the popup's Total Rate cell, keep the brand-blue accent */
#confirm_plc_o .plc_confirm_total .alex_perh {
    color: #316bff;
    font-size: 18px;
}

/* ============================================================
   Bottom sheets — consistent row layout across the three EV
   selection sheets (parking lock / vehicle type / add-on):

       [ Name              Rate ]
       [ description       /min  ]

   Name + optional description sit on the left, the two-line
   rate (RM X/hr  X/min) sits on the right, vertically centered.
   Width allowance for the rate column is fixed (130px) so all
   sheets line up the same way regardless of name length.
   ============================================================ */
#slt_plc_o .slt_plc_r,
#slt_evt_o .slt_evt_r,
#slt_evt_addon_o .slt_evt_addon_r {
    position: relative;
    padding: 18px 160px 18px 24px !important;
    min-height: 72px;
    box-sizing: border-box;
    display: block;
}
@media (max-width: 480px) {
    #slt_plc_o .slt_plc_r,
    #slt_evt_o .slt_evt_r,
    #slt_evt_addon_o .slt_evt_addon_r {
        padding: 16px 134px 16px 18px !important;
    }
}

/* Name (primary text on the left) */
#slt_plc_o .slt_plc_nm,
#slt_evt_o .slt_evt_nm,
#slt_evt_addon_o .slt_evt_addon_nm {
    font-size: 16px !important;
    font-weight: 600;
    color: #1c1c1e;
    display: block;
    margin-bottom: 2px;
    line-height: 1.3;
}

/* Description sub-line — only the plc list has one */
#slt_plc_o .slt_plc_des {
    font-size: 13px !important;
    color: #9a9da3 !important;
    display: block;
    line-height: 1.3;
}

/* Rate column — pinned right, vertically centered.
   For #slt_plc_o the rate sits in .slt_plc_right (already absolute
   in legacy CSS — we override its top to vertically center).
   For evt / evt_addon rows, the JS reformatter leaves a single
   .gray_lbl carrying the formatted rate; promote it to absolute. */
#slt_plc_o .slt_plc_right {
    position: absolute !important;
    right: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    text-align: right;
    line-height: 1.3;
    width: 130px !important;
    max-width: 40%;
    white-space: normal;
    word-break: keep-all;
}
@media (max-width: 480px) {
    #slt_plc_o .slt_plc_right {
        right: 18px !important;
        width: 110px !important;
    }
}
#slt_evt_o .slt_evt_r[data-alex-fmt="1"] .gray_lbl,
#slt_evt_addon_o .slt_evt_addon_r[data-alex-fmt="1"] .gray_lbl {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    text-align: right;
    line-height: 1.3;
    max-width: 40%;
}

/* ============================================================
   Emergency Numbers — iOS-style contacts list (CSS-only).
   DOM rendered by process3.php / get_emenum:
     table.eme_num_tb
       tr
         td  → name
         td  → <a href="tel:...">phone</a>
         td  → "X km"

   Layout: a single white surface with hairline-divided rows.
   Each row reads as: name on top-left, distance pill top-right,
   phone tap-link beneath. Tapping the phone still calls.
   ============================================================ */
.eme_num_tb {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 6px 16px rgba(15, 23, 42, 0.04);
    border: 1px solid #eef0f3;
    margin: 4px 0;
}
.eme_num_tb tr {
    display: block;
    position: relative;
    padding: 14px 18px 14px 18px;
    border-bottom: 1px solid #f1f3f6;
    background: #fff;
    transition: background 0.12s ease;
}
.eme_num_tb tr:last-child {
    border-bottom: none;
}
.eme_num_tb tr:active {
    background: #fafbfc;
}
.eme_num_tb td {
    border: none !important;
    padding: 0 !important;
    background: transparent;
    vertical-align: top;
}

/* Name — primary, top, leaves room on the right for the distance pill */
.eme_num_tb td:nth-child(1) {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #1c1c1e;
    line-height: 1.3;
    padding-right: 90px !important;
    margin-bottom: 6px;
    letter-spacing: -0.1px;
}

/* Phone — subtitle line, brand-blue tap-to-call link */
.eme_num_tb td:nth-child(2) {
    display: block;
    font-size: 13px;
    line-height: 1.25;
}
.eme_num_tb td:nth-child(2) a {
    color: #316bff !important;
    font-weight: 500;
    text-decoration: none !important;
    letter-spacing: 0.1px;
    display: inline-block;
}

/* Distance — minimal "near you" indicator on the right.
   No solid pill: a small brand-blue location dot + clean caption.
   Reads like a metadata caption, not a button. */
.eme_num_tb td:nth-child(3) {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    font-weight: 600;
    color: #6b7180;
    letter-spacing: 0.2px;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 7px;
}
.eme_num_tb td:nth-child(3)::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #316bff;
    box-shadow: 0 0 0 3px rgba(49, 107, 255, 0.18);
    flex-shrink: 0;
}
/* Hide the pill if distance is 0 km / empty */
.eme_num_tb td:nth-child(3):empty {
    display: none;
}

/* ============================================================
   New Class Booking — class card redesign (CSS-only, scoped).
   Legacy layout: .slt_cb_r is inline-block 50% wide → two cards
   per row (narrow). Redesign: full-width card, coach photo on
   the left as a visual anchor, class info stacked on the right,
   slimmer capacity bar with green fill + soft track.

   DOM (rendered by process8.php / get_new_class_booking):
     .slt_cb_r
       .slt_cb_rr
         .slt_cb_r_pho   → coach photo
         .slt_cb_r_nm    → class name
         .slt_cb_r_left  → capacity bar (0 [bar] capacity)
         .slt_cb_r_date  → "30th Thursday"
         .slt_cb_r_time  → "7:00 AM ~ 8:00 AM" + .slt_cb_r_dur
   ============================================================ */
#new_class_bookings_o .slt_cb_r,
#class_booking_o .slt_cb_r {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 12px !important;
    box-sizing: border-box;
}
#new_class_bookings_o .slt_cb_r:nth-child(even),
#new_class_bookings_o .slt_cb_r:nth-child(odd),
#class_booking_o .slt_cb_r:nth-child(even),
#class_booking_o .slt_cb_r:nth-child(odd) {
    padding: 0 !important;
}

#new_class_bookings_o .slt_cb_rr,
#class_booking_o .slt_cb_rr {
    background: #fff;
    border: 1px solid #eef0f3 !important;
    border-radius: 14px !important;
    padding: 14px 16px 14px 80px !important;
    position: relative;
    /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 6px 16px rgba(15, 23, 42, 0.04); */
    min-height: 80px;
    transition: transform 0.12s ease, box-shadow 0.12s ease;
}
#new_class_bookings_o .slt_cb_r:active .slt_cb_rr,
#class_booking_o .slt_cb_r:active .slt_cb_rr {
    transform: scale(0.99);
}

/* Coach photo — vertically centered avatar, soft ring */
#new_class_bookings_o .slt_cb_r_pho,
#class_booking_o .slt_cb_r_pho {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 54px;
    height: 54px;
}
#new_class_bookings_o .slt_cb_r_pho img,
#class_booking_o .slt_cb_r_pho img {
    width: 54px !important;
    height: 54px !important;
    position: static !important;
    border-radius: 50% !important;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #ececef, 0 4px 10px rgba(0, 0, 0, 0.05);
    object-fit: cover;
    background: #f4f4f6;
}

/* Class name */
#new_class_bookings_o .slt_cb_r_nm,
#class_booking_o .slt_cb_r_nm {
    padding-left: 0 !important;
    font-size: 14px !important;
    font-weight: 700;
    color: #1c1c1e;
    line-height: 1.3;
    min-height: 0 !important;
    margin-bottom: 10px !important;
    letter-spacing: 0.2px;
}

/* Capacity bar — slim track + green fill + soft labels */
#new_class_bookings_o .slt_cb_r_left,
#class_booking_o .slt_cb_r_left {
    margin-bottom: 10px !important;
}
#new_class_bookings_o .slt_cb_r_left_1,
#new_class_bookings_o .slt_cb_r_left_3,
#class_booking_o .slt_cb_r_left_1,
#class_booking_o .slt_cb_r_left_3 {
    font-size: 11px !important;
    color: #9a9da3 !important;
    line-height: 18px !important;
    width: 20px !important;
    font-weight: 500;
}
#new_class_bookings_o .slt_cb_r_left_2,
#class_booking_o .slt_cb_r_left_2 {
    background: #f0f1f4 !important;
    height: 18px !important;
    line-height: 18px !important;
    width: calc(100% - 50px) !important;
    border-radius: 9px !important;
    overflow: hidden;
}
#new_class_bookings_o .slt_cb_r_left_v,
#class_booking_o .slt_cb_r_left_v {
    background: linear-gradient(90deg, #29ab87 0%, #34c69e 100%) !important;
    border-radius: 9px !important;
}
#new_class_bookings_o .slt_cb_r_left_w,
#class_booking_o .slt_cb_r_left_w {
    font-size: 11px !important;
    line-height: 18px !important;
    color: #316bff !important;
    font-weight: 600;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    letter-spacing: 0.3px;
}
#new_class_bookings_o .slt_cb_r_left_3,
#class_booking_o .slt_cb_r_left_3 {
    left: 8px !important;
}

/* Date + time rows */
#new_class_bookings_o .slt_cb_r_date,
#class_booking_o .slt_cb_r_date {
    font-size: 13px !important;
    color: #4a5060 !important;
    font-weight: 500;
    margin-bottom: 4px !important;
    background-position: 0 center !important;
    background-size: 13px auto !important;
}
#new_class_bookings_o .slt_cb_r_time,
#class_booking_o .slt_cb_r_time {
    font-size: 13px !important;
    color: #4a5060 !important;
    font-weight: 500;
    margin-bottom: 0 !important;
    background-position: 0 4px !important;
    background-size: 13px auto !important;
    line-height: 1.4;
}
#new_class_bookings_o .slt_cb_r_dur,
#class_booking_o .slt_cb_r_dur {
    color: #9a9da3 !important;
    font-size: 12px !important;
    font-weight: 400;
}

/* ============================================================
   Complaints / Suggestions / Amenities / Incidents — tabs as
   the iOS segmented-control used on the Visitors page
   (Registrations / Checked-In): a grey rounded container with
   a white pill marking the active tab. Pure CSS — no DOM
   .tab-indicator element needed.
   ============================================================ */
[axt="comp"] .snav2,
[axt="sugg"] .snav2,
[axt="amen"] .snav2,
[axt="inci"] .snav2 {
    background: rgba(120, 120, 128, 0.12) !important;
    border-radius: 10px !important;
    padding: 3px !important;
    margin: 10px 16px !important;
    width: calc(100% - 32px) !important;
    height: 36px !important;
    box-sizing: border-box !important;
    display: flex !important;
    border-bottom: none !important;
    box-shadow: none !important;
    /* keep legacy positioning so it sits where the page expects */
}
[axt="comp"] .snav2_r,
[axt="sugg"] .snav2_r,
[axt="amen"] .snav2_r,
[axt="inci"] .snav2_r {
    flex: 1 !important;
    width: auto !important;
    background: transparent !important;
    border: none !important;
    border-bottom: none !important;
    padding: 0 !important;
    display: block !important;
}
[axt="comp"] .snav2_r > div,
[axt="sugg"] .snav2_r > div,
[axt="amen"] .snav2_r > div,
[axt="inci"] .snav2_r > div {
    background: transparent !important;
    color: rgba(60, 60, 67, 0.6) !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 30px !important;
    height: 30px !important;
    border: none !important;
    border-radius: 7px !important;
    transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
    -webkit-tap-highlight-color: transparent;
}
[axt="comp"] .snav2_r.ed > div,
[axt="sugg"] .snav2_r.ed > div,
[axt="amen"] .snav2_r.ed > div,
[axt="inci"] .snav2_r.ed > div {
    background: #fff !important;
    color: #000 !important;
    font-weight: 600 !important;
    box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.16) !important;
}

/* ===== END style_app.css ========================================*/

.pop_o {top:5%; height:auto; left:5%; transform:none;}

:root {
    /* iOS-native easing curves */
    --ease-ios-out: cubic-bezier(0.32, 0.72, 0, 1);   /* primary deceleration — modal in */
    --ease-ios-in:  cubic-bezier(0.4, 0, 1, 1);       /* acceleration — modal out */
    --ease-soft:    cubic-bezier(0.4, 0, 0.2, 1);     /* standard smooth */
  }


.pop_c {box-shadow:none;}
.pop_bg, .bepop_o_e {
	display:none;
    border:0; overflow-x:hidden;
	position: fixed;
	inset: 0;
	background: rgba(20, 20, 30, 0);
	backdrop-filter: blur(0px) saturate(100%);
	-webkit-backdrop-filter: blur(0px) saturate(100%);
	align-items: center;
	justify-content: center;
	pointer-events: none;
	transition: background 0.5s var(--ease-soft), backdrop-filter 0.5s var(--ease-soft), -webkit-backdrop-filter 0.5s var(--ease-soft);
	z-index: 100;
	will-change: background, backdrop-filter;
    
}
.pop_bg.showe, .bepop_o_e.showe {
	display:flex;
    background: rgba(20, 20, 30, 0.4);
	backdrop-filter: blur(16px) saturate(180%);
	-webkit-backdrop-filter: blur(16px) saturate(180%);
	pointer-events: auto;
    animation: showe1 0.5s var(--ease-soft) forwards;
}

@keyframes showe1 {
    0% {opacity:0; }   
    100% {opacity:1; }
}

.pop_o, .bepop_o_e .page_c { border-radius:20px;
	background: rgba(255, 255, 255, 0.98);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	padding: 0px;
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.22), 0 10px 20px rgba(0, 0, 0, 0.08);
	transform: scale(0) translate3d(0, 0, 0);
	opacity: 0;
	transform-origin: 50% 50%;
	will-change: transform, opacity;
	transition: transform 0.32s var(--ease-ios-in), opacity 0.22s var(--ease-soft);
}
.pop_bg.showe .pop_o, .bepop_o_e.showe .page_c {
	transform: scale(0) translate3d(0, 0, 0);
	opacity: 0;
    animation: showe2 0.5s var(--ease-ios-out) forwards;
}

@keyframes showe2 {
    0% {transform: scale(0) translate3d(0, 0, 0);opacity:0; }   
    100% {transform: scale(1) translate3d(0, 0, 0);
	opacity: 1; }
}

.pop_bg.hidee, .bepop_o_e.hidee {
	transform: scale(1) translate3d(0, 0, 0);
	opacity: 1;
    animation: hidee1 0.5s var(--ease-soft) forwards;
}

.pop_bg.hidee .pop_o, .bepop_o_e.hidee .page_c {
	transform: scale(1) translate3d(0, 0, 0);
	opacity: 1;
    animation: hidee2 0.32s var(--ease-ios-in) forwards;
}

@keyframes hidee1 {
    0% {backdrop-filter: blur(16px) saturate(180%);
	-webkit-backdrop-filter: blur(16px) saturate(180%);}   
    100% {
	opacity: 0;backdrop-filter: blur(0px) saturate(100%);
	-webkit-backdrop-filter: blur(0px) saturate(100%); }
}

@keyframes hidee2 {
    0% {transform: scale(1) translate3d(0, 0, 0);opacity:1; }   
    60% {transform: scale(0.6) translate3d(0, 0, 0);opacity:0; }   
    100% {transform: scale(0) translate3d(0, 0, 0);
	opacity: 0; }
}

/*
.pop_c {box-shadow:none;}
.pop_bg, .bepop_o_e { border:0; overflow-x:hidden;
	position: fixed;
	inset: 0;
	background: rgba(20, 20, 30, 0);
	backdrop-filter: blur(0px) saturate(100%);
	-webkit-backdrop-filter: blur(0px) saturate(100%);
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	transition: background 0.5s var(--ease-soft), backdrop-filter 0.5s var(--ease-soft), -webkit-backdrop-filter 0.5s var(--ease-soft);
	z-index: 100;
	will-change: background, backdrop-filter;
    
}
.pop_bg.showe, .bepop_o_e.showe {
	background: rgba(20, 20, 30, 0.4);
	backdrop-filter: blur(16px) saturate(180%);
	-webkit-backdrop-filter: blur(16px) saturate(180%);
	pointer-events: auto;
}
.pop_o, .bepop_o_e .page_c { border-radius:20px;
	background: rgba(255, 255, 255, 0.98);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	padding: 0px;
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.22), 0 10px 20px rgba(0, 0, 0, 0.08);
	transform: scale(0) translate3d(0, 0, 0);
	opacity: 0;
	transform-origin: 50% 50%;
	will-change: transform, opacity;
	transition: transform 0.32s var(--ease-ios-in), opacity 0.22s var(--ease-soft);
}
.pop_bg.showe .pop_o, .bepop_o_e.showe .page_c {
	transform: scale(1) translate3d(0, 0, 0);
	opacity: 1;
	transition: transform 0.55s var(--ease-ios-out), opacity 0.25s var(--ease-soft);
}
*/

.bepop_o.showe .bepop_bg {opacity:0;}
#add_booking .bo_scroll {max-height:calc(90vh - 200px);}
#faci_box .bo_scroll {max-height:calc(90vh - 260px);}
#faci_box .bo_scroll.bo_scroll_bdt1 {max-height:calc(90vh - 200px);}
#faci_box.book_t_ed .bo_scroll {max-height:calc(90vh - 230px);}
#book_cart .bo_scroll  {max-height:calc(90vh - 190px);}
#faci_box .bo_scroll.bo_scroll_bdt0 {max-height:calc(90vh - 110px);}
#faci_box .bo_scroll.bo_scroll_rj {max-height:calc(90vh - 130px);}
#add_vi .bo_scroll {max-height:calc(90vh - 240px);}
#new_class_bookings_o .bo_scroll {max-height:calc(90vh - 120px);}
#add_card_o .bo_scroll {max-height:calc(90vh - 190px);}
#add_face_o .bo_scroll {max-height:calc(90vh - 190px);}
#add_ve_o .bo_scroll {max-height:calc(90vh - 220px);}
#add_inte_o .bo_scroll {max-height:calc(90vh - 190px);}
#new_cb_confirm .bo_scroll {max-height:calc(90vh - 180px);}
#class_booking_o .bo_scroll {max-height:calc(90vh - 120px);}
#add_sugg_o .bo_scroll {max-height:calc(90vh - 190px);}
#add_comp_o .bo_scroll {max-height:calc(90vh - 190px);}
#ann_pop .bo_scroll {max-height:calc(90vh - 110px);}
#class_booking_o .bo_scroll {max-height: calc(90vh - 110px); }
#aboutus_box .bo_scroll {max-height: calc(90vh - 110px); }

.ann_f_c img, .ann_pdf_canvas {width: 100% !important;
  height: auto !important;
}
#ann_pop .ann_pop_img {
	width: 300px;
	height: auto;
	border: 1px solid #ccc;
	border-radius: 10px;
	overflow: hidden;
	margin: 5px auto;
}
.ann_f_c {border-radius:50%;}
.ann_pop_img img {width:300px; height:auto; max-width:300px; max-height:none;}
.ann_f_c img {transition:all 0.5s ease-out;}
.ann_r .ann_f_c img.rh {width:auto !important; height:100% !important;}
.ann_r:hover img {transform:scale(1.2) rotate(-10deg);}
.pay_locked_r {display:none;}
.pay_locked_r.show {display:block;}