#app .rate_list_tr td {padding:2px 7px;font-size:10px;}

div a {text-decoration:none; color:#316bff;}
.btn6, .pnav_r, input, textarea, select, .btn, .longbtn, .btn2, .btn1 {
border-radius:0px;
-webkit-border-radius:0px;
}
body, html {margin:0;}
body {height:100%;}

.sinv_use_rounding_w { display:none;
	color: #ff0000;font-weight:normal;
	position: absolute;
	left: 290px;
	top: 8px;
}
.print_nav .btn {border-radius:12px;}
#einv_cn_o .pop_o {top:20%;}
.invoice_line_tips {padding-left:20px;}
.sinv_rmk_oo {width:calc(50% + 60px); vertical-align: top; display:inline-block;}
#app .sinv_items_o .srh_i {padding-left:32px;}
.rev_deduct_sym {background:url('/images/deduct_sym.png') no-repeat center center / 12px auto; width:8px; height:8px;}
.rev_plus_sym {background:url('/images/plus_sym.png') no-repeat center center / 12px auto; width:8px; height:8px;}
.rev_equal_sym {background:url('/images/equal_sym.png') no-repeat center center / 12px auto; width:8px; height:8px;}
#app[page="standard_deposit"] .item_des {padding-left:10px !important;}
#app .omg_lbl .s_info {vertical-align:bottom;}
#inv_pay_o .btn {border-radius:12px;}
#app .invoicing_period_r input {width:100px;}
.inv_einv_btns {display:inline-block; vertical-align: top;}
.sinv_use_rounding {margin-right:10px; width:auto;}
.einv_consolidated {width:15px; height:15px; vertical-align: bottom;}
[page="invoice"] .einv_consolidated {width:28px; height:28px; margin-left:10px; vertical-align: top;}
.aci_invs_count_w {display:inline-block; vertical-align: top;}
.aci_select_all {display:inline-block; vertical-align: top; margin-left:20px;}
#slt_individual_invoices_o .pop_o {width:900px; margin-left:-450px;}
#add_sinv_2_o .slt_invoices_einv {top:2px;}
.aci_invs_count {position: absolute; left: 0; top: 20px; }
#aci_confirm {position:absolute; left:50%; top:50px; width:100px; text-align: center; margin-left:-50px;}
#blackbar_dates_slt option[value=""] {display:none;}
#blackbar_cus_month_slt, #blackbar_cus_year_slt { margin-right:5px;}
#blackbar_cus_month_o, #blackbar_cus_year_o {display:none; white-space: nowrap; padding:12px; border:1px solid #000; background:#fff; position:absolute;  top:30px; z-index:5; }
.dp_m1 {position:absolute; top:5px; width:1px; height:1px; overflow:hidden; opacity:0;}
.blackbar_dates {height:100%;}
.blackbar_dates_lbl {color:#fff; line-height: 33px; height:100%;}
#blackbar_dates_slt {position:absolute; left:0; top:0; width:100%; height:100%;}
.blackbar {margin-bottom:10px; height:33px; }
#blackbar_dates_slt {opacity:0;}
.blackbar {text-align:center; background:#000;}
.aci_tick_tb th {border-bottom:1px solid rgba(0,0,0,0.1);}
.aci_paging {text-align:right; margin-bottom:10px;}
.aci_paging_prev {display:inline-block; vertical-align: top;}
.aci_bottom {padding-top:20px;}
.aci_tick_tb {width:100%; border-collapse: collapse; }
.aci_tick_tb thead, .aci_tick_tb th {
  position: sticky;
  top: 0;
  z-index: 2;
    background:#fff;
    
}
.blackbar_dates {display:inline-block; vertical-align:top;}
.aci_tick_tb th, .aci_tick_tb td {text-align:left;}
.aci_list_c {height:calc(100vh - 250px - 10vh); overflow-y:scroll; overflow-x:hidden;}
.aci_tick_tr:hover td {background:#f1f1f1;}
.add_sinv_c_cov {display:none !important;}
.slt_invoices_einv {position: absolute; left: 0; top: 5px; height: 28px; line-height: 28px; padding: 0 20px 0 40px; width: 100%;box-sizing: border-box;}
.ast_tr.ed .slt_invoices_einv {display:none;}
#inv_qrcode {display:inline-block;}
#inv_qrcode img {width:130px; height:130px;}
.sales_order_no, .sinv_invoice_type, .sinv_deposit_type {margin-right:30px;}
.sinv_invoice_date, .sales_order_no, .sinv_invoice_type, .sinv_deposit_type {display:inline-block; vertical-align: top; margin-bottom:10px;}
#app[page="submit_einv"] .pop_o {width:calc(100% - 20px); transform: translateX(-50%); margin-left:0; max-width:600px;}
#app[page="submit_einv"] .pop_o .bill_to_box {padding:10px;width: 100%;box-sizing: border-box;}
#app[page="submit_einv"] .pop_o .pop_c {padding:10px;}
#app[page="submit_einv"] .pop_o .bill_to_box input, #app[page="submit_einv"] .pop_o .bill_to_box select {font-size:14px;}
#app[page="submit_einv"] .srh_i {background-image:none; padding-left:8px; padding-right:8px;}
#app[page="submit_einv"] .op_close {display:none;}

#einv_status_w {padding-top:20px; position:relative; z-index:6; color:#888;}
.slt_inv_category {margin-right:5px;}
.catv_r {display:inline-block; vertical-align: top; margin-right:10px; margin-bottom:10px;}
.ps_pay_ac {text-align:center;}
#bill_to_o .pop_o {top:5%;}
.edit_cus_ed .sinv_ab_clear {display:none !important;}
.sinv_is_walkin .cus_mem_r {display:none !important;}
.cus_ed_ac {text-align:center; padding:10px 0 0;}
.sinv_srh_edit {display:none;}
.sinv_srh_x {display:none;}
.cus_ed .sinv_srh_edit {display:inline-block;}
.edit_cus_ed .sinv_srh_edit {display:none;}
.cus_ed .sinv_srh_x {display:inline-block;}
.edit_cus_ed .sinv_srh_x {display:none;}
.sinv_srh_save {display:none;}
.sinv_srh_save_x {display:none;}
.edit_cus_ed .sinv_srh_save {display:inline-block;}
.edit_cus_ed .sinv_srh_save_x {display:inline-block;}
.bill_to_o.cus_ed .new_customer_w {display:none !important;}

.sinv_srh_list {position:absolute; left:0; top:30px; min-width:200px; padding:5px; box-shadow:0 5px 10px 0 rgba(0,0,0,0.15); border:1px solid #aaa; background:#fff; z-index:5;}
.sinv_srh_r {padding:5px; cursor:pointer;}


.id_t_2 {line-height:18px;}

#billing_info_einv.submit_ed .es2_e {display:none;}
.es2_ed .einv_btns {display:none;}
.es2_ed .einv_btns_2 {display:block;}
.einv_btns {z-index:6; position:relative;}

.einv_btns_2 {display:none; z-index:6; position:relative;}

.einv_tick, .einv_tick_cn {display:inline-block; vertical-align: bottom; width:14px; height:14px; margin-left:2px;}
[page="invoice"] .einv_tick {width:25px; height:25px; margin-left:10px; vertical-align: middle;}
/*.terminated_inv .einv_tick {display: none ; } */

.recon_sync_now {cursor:pointer;}
.recon_box {white-space:nowrap;}

/*
.smlist_r[t="3"] {display:none !important;}
.smlist_r[t="1"] {height:800px !important;}
*/

.paid_tick_gl {margin-top:0;}

#shortcuts .shortcuts_r_plus_img {width:32px; height:32px; position:absolute; left:50%; top:50%; margin-left:-16px; margin-top:-16px;}
.shortcuts_r_plus {transition:all 0.2s linear; opacity:0; width:100%; height:100%; background:rgba(238,238,238,0); position:absolute; left:0; top:0;}
.shortcuts_r:hover .shortcuts_r_plus {opacity:1;}
.shortcuts_r:hover > img {opacity:0.5;}
.shortcuts_r {display:inline-block; vertical-align:top; width:25%; padding:0px; box-sizing:border-box; position:relative;}
.shortcuts_r img {width:52px; height:auto; transition:all 0.2s linear;}

.recon_sync_now {color:#316bff; margin-left:10px;}
.recon_r {margin-bottom:10px;}
.recon_title {margin-bottom:10px; font-weight:bold;}
.recon_box { display:none; user-select: text;
	position: absolute;
	right: 30px;
	top: 35px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 15px; z-index:5;
}
.s_recon_box {width:20px; height:16px; background:url('/images/recon_alert.png') no-repeat center center / 20px auto; display:inline-block; vertical-align: middle; margin-left:3px;}
.pso {display:none;}
@media print
{
    .pso {display:block;}
    #app .inv_o {box-shadow:none; border:5px solid #000;}
    #app .patr > th {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    [page="fi_report"] #right_c, [page="invoice"] #right_c, [page="invoice_preview"] #right_c, [page="receipt"] #right_c, [page="refunded"] #right_c, [page="pv"] #right_c, [page="creditnote"] #right_c {background:#fff !important;}
    #app[due_t="1"] .page_c {background:#fff !important;}
    
}
.s_change_unit_2 span {font-size:13px;}
.isscr, .isver, .isfar {display:none;}
.in_c_4 > div {width:25%; display:inline-block; vertical-align: top; box-sizing:border-box; padding:4px; }
.in_c_4 > div:nth-child(4n-3) {padding-left:0;}
.in_c_4 > div:nth-child(4n) {padding-right:0;}
.in_c_4 > div > .graybox {margin-bottom:0;}

.reader_type_r {display:none;}

.sm_page_c[lt="1"] .smlist_r[rows="2"] {height:calc((100vh - 240px - 110px) / 1);}
.sm_page_c[lt="2"] .smlist_r[rows="2"] {height:calc((100vh - 240px - 110px) / 2);}
.sm_page_c[lt="3"] .smlist_r[rows="2"] {height:calc((100vh - 240px - 110px) / 3);}
.smlist_r[rows="0"] {height:15px; padding:10px;}
.smlist_r[rows="0"] .notfound {padding:0 !important;}
.tt2_split {border-right:1px solid #000; height:50px; line-height: 50px; width:1px; display:inline-block; vertical-align: top; margin-right:10px; margin-left:5px;}
#add_sinv_o .s_info {margin-left:2px;}
#add_sinv_2_o .s_info {margin-left:2px;}
#add_sinv_3_o .s_info {margin-left:2px;}
.srh_ed .sinv_ab_clear {display:block;}
.sinv_ab_clear {background:url('/images/close_g.png') no-repeat center center / 12px auto; width:40px; height:30px; position:absolute; right:0; top:-2px;display:none;}
.srh_sinv_rs_r {padding:5px; cursor:pointer; box-sizing:border-box; max-width:350px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.srh_sinv_rs_r:hover {background:#eee;}
.srh_sinv_rs_list { overflow:hidden; overflow-y:auto; max-height:200px;
	position: absolute;
	left: 0;
	top: 27px;
	background: #fff;
	padding: 5px;
	border: 1px solid #000;
	z-index: 5;
	box-shadow: 0 5px 12px 0 rgba(0,0,0,0.3);
}
.sinv_tax_o .tax_type {width:140px;}
.ast_tr_slt_tax_t {width:110px; }
.pop_bg .ac .btn {
    margin: 8px 0px;
}
.sinv_tt_bal_ava {display:inline-block; color:#888;}
.sinv_tt_bal_ava span {color:#888;}
.ast2_tb_o th {text-align:right; font-weight:normal;}
.ast2_tb_o input {width:105px;}
.browse_file_x {display:none; margin-left:0px; margin-top:2px; vertical-align: top; width:18px; height:18px; background:url('/images/close_g.png') no-repeat center center / 10px auto;}
.browse_file_nm {display:none; color:#888;
	max-width: 185px;
	vertical-align: top;
	padding-top: 4px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.browse_ed .browse_file_x {display:inline-block;}
.browse_ed .browse_file_nm {display:inline-block;}
.browse_ed .browse_file {display:none;}
.browse_file {margin-left:10px;}
#add_file .pop_o {width:400px; margin-left:-200px; }
.tt_slt_inv {position:absolute; left:0; top:2px; color:#316bff; width:100%; height:30px; line-height: 30px; text-align: center;}
.sinv_total_o {width:calc(50% - 80px); box-sizing:border-box; display:inline-block; margin-left:20px;}
.sinv_tax_o {width:calc(50% + 60px); box-sizing:border-box; display:inline-block;}
.sinv_tax_o td, .sinv_total_o td {padding:2px 5px;}
.tem_tr_lbl {width:calc(100% - 70px); margin-right:3px;}
.save_rev_tem, .tem_tr_lbl {display:none;}
.slt_tem_tr.ed .tem_tr_lbl, .slt_tem_tr.ed .save_rev_tem {display:inline-block;}
.slt_tem_tr.ed .tem_tr_lbl_w, .slt_tem_tr.ed .edit_rev_tem {display:none;}
.ast_tr_ded {margin-right:0px;}
.ast_tr_add, .ast_tr_ded { text-align: center; line-height: 30px; background:#316bff; color:#fff; display:inline-block; vertical-align: top; font-size:18px;}
.ast_tr_add {display:none;}
.ast_tb_o tbody .ast_tr_add {display:inline-block;}
.sinv_items_o, .sinv_tax_o, .sinv_total_o, .sinv_rmk_o {padding:10px; border:1px solid #ccc; margin-bottom:10px;}
.sinv_items_o {margin-bottom:20px;}
.sinv_tax_o {display:inline-block; vertical-align: top; }
.ast_tb_o {padding:0px 0 20px;}
.ast_tb_o .item_udis {padding-left:35px;}
.ast_tb_o .item_des {width:360px;}
#add_sinv_o .ast_tb_o .item_des, #add_sinv_3_o .ast_tb_o .item_des {width:270px;}
.sinv_title {font-size:18px; padding-top:0px; margin-bottom:10px;}
.ast_tb_o {width:100%; }
.full_ed .ast_tb_o {overflow-x:scroll;}
.add_sinv_tofull_o { position:absolute; right:10px; top:10px;}
.add_sinv_tosim {color:#316bff; font-size:18px; display:none;}
.add_sinv_tofull {color:#316bff; font-size:18px;}
.full_ed .add_sinv_tosim {display:block;}
.full_ed .add_sinv_tofull {display:none;}
.sinv_items_o:not(.full_ed) td.for_sim {display:table-cell;}
.sinv_items_o.full_ed td.for_sim {display:none;}
#add_sinv_o .pop_o {width:940px;margin-left:-470px;}
#add_sinv_2_o .pop_o {width:940px;margin-left:-470px;}
#add_sinv_3_o .pop_o {width:940px;margin-left:-470px;}
#edit_invoice_o .pop_o {width:940px;margin-left:-470px;}
.ast_tb_o th {white-space: nowrap; text-align: left; font-weight:normal; padding:2px 3px;}
.ast_tb_o td {padding:2px 3px;}
.ast_tb_o td input {width:100px; }

.for_full {display:none; }
.full_ed th.for_full, .full_ed td.for_full {display:table-cell;}
.full_ed span.for_full, .full_ed input.for_full {display:inline-block;}
.item_udis_t {
    position: absolute;
    /* left: 3px; */
    /* top: 3px; */
    width: 30px;
    border-right: 1px solid #333;
    height: 28px;
    line-height: 28px;
    color: #316bff;
    text-align: center;
}
.item_udis_t_1 {display:none; color:#316bff;}
.item_udis_t_2 {display:none; color:#316bff;}
.item_udis_t[t="1"] .item_udis_t_1 {display:inline-block;}
.item_udis_t[t="2"] .item_udis_t_2 {display:inline-block;}
.s_slt_sales_order {position:absolute; left:0; top:0; padding:7px; width:100%; box-sizing:border-box;}
.sales_order_id_x {background:url('/images/close_g.png') no-repeat center center / 12px auto; width:20px; height:20px; position:absolute; right:0; top:0; display:none;}
.sales_order_id_o {display:inline-block;}
.sales_order_id_o.ed .sales_order_id_x {display:block;}
.new_customer_w {display:none;}
.new_customer_w.show {display:block;}
.srh_i {padding-left:22px; background:url('/images/search.png') no-repeat 8px center / 16px auto;}
.srh_i.intl_ed {background-position:80px center; padding-left:85px;}
.add_sinv_c {display:none;}
.new_customer_w {color:#ff0000; text-align: center;}
.bill_to_box {
    border: 1px solid #ccc;
    padding: 20px;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 500px;
    background-color: #eee;
    border-radius: 12px;
}
.upl_files_img {border:1px solid #ccc;}
.supdoc_o {display:none;}
.di_showhide .showhide {position:relative; display:inline-block; left:0; top:0;}
#edit_cla .pop_o, #add_cla .pop_o {width:400px;margin-left:-200px; }
.headerpop {display:block; text-align: right;}
.stpm_r {padding-left:20px; margin-bottom:20px;}
.stpm_r label {display:block; }
.pop_nav_r {cursor:pointer; display:inline-block; vertical-align: top; height:25px; line-height: 25px; padding:0 25px; border:1px solid #ccc; margin-right:5px;}
.pop_nav_r:hover, .pop_nav_r.ed {border:1px solid #000;}
.pop_page {display:none; padding-top:20px;}
.pop_page.show {display:block;}
#send_email .pop_title {padding:0 30px;}
.rev_sec_g_ded, .rev_sec_g_add {font-size:20px;}
.rev_tem_list {min-height:215px;}
.s_slt_rev_templates {margin-left:10px;}
.rev_tem_tb {width:100%;}
.rev_tem_tb th {text-align:left; font-weight:bold;}
.rev_tem_tb td {border-top:1px solid rgba(0,0,0,0.1);}
.sec_v_select {width:200px; }
.rev_sec_g_ded {display:none;}
.can_ded .rev_sec_g_ded {display:inline-block;}
.rev_sec_nm_v {width:400px; margin-right:5px; vertical-align: middle;}
.rev_sec_r_add {color:#316bff; border:1px solid #000; padding:50px; text-align: center; cursor:pointer;}
.rev_sec_g_r, .rev_sec_nm {margin-bottom:5px;}
.rev_sec_r {margin-bottom:10px; border:1px solid #000; padding:10px;}
.s_pick_date_range {margin-left:10px;}
#nav .last_created_o {padding-bottom:0;}
#cus_dt_o [name="co_tel"] {width:162px;}
.billing_info_prim {display:none;}
.billing_info_o[ent="2"] .billing_info_prim[ent="2"] {display:block;}
.billing_info_o[ent="0"] .billing_info_prim[ent="0"] {display:block;}

.acc_no_tb th {text-align:right; font-weight:normal;}

.enter_bill_to_t {text-align:center; margin-bottom:20px;}
.enter_bill_to_tr th {text-align:right; font-weight:normal; width:29%; vertical-align: top; padding-top:11px;}
.enter_bill_to_tr td input {width:100%;}
.enter_bill_to_r {display:none;}
#bill_to_o[t="1"] .enter_bill_to_r[t="1"] {display:block;}
#bill_to_o[t="2"] .enter_bill_to_r[t="2"] {display:block;}
#bill_to_o[t="3"] .enter_bill_to_r[t="3"] {display:block;}

.billing_info_nav label { margin-right:5px; display:inline-block;}
.billing_info_nav {margin-bottom:10px;}
.billing_info_r {display:none;}
.billing_info_o[t="0"] .billing_info_r[t="0"] {display:block;}
.billing_info_o[t="2"] .billing_info_r[t="2"] {display:block;}
.billing_info_o[t="3"] .billing_info_r[t="3"] {display:block;}
.billing_info_o[t="5"] .billing_info_r[t="5"] {display:block;}

.s_add[tg="reg_tel"] {margin:0 0px;}

.bill_to_t_r {margin-right:10px;}
.bill_to_new_acc_w {font-size:12px; color:#888; padding-top:10px; display:none;}
#bill_to_o[isnew="2"] .bill_to_new_acc_w {display:block;}
.bill_to_tr th {text-align:right; font-weight:normal; width:30%; vertical-align: top; padding-top:11px;}
.bill_to_tr td input {width:100%;}
.bill_to_tr {display:none;}
#bill_to_o[t="1"] .bill_to_tr[t="1"] {display:table-row;}
#bill_to_o[t="2"] .bill_to_tr[t="2"] {display:table-row;}
#bill_to_o[t="3"] .bill_to_tr[t="3"] {display:table-row;}
.bill_to_attention_w {position:absolute; right:15px; top:12px; color:#888;}
.tk_faces_r img[h="2"] {width:auto; height:100%;}
.property_ava_r.pal {display:inline-block; vertical-align: top; width:33.3%; box-sizing:border-box; margin-bottom:5px;}

#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%;}

#app .upl_o_doc, 
#app #co_dt[e="0"] .upl_o_img,
#app #setting_pop[e="0"] .upl_o_doc,
#app #cus_dt_o [pop_e="0"] .upl_o_doc,
#app #dash_account_dt [pop_e="0"] .upl_o_doc
{background:#fff url('/images/view_doc.png') no-repeat center center / 32px 32px;}

#app #setting_pop[e="2"] .upl_o_doc, #app #add_co .upl_o_doc, #app #co_dt[e="2"] .upl_o_doc, #app .ao_o .ao_upl_img.upl_o_doc, #app .editing .upl_o_doc, #app [pop_e="2"] .upl_o_doc {background-image:url('/images/upload_doc.png');}

#app #co_dt[e="0"] .upl_o_img, #app #setting_pop[e="0"] .upl_o_img, #app .upl_o_img, #app #cus_dt_o [pop_e="0"] .upl_o_img, #app #smartcard_dt [pop_e="0"] .upl_o_img, #app #smartface_dt [pop_e="0"] .upl_o_img, #app #smartve_dt [pop_e="0"] .upl_o_img, #app #smartinte_dt [pop_e="0"] .upl_o_img {background:#fff url('/images/view_image.png') no-repeat center center / 32px 32px;}

#app #co_dt[e="2"] .upl_o_img, #app #setting_pop[e="2"] .upl_o_img, #app #setting_pop[e="2"] .upl_o_img, #app #add_project .upl_o_img, #app #co_dt[e="2"] .upl_o_img, #app .ao_upl_img.upl_o_img, #app .editing .upl_o_img, #app [pop_e="2"] .upl_o_img {background-image:url('/images/upload_image.png');}

[cou="0"] .upl_cur_img_o {display:none;}

#smartcard_dt [pop_e="0"] [type="file"], [pop_e="0"] .del_smartcard_f {display:none !important;}
#smartface_dt [pop_e="0"] [type="file"], [pop_e="0"] .del_smartface_f {display:none !important;}
#smartve_dt [pop_e="0"] [type="file"], [pop_e="0"] .del_smartve_f {display:none !important;}
#smartinte_dt [pop_e="0"] [type="file"], [pop_e="0"] .del_smartinte_f {display:none !important;}

.green_chip {background:#4CAF50; color:#fff; border-radius:6px; display:inline-block; vertical-align: top; padding:2px 5px; font-size:11px; line-height: 11px;}
#app #add_smartface .upl_o {background:#fff url('/images/gray_face.png') no-repeat center center / 48px 48px;}

span.in_lbl_des {margin-bottom:5px; display:inline-block; margin-top:-5px;}
.face_history_time {position:absolute; left:5px; top:10px; color:#fff; background:rgba(120,120,120,0.8); padding:2px 5px;  font-size:11px;}
.tk_faces_r .face_history_time {display:none;}
.tk_faces_r.ed .face_history_time {display:block;}
.em_signup, .blue_lbl[tg="reg_tel"], .blue_lbl[tg="reg_nm"] {font-size:13px;}
.booking_chgs_list {color:#ff0000; font-size:11px;}

.last_open_c {height:139px; overflow-y:hidden; transition:height 0.3s ease;}
.full_lo_tm_w {display:none; font-size:11px; color:#6b7280; padding-right:5px;  height:14px; line-height: 14px; position:absolute; right:0; top:0; height:27px; line-height: 27px;}
.lo_tm_w_o:hover .full_lo_tm_w {display:block;}
.lo_tm_w_o:hover .lo_tm_w {display:none;}

.lo_tm_w {font-size:11px; color:#6b7280; display:inline-block; position:relative; padding-right:20px; height:14px; line-height: 14px;}
.lo_tm_w::after {
	content: "🕒";
	position: absolute;
	right: 0;
	font-size: 12px;
	transition: opacity 0.0s ease;
}
.last_open_doc_a {
	color: #2563eb;
	text-decoration: none;
	/*font-weight: 500;*/
	font-size: 12px;
	transition: color 0.3s ease;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 120px;
}
.last_open_doc_a:hover {
    color: #1d4ed8;
}
.last_open_tr td {transition: background-color 0.3s ease, padding 0.3s ease;}
.lo_tb .last_open_tr {transition:background-color 0.3s ease, padding 0.3s ease ;}
.lo_tb .last_open_tr:hover .last_open_doc {padding-left:6px;}
.lo_tb .last_open_tr:hover td {background-color: #f1f5f9;}
.last_open { display:inline-block;
	background-color: white;
	border-radius: 8px;
	padding: 13px; 
	width: 223px;
	box-sizing: border-box;
	transition: transform 0.3s ease;
}
.last_open .side_ti {color:#111827; font-size:12px; font-weight:600; text-align:center; padding:0px; text-decoration:none; margin-bottom:12px;}
#app .sp-container {
	top: -190px !important;
	left: 285px !important;
}
.sp-button-container {padding-top:7px;}
.sp-container button.sp-choose {
	background: #316bff !important;
	color: #fff !important;
	text-shadow: none !important;
	border: 0 !important;
	/*font-family: arial !important;*/
	padding: 4px !important;
	height: 0 10px !important;
	height: 28px !important;
	line-height: 28px !important;
	padding: 0 10px !important;
	box-shadow: none !important;
}
.sp-container .sp-cancel, .sp-container .sp-choose {font-size:12px;}
.sp-container .sp-cancel {color:#999 !important;}
.sp-container .sp-cancel:hover {text-decoration: none;}
.sp-replacer .sp-preview {width:100%; border:0; height:100%;}
.in_r .sp-replacer {padding:0; width:35px; border:1px solid #000; height:35px; box-sizing:border-box; border-radius:50%;}
.in_r .sp-replacer:hover {border:1px solid #000;}
.in_r .sp-replacer.sp-active {border:1px solid #000;}
.in_r .sp-dd {display:none;}
.sp-container {background:#fff !important; border:1px solid #000 !important; box-shadow:0 10px 15px 0 rgba(0,0,0,0.2) !important;}

.booked_by {background:url('/images/clock.png') no-repeat right 3px top 2px  / 12px auto; min-height:16px; display:inline-block; padding-right:20px; word-break:break-all; position:relative;}
.w5r {width:50px; text-align:right;}
.cashbook_amo {color:#4CAF50; position:absolute; right:16px; top:5px;font-size: 13px;/*font-weight: bold;*/}
.current .cashbook_amo {color:#4CAF50;}
.terminated_inv .tr_a {text-decoration: line-through;}
.slt_groupfil {float:right;}
#invnote_o {}
#app .billto_box {padding:10px;}
#app .payctb {width:auto; }
#app .payctb td {vertical-align:top; text-align: left;}
#app .payctb > tbody > tr > td:first-child {width:auto;}
.lm24_o {display:none;}
.email_btn {vertical-align:top;border-radius:12px;}
.pdf_btn, .print_btn, .s_e_receipt, .inv_validate_btn, .view_inv_validate_btn, .cancel_inv_validate_btn {margin-bottom:3px;border-radius:12px;}
/*#app[page="receipt"] .inv_o[t="1"] * {font-family: arial,sans-serif,'Courier New', Courier, monospace;}*/
#app[page="receipt"] .inv_o[t="1"] * {font-family: 'Inter', Roboto, "Segoe UI", "Helvetica Neue", sans-serif;}



.dashed_line {border-top:1px dashed #000; height:5px; margin-top:5px;}
.inv_o[t="1"] {width:330px; padding:10px; }
@media print {
.inv_o[t="1"] { width:auto;}
#app {min-width:0 !important;}
}
#slt_rev_tem_o .pop_o {width:800px; margin-left:-400px;}
#slt_customers .pop_o {width:800px; margin-left:-400px;}
#slt_paper_size {margin-right:0px; padding-left:4px;}

.inv_tb .inv_co_nm {font-weight:bold; font-size:16px; line-height: 22px;}
.slt_ti.slt_ti_bot {height:20px;}
label.pal8 input[type="checkbox"] {margin-top:8px;}
#app .dis_bg {background:#ddd;}
#enter_pin_bg {position:fixed; left:0; top:0; display:none; width:100%; height:100%; z-index:210;}
.ps_cart_apply_dis2, .ps_cart_apply_dis { display:inline-block; vertical-align: top; height:15px;
	border: 1px solid #316bff;
	padding: 2px 4px;
}
#invnote_o ol {padding-left:20px; line-height: normal; list-style-position: outside;}
.ps_cart_apply_dis {display:inline-block;}
.ps_cart_apply_dis, .ps_cart_apply_dis_x {margin-left:5px;}
.ps_cart_apply_dis2_x {display:none;}
.ps_cart_r2.cart_dis_ed2 .ps_cart_apply_dis2, 
.ps_cart_r2.cart_dis_ed .ps_cart_apply_dis, 
.ps_cart_r2.cart_dis_ed2 .ps_cart_apply_dis, 
.ps_cart_r2.cart_dis_ed .ps_cart_apply_dis2, 
.ps_cart_apply_dis_x {display:none;}
.ps_cart_r2.cart_dis_ed .ps_cart_apply_dis_x, .ps_cart_r2.cart_dis_ed2 .ps_cart_apply_dis2_x {display:inline-block;}

.ps_tax_w {color:#fff;}
.ps_hide_tax_w .ps_tax_w {display:none;}
.ps_apply_dis {display:inline-block; margin-right:3px;}
.ps_apply_dis_x {margin-right:3px;}
.ps_memdis_tr.ed .ps_apply_dis, .ps_apply_dis_x {display:none; }
.ps_memdis_tr.ed .ps_apply_dis_x {display:inline-block;}
.giv_dis_form {display:none;}
#giv_dis[t3="1"] .giv_dis_form[t3="1"] {display:block;}
#giv_dis[t3="2"] .giv_dis_form[t3="2"] {display:block;}
.giv_dis_item_name_tr {display:none;}
#giv_dis[t="ps"][t2="a"] .giv_dis_item_name_tr {display:table-row;}
.ncp_r {display:none;}
.ncp_r.show {display:block;}
.srate_mem_list {padding-top:10px;}
.srate_mem_list_c label {display:inline-block; width:160px;}
.wmem_mem_list_c label {display:inline-block; width:150px;}
.wmem_mem_list_c {padding-left:20px;}
.srate_mem_chk_r, .wmem_mem_chk_r {margin:0 10px 10px 0;}
#app .rece_rmk_tb {width:auto;}
#app .rece_rmk_tb td {text-align:left;}
.new_rmk {width:500px; margin:20px; margin-bottom:0; margin-left:60px; height:70px;}
.amo_box .new_rmk {width:595px; margin:20px 0;}
.slt_customers_list {}
.slt_customers_srh {text-align:center; margin-bottom:20px;}
.slt_customers_srh_v {width:350px; background:url('/images/search.png') no-repeat 8px center / 12px auto; padding-left:25px;}
.slt_customers_tel, .slt_customers_em {color:#999;}
.slt_customers_nm {font-size:14px; margin-bottom:3px;}
.slt_customers_nm, .slt_customers_tel, .slt_customers_em, .slt_customers_id {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.slt_customers_r {display:none; vertical-align: top; padding:12px; border:1px solid #ccc; margin-right:10px; margin-bottom:10px;
border-radius:10px; width:165px; cursor:pointer;
}
.slt_customers_r:hover {border-color:#316bff;}
.slt_customers_r.show {display:inline-block;}

.es_o:not(.es_o_ed) .es_s {display:none;}
.es_o_ed .es_e {display:none;}
.es_o:not(.es_o_ed) .es_in {display:none;}
.es_o_ed .es_vw {display:none;}

#nbo_slt_mem_t {display:none;}
#faci_box .bo_info_3 th {width:35%;color:#999;font-size:13px;}
.memsub_td_2 {display:none;}
.memsub_td_3 {display:none;}
.memsub_tr.ed .memsub_td_2 {display:table-cell;}
.memsub_tr.ed .memsub_td_3 {display:table-cell;}
.memsub_o {margin-top:10px;}
.s_check_out {cursor:pointer;}
.upl_o.ed:not([cou="0"]) {background:#fff;}
#app[acct="u"] #cus_dt_o .upl_o {background-image:url('/images/noimage.png');}
#app[acct="u"] #cus_dt_o .upl_x {display:none;}
#add_vi .pop_back {display:none;}
.short_w:not(.short_w_ed) {cursor:default;}
.noti_count_pop {background: #ff0000;color: #fff;position: absolute;padding: 0 5px;border-radius: 9px;height: 17px;line-height: 17px;font-size: 12px;left: 52px;top: 10px;}
#onlinepay_o .pop_o {top:13%;}
#onlinepay_qr img {margin:0 auto; border:1px solid #ccc; margin-bottom:20px; padding:10px;}
#onlinepay_qr_a {text-align:center; margin-bottom:10px;}
.gp_go {display:none;}
.change_tr {display:none;}
form[t="1"] .change_tr {display:table-row;}
.fup_tr {display:none;}
form[t="5"] .fup_tr {display:table-row;}
.payable_tr td, .payable_tr th {border-bottom:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(0,0,0,0.1);}
.amotb_1 {width:100%;}
.amotb_1_o {text-align:right;}
.pt10 {padding-top:10px;}
.amotb_1 th, .amotb_1 td {font-weight:normal; text-align: right; vertical-align: top;}
.amotb_1 td {padding-right:20px;}
.agree_on {margin-top:10px; display:block;}
.anoti_r_to {position:absolute; left:0; top:0; width:100%; height:100%;}
.wbreak {word-break: break-all;}
.tt2_r_sym {display:inline-block; vertical-align:middle; height:50px; line-height: 50px; font-size:18px; margin-right:5px;}
.top_bal {float:right; margin-top:15px;}
.groupfil {display: inline-block; vertical-align: top; margin-left:10px;}
.groupfil_r {display:inline-block; vertical-align: top; padding:0 10px; border:1px solid  #999; height:25px; line-height:25px;  cursor:pointer; }
.groupfil_r.ed {border-color:#000; }
.slt_staff {margin-right:5px;}
#cll {position:absolute; left:0; top:35%; color:#999; }
#clb {position:absolute; left:0; bottom:8px; width:100%; text-align: center; color:#999; font-size:11px;}
#chart {padding:0 0 20px 25px; position:relative;}
#rev_fil_t {margin-right:20px; }
#rev_fil_t2, #rev_fil_t3 { margin-right:5px; width:150px;}
.invtbar_22 #rev_fil_t2, .invtbar_22 #rev_fil_t3 {  width:120px;}
.revlist_o[t="1"] .b4sst_a, 
.revlist_o[t="1"] .sst_a 
{display:none;}
.revlist_o[t="2"] .nonsales_a, 
.revlist_o[t="2"] .sst_a 
{display:none;}
.revlist_o[t="3"] .sales_a, 
.revlist_o[t="3"] .sst_a 
{display:none;}
.revlist_o[t="4"] .sales_a, 
.revlist_o[t="4"] .nonsales_a
{display:none;}
#fil_y_go {padding:3px 5px;}
#fil_y_o, #fil_m_o {display:none;	padding: 12px;	background: #fff;	width: auto;	position: absolute;	left: 120px;	top: 30px;	border: 1px solid #000; white-space:nowrap;}
#fil_y_o select {margin-right:5px;}
#fil_m_o select {margin-right:5px;}
#ui-datepicker-div:is([fil="m"],[fil="y"]) .ui-datepicker-calendar,
#ui-datepicker-div:is([fil="m"],[fil="y"]) .ui-datepicker-current
{display:none;}
#ui-datepicker-div:is([fil="m"],[fil="y"]) .ui-datepicker-month, #ui-datepicker-div:is([fil="m"],[fil="y"]) .ui-datepicker-year {width:80px; margin:0 2px; vertical-align:middle;}
#ui-datepicker-div:is([fil="y"]) .ui-datepicker-month {display:none;}

[name="fil_d"] {opacity:0; width:100px;}
.currency_box th {text-align:right; width:39%; font-weight:normal;}
.amobox_form {text-align:left; width:100%; }
.amobox_pay, .gp_go {}
.amobox_lbl, .amobox [name="ref"], .amobox .slt_pym {margin-bottom:5px;}
.amobox {padding:10px 10px 10px; display:inline-block; vertical-align:top; box-sizing:border-box;}
.amobox_1 {width:33%; min-width:170px; text-align:left; }
.amobox_2 {width:33%; min-width:170px;  text-align:left;}
.amobox_3 {width:33%; min-width:170px;  text-align:left;}
.amobox_3 input {width:100%;}
.amobox_lbl {display:inline-block; vertical-align:top; height:28px; line-height:28px;}
.amobox_3 .upr, .amobox_3 .slt_method_f_nm, .amobox_3 .f_nm_x {height:27px;  line-height:27px;}
.mem_left {display:none; position: absolute;	right: 15px;	top: 11px;}
.mem_expired { display:none;	position: absolute;	right: 15px;	top: 11px;}
[mem_expired="2"] .mem_expired {display:block;}
.ticket_optouted {display:none;}
#add_ticket[optout="2"] .ticket_optouted {display:block; padding-top:5px; text-align:right; padding-right:10px; height:2px;}
#add_ticket[optout="2"] .renew_dis_lm {display:none;}
#add_ticket[t="3"][m="0"] .tk_mem_info, #add_ticket[t="1"][i="0"] .tk_mem_info {display:block;}
#add_ticket[t="3"][m="2"][new_sub="2"] .tk_mem_info {display:block;}

[page="access_devices_face"] .snav, [page="access_devices"] .snav, [page="access_devices_lift"] .snav { }
.intru_ack, .paydone_ack {cursor:pointer;}
.intru_ack, .paydone_ack, .newann_ack {color:#fff; position:absolute; right:10px; bottom:8px; background:#316bff;}
.anoti_r[t="15"] {background:#ed1c24; border-color:#ed1c24; }
.intru_img_hd {width:100%; height:auto;}
.intru_img {width:auto; height:35px;border-radius:8px;}
.ticket_nor_ac_tr {display:none;}
#add_ticket[t="1"] .ticket_nor_ac_tr {display:table-row;}

.add_ticket_dur_tr {display:none;}
.add_ticket_stm_tr {display:none;}
.add_ticket_etm_tr {display:none;}
.add_ticket_tt_tr {display:none;}
#add_ticket:not([t="0"]):not([tk_t=""]) .add_ticket_dur_tr {display:table-row;}
#add_ticket:not([t="0"]):not([tk_t=""]) .add_ticket_stm_tr {display:table-row;}
#add_ticket:not([t="0"]):not([tk_t=""]) .add_ticket_etm_tr {display:table-row;}
#add_ticket:not([t="0"]) .add_ticket_tt_tr {display:table-row;}
#add_ticket[t="2"] .add_ticket_dur_tr {display:none;}
#add_ticket[t="2"] .add_ticket_stm_tr {display:none;}
#add_ticket[t="2"] .add_ticket_etm_tr {display:none;}
#add_ticket[t="2"] .add_ticket_tt_tr {display:none;}

.renew_dis_lm {font-size:11px; margin-left:2px;}
.durt {display:none;}
.durt_c[t="1"] .durt1 {display:inline-block;}
.durt_c[t="2"] .durt2 {display:inline-block;}
.durt_c[t="3"] .durt3 {display:inline-block;}
.ticket_slt_new_dur {display:none;}
.ticket_slt_new_dur.show {display:table-row;}
.new_dur_d_tr {display:none;}
.new_dur_d_tr.show {display:table-row;}
.account_tb .upl_icon {width:100px; height:100px;}
.formems_nm {margin-left:3px; display:inline-block; }
.formems_r {margin-bottom:5px;}
.old_pym {text-decoration:line-through;}
.last_change_pym {color:#999;}
.fqrs {width:100%; height:300px; margin-bottom:20px;}
.qraloc_des {display:none;}
.qraloc_r {margin-right:30px;}
.qraloc_t_o {margin-bottom:25px;}
.carpho_info {text-align:center; margin-bottom:15px;}
.carpho_info .car_color {display:inline-block; vertical-align:top; margin:0 2px;}
.carpho_info .car_nm {display:inline-block; vertical-align:top; margin:0 2px;}
span[tg="reg_nm"][v=""] {display:none !important;}
.shx {overflow:hidden; width:0px; height:0px; opacity:0;}
.add_ao_r {margin-right:10px;}
.ao_r[ent="1"][cus_ed="2"] .top_split_line_2 {display:none;}
.noprop .split_line {display:none;}

.add_prop_dt {display:none;}
.prop_ed .add_prop_dt {display:block;}
.add_prop_btn_c {display:block;}
.prop_ed .add_prop_btn_c {display:none;}
.discount_left {color:#888; text-align:right; margin:5px 0 0px; display:none; font-size:11px;}
.discount_left[v="0"] {color:#ff0000;}
.face_history_lbl {text-align:center; padding:5px;}
.face_history {padding:15px; }
.face_history_r {display:inline-block; vertical-align:top; margin:0 10px 10px 0; border:1px solid #000; position:relative;}
.face_history_r img {width:150px; height:auto;}
.dt_add_tk_face {display:none;}
#edit_ticket[ex="0"]:not([tno=""]) .dt_add_tk_face {display:inline-block;}

.member_tick img, .ticketing_tick img {
    width: 17px;
    height: auto;
    margin: 0px 5px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 5px;
}
.tk_pays_r > span {vertical-align:middle;}
.tk_pays_r.tk_pays_r_fee[v="0"] .tk_pays_r_amo {color:#222 !important;}
.tk_pays_r.tk_pays_r_fee[v="0"] .add_ticket_rec {display:none !important;}
.tk_pays_r_th {display:inline-block; vertical-align:top; width:197px; text-align:right; padding-right:7px;}
.add_ticket_inv, .add_ticket_rec, .pending_ve { margin-left:5px;}
.ticket_tel_go {display:none;}
.srhing .ticket_tel_go {display:block;}
#add_tk_face .tkf_kuang {width:530px;}
#add_tk_face .pop_o {
	width: 590px;
	margin-left:-295px;
	top:6%;
}
#e_receipt_o .pop_o {width:800px; margin-left:-400px;}
[del="2"] .create_ticket {display:none !important;}
.use_face_c {display:none;}
.tkl_faces_img {margin:0 4px 2px 0px; width:15px; height:15px; display:inline-block; vertical-align:top;}
.del_tk_face {display:none; position:absolute; right:5px; top:8px; background:#fff url('/images/upl_x.png') no-repeat center center / 28px auto; width:28px; height:28px; box-shadow:0 2px 4px 0 rgba(0,0,0,0.2); border-radius:50%; }
.tk_faces_r.ed .del_tk_face {display:inline-block;}
.tk_faces_r img {width:100%; height:auto;}
.tk_faces_r {width:150px; height:150px; vertical-align:top; display:inline-block; margin:15px; border:1px solid #000; background:#eee; position:relative; overflow: hidden; text-align: center;}
/* .tkfv, .tk_faces_r img, .face_history_img {	transform: scaleX(-1);	-webkit-transform: scaleX(-1); 	-moz-transform: scaleX(-1); 	-o-transform: scaleX(-1); 	-ms-transform: scaleX(-1); } */
.ticket_face_image_tr {margin-bottom:15px; }
.tkf_kuang img {width:100%; height:auto;}
.ticket_face_img img {width:40px; height:auto;}
.add_ticket_face .resnap {display:none;}
.add_ticket_face.ed .resnap {display:inline-block;}
.add_ticket_face.ed .tkf_snap {display:none;}
.tkfi {position:absolute; left:0; top:0; width:100%; height:auto;}
.add_ticket_face {text-align:center;}
.ticket_face_img { vertical-align:middle; display:inline-block;}
.ticket_face_img_add { vertical-align:middle; display:inline-block;}
.add_ticket_face.nocam {margin-bottom:15px;}
.add_ticket_face.nocam #tkfv2 {display:none;}
.tkfi {display:none;}
#etkfi {padding:50px 0; display:none;}
.add_ticket_face.nocam .tkfi {display:inline-block !important;}
.add_ticket_face.nocam #etkfi {width:200px; height:200px; display:inline-block;}
.tkf_snap, .resnap {display:inline-block; vertical-align:top; margin:10px 0 20px;}
.nocam .tkf_snap, .nocam .resnap {display:none;}
.tkf_kuang_overlay_l {background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; width:0; height:100%;}
.tkf_kuang_overlay_r {background:rgba(0,0,0,0.3); position:absolute; right:0; top:0; width:0; height:100%;}
.tkf_kuang { position:relative; min-height:150px; text-align:center; background:#eee;
	text-align: center;
	width: 150px;
	overflow: hidden;
	margin: 0 auto;
}
.nocam #etkfv2 {display:none;}
.nocam #etkfv {display:block;}
.pending_ve {display:none; font-size:11px;}
#edit_ticket[rec="0"]:not([un="0"]) .tk_pays_r_fee .pending_ve {display:inline-block;}
#edit_ticket[mf_ed="0"]:not([mf_un="0"]) .tk_pays_r_mf .pending_ve {display:inline-block;}
#edit_ticket[md_ed="0"]:not([md_un="0"]) .tk_pays_r_md .pending_ve {display:inline-block;}

.tk_pays_r {margin-bottom:10px;}
.tk_pays_r:last-child {margin-bottom:0px;}
.refresh_tk {background:url('/images/refresh.png') no-repeat center center / 18px auto; width:20px; height:20px; display:none; vertical-align:middle; cursor:pointer;}
.pop_bg[tno=""][rec="0"][ze="0"] .tk_pays_r_fee .refresh_tk {display:inline-block;}
.pop_bg[tno=""][mf_ed="0"] .tk_pays_r_mf .refresh_tk {display:inline-block;}
.pop_bg[tno=""][md_ed="0"] .tk_pays_r_md .refresh_tk {display:inline-block;}
.pop_title0 {display:none;}
.pop_title {text-align:center;}
#edit_ticket[tno=""] .pop_title0 {display:block;}
#edit_ticket[tno=""] .pop_title {display:none;}
.list_tb .ticket_type_nm {color:#222 !important;}
.add_ticket_amo_td, .add_ticket_amo_td span {color:#222;}
[inv="0"] .add_ticket_amo_td, [inv="0"] .add_ticket_amo_td span {color:#222;}
#edit_ticket .ticket_mem_e th {padding-top:12px; vertical-align:top;}
.ticket_mem_pays {margin-top:0px;}
.tk_pays_r img {width:12px; height:12px; vertical-align:middle;}
.ticket_is_mem {display:none; position:absolute; right:15px; top:11px; color:#ff0000;}
.ticket_is_mem[m="2"] {color:#222;}
.add_ticket_pay_th {display:none;}
.add_ticket_paid_th {display:none;}
.pop_bg:not([tno=""]) .add_ticket_paid_th {display:table-cell; padding-top:11px;}
.pop_bg[tno=""] .add_ticket_pay_th {display:table-cell; padding-top:11px;}

.create_ticket {display:none;}
#edit_ticket[tno=""][ze="2"] .create_ticket, #edit_ticket[tno=""]:not([rec="0"]) .create_ticket, #edit_ticket[tno=""]:not([inv="0"]) .create_ticket {display:inline-block;}
.add_ticket_amo {font-size:20px;}
.add_ticket_inv {display:none; color:#999; font-size:11px;}

#add_ticket[t="0"] .ticket_t_tr {display:none;}
#add_ticket[inv="2"] .tk_pays_r_fee .add_ticket_inv {display:inline-block;}
#add_ticket[t="2"] .ticket_t_tr {display:none;}
#edit_ticket[inv="2"][rec="0"] .tk_pays_r_fee .add_ticket_inv {display:inline-block;}
#edit_ticket[un="2"][rec="0"] .tk_pays_r_fee .add_ticket_inv {display:none;} 


#add_ticket[mf_inv="2"] .tk_pays_r_mf .add_ticket_inv {display:inline-block;}
#edit_ticket[mf_inv="2"][mf_ed="0"] .tk_pays_r_mf .add_ticket_inv {display:inline-block;}
#edit_ticket[mf_un="2"][mf_ed="0"] .tk_pays_r_mf .add_ticket_inv {display:none;} 
#edit_ticket[mf_inv="2"][mf_ed="0"] .tk_pays_r_mf .refresh_tk {display:inline-block;}

#add_ticket[md_inv="2"] .tk_pays_r_md .add_ticket_inv {display:inline-block;}
#edit_ticket[md_inv="2"][md_ed="0"] .tk_pays_r_md .add_ticket_inv {display:inline-block;}
#edit_ticket[md_un="2"][md_ed="0"] .tk_pays_r_md .add_ticket_inv {display:none;} 
#edit_ticket[md_inv="2"][md_ed="0"] .tk_pays_r_md .refresh_tk {display:inline-block;}

.add_ticket_rec {display:none; margin-left:10px; background:url('/images/paid.png') no-repeat center center / 15px auto; width:15px; height:15px;}
#add_ticket[rec="2"] .add_ticket_rec {display:inline-block;}
#edit_ticket[rec="2"] .tk_pays_r_fee .add_ticket_rec, #edit_ticket[ze="2"] .tk_pays_r_fee .add_ticket_rec {display:inline-block;}
#add_ticket[mf_ed="2"] .tk_pays_r_mf .add_ticket_rec {display:inline-block;}
#edit_ticket[mf_ed="2"] .tk_pays_r_mf .add_ticket_rec {display:inline-block;}
#add_ticket[md_ed="2"] .tk_pays_r_md .add_ticket_rec {display:inline-block;}
#edit_ticket[md_ed="2"] .tk_pays_r_md .add_ticket_rec {display:inline-block;}

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


.tk_tt_info {display:none;}
.tk_tt_info .graybox {padding:15px 5px;}
#add_ticket:not([t="0"]) .tk_tt_info {display:block;}
#add_ticket[t="2"] .tk_tt_info {display:none;}
#edit_ticket .tk_tt_info {display:block;}

#add_ticket[t="0"] .tk_ticket_info {display:none;}
#add_ticket[t="2"] .tk_ticket_info {display:none;}

.tk_mem_info {display:none;}
#add_ticket[t="3"][m="2"] .tk_mem_info {display:block;}
#edit_ticket[m="2"] .tk_mem_info {display:block;}

.ticket_mem_t {display:none;}
#add_ticket[t="3"][m="2"] .ticket_mem_t {display:table-row;}
#edit_ticket[t="3"][m="2"][m_ed="2"] .ticket_mem_t {display:table-row;}

.ticket_subs {display:none;}
#add_ticket[t="3"][m="0"] .ticket_subs, #add_ticket[t="1"][i="0"] .ticket_subs {display:table-row;}
#add_ticket[t="3"][m="2"][new_sub="2"] .ticket_subs {display:table-row;}
#add_ticket .ticket_subs.fhide {display:none !important;}
#edit_ticket[t="3"][m="2"][m_ed="0"] .ticket_subs {display:table-row;}

.ticket_mem_list_tr {display:none;} /*display:none;*/
#add_ticket[t="2"] .ticket_mem_list_tr {display:table-row;}
#edit_ticket[t="2"] .ticket_mem_list_tr {display:table-row;}
.ticket_cus_id {display:none;}
#add_ticket[t="3"] .ticket_cus_id {display:table-row;}
#edit_ticket[t="3"] .ticket_cus_id {display:table-row;}
.ticket_mem_ac_tr {display:none;}
#add_ticket[t="3"][m="2"] .ticket_mem_ac_tr {display:table-row;}

.ticket_mem_s {display:none;}
#add_ticket[m="0"] .ticket_mem_s.show {display:table-row;}
#add_ticket[m="2"] .ticket_mem_s {display:table-row;}
#add_ticket[t="2"] .ticket_mem_s {display:none;}
#add_ticket[t="2"] .ticket_mem_e {display:none;}
#edit_ticket[t="3"][m="2"][m_ed="0"] .ticket_mem_s {display:table-row;}
#app  #add_ticket[t="0"] .ticket_mem_s {display:none;}
#add_ticket[new_sub_t="0"] .ticket_mem_s, #add_ticket[new_sub_t="0"] .ticket_mem_e {display:none;}
#edit_ticket[t="3"][m="2"] .ticket_mem_s, #edit_ticket[t="3"][m="2"] .ticket_mem_e {display:table-row;}

.ticket_mem_e {display:none;}
#add_ticket[m="0"] .ticket_mem_e.show {display:table-row;}
#add_ticket[m="2"] .ticket_mem_e {display:table-row;}
#edit_ticket[t="3"][m="2"][m_ed="0"] .ticket_mem_e {display:table-row;}
#app #add_ticket[t="0"] .ticket_mem_e {display:none;}
.ticket_cus_nm {display:none;}
#add_ticket[t="3"] .ticket_cus_nm, #add_ticket[t="1"][i="0"] .ticket_cus_nm {display:table-row;}
#edit_ticket[t="3"] .ticket_cus_nm {display:table-row;}
.add_ticket_no_mem_tr {display:none;}
#add_ticket[t="1"] .add_ticket_no_mem_tr {display:table-row;}
#edit_ticket[t="1"] .add_ticket_no_mem_tr {display:table-row;}
.ticket_mem_list { display:none; margin-bottom:10px;} /*display:none;*/
#add_ticket[t="2"] .ticket_mem_list {display:block;}
#edit_ticket[t="2"] .ticket_mem_list {display:block;}
.ticket_mem_list_tb {width:100%;}
.add_ticket_no_mem {display:none;}
#add_ticket[t="1"] .add_ticket_no_mem {display:block;}
#edit_ticket[t="1"] .add_ticket_no_mem {display:block;}
.add_ticket_next {display:none;}
#add_ticket[t="0"] .add_ticket_next {display:block;}
#edit_ticket[t="0"] .add_ticket_next {display:block;}
.add_ticket_go {display:none;}
#add_ticket[ok="2"] .add_ticket_go {display:block;}
#add_ticket.srhing .add_ticket_go {display:none;}
#edit_ticket[ok="2"] .add_ticket_go {display:block;}
.add_ticket_tb [name="type"] {width:100%;}
.add_ticket_tb {width:100%;}
.add_ticket_tb th {width:44%; text-align:right; font-weight:normal; vertical-align:top; padding-top:10px;}
.tk_tt_info .add_ticket_tb th {width:197px;padding:5px 5px 2px;}
.tk_tt_info .add_ticket_tb td {padding:5px 5px 2px;}
.tk_tt_info .add_ticket_pay_th, .tk_tt_info .add_ticket_tt_tr th {padding-top:11px;}
.tk_tt_info .add_ticket_mem_fee_td,
.tk_tt_info .add_ticket_mem_depo_td,
.tk_tt_info .add_ticket_fee_td 
{padding-top:10px;}
#add_ticket_t [name="use_formems"], #edit_ticket_t [name="use_formems"] {display:none;}
#ps_pay_o .pop_o {top:25%;}
.ps_subtotal_tr span, .ps_cart_r td {color:#fff;}
.no_memdis {margin-right:10px;}
.ps_memdis_tr { display:block; padding:0 15px 0 5px; text-align:right;}
#poserva[mem_ed="2"] .ps_memdis_tr {}
.ps_mem_ed_close {position:absolute; right:5px; top:9px; width:20px; height:20px; background:url('/images/close_g.png') no-repeat center center / 12px auto;}
.ps_mem_ed_nm { display:inline-block; vertical-align:top; width:calc(100% - 50px); padding-top:3px; color:#fff; height:18px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.ps_mem_ed_icon {background:url('/images/member_icon_w.png') no-repeat center center / 14px auto; display:inline-block; vertical-align:top; width:20px; height:20px; margin-right:5px;}
.ps_mem_ed {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; display:none; padding:9px; box-sizing:border-box;}
.ps_mem_r_nm {font-size:12px;}
span.ps_mem_r_u_tel {font-size:12px;}
.ps_mem_r_u_pho {position:absolute; left:10px; top:17px;}
.ps_mem_r_u_pho img {width:40px; height:40px; border:0px solid #000; border-radius:50%;}
.ps_mem_r {padding:8px; border-bottom:0.5px solid #ddd; padding-left:60px; position:relative;}
.ps_mem_list {display:none; position:absolute; left:0; top:90px; width:100%; height:calc(100% - 90px); background:#fff; overflow-y:auto;}
.bp_r {display:inline-block; vertical-align:top; margin-right:10px; margin-bottom:10px;}
.ps_cart_tb_o {max-height:calc(100% - 185px); overflow-y:auto;}
.ps_total_v {
	font-size: 24px;
	line-height: normal;
	display: inline-block;
	color: #fff;
}
.ps_groups_count { margin-left:5px; position:absolute; right:10px; top:18px;
background:#ff0000; color:#fff; padding:3px 7px;
border-radius:10px;
-webkit-border-radius:10px;
}
.ps_groups_count[v="0"] {display:none;}
.outimg {width:300px; height:auto;
	border: 1px solid #000;
	padding: 10px;
	margin-bottom: 7px;
	margin-top: 5px;
}
.ps_cart_count {position:absolute; right:5px; top:5px; background:#ff0000; color:#fff; padding:3px 7px;
border-radius:10px;
-webkit-border-radius:10px;
z-index:1;
}
.ps_cart_count[v="0"] {display:none;}
#poserva .clear_srh {display:none; background:#000 url('/images/close_w.png') no-repeat center center / 12px auto; width:20px; height:20px; position:absolute; right:12px; top:10px;}
.ps2_2 {height:calc(100% - 95px); background:#000;}
.ps_total {text-align:center; position:absolute; right:0; bottom:0; width:100%; height:53px; line-height:60px;   background:#d55933;}
.ps_total_sym {margin:0 5px; display:inline-block; color:#fff;}
.ps_calc_r {color:#fff; padding:0 15px; text-align: right;}
.ps_calc_r_lbl {color:#fff; vertical-align: middle;}
.ps_calc_r_v {display: inline-block;  margin-left:10px; height:20px; line-height:20px; min-width:45px; color:#fff; vertical-align: middle;}
 {color:#fff; height:25px; line-height: 25px; min-width:60px; text-align: right;}
.ps_subtotal_tr td {padding-top:15px;}
.ps_subtotal_tr td {padding-bottom:15px;}
.ps_subtotal_tr {padding:15px 15px 0; text-align:right; border-top:1px solid #333;}
.ps_cart_total {text-align:right;}
.ps_cart_r td {padding:10px 5px 5px;}
.ps_cart_r2 td {padding:5px 5px 10px; }
.ps_cart_r td:first-child, .ps_cart_r2 td:first-child {padding-left:10px;}
.ps_cart_r td:last-child, .ps_cart_r2 td:last-child {padding-right:12px;}
.ps_cart_r2 td {border-bottom:1px solid #333; padding-bottom:10px;}
.ps_cart_r2:last-child td {border-bottom:0;}
.ps_cart_add {width:25px; height:20px; line-height:20px; text-align:center; background:#316bff url('/images/add_white.png') no-repeat center center / 12px auto; color:#fff; display:inline-block; vertical-align:top; margin-right:7px;}
.ps_cart_deduct, .no_memdis {width:25px; height:20px; line-height:20px; text-align:center; background:#316bff url('/images/ded_white.png') no-repeat center center / 12px auto; color:#fff; display:inline-block; vertical-align:top;}
.ps_cart_deduct {margin-right:5px;}
.ps_items_code {color:#fff; position:absolute; left:10px; top:10px; white-space:nowrap;}
.ps_items_price {color:#fff; position:absolute; left:0px; bottom:0px; white-space:nowrap; background:#3b3b3b; padding:5px 0; width:100%; text-align:center;}
.ps_cart_qty_v {color:#fff;}
.ps_cart_tb {width:100%; }
.ps1_2_2_1 {display: none;  flex-wrap: wrap; }
.ps1_2_2_2 {display: none;  flex-wrap: wrap; }
.ps1_2_2_1.show {display:flex;}
.ps1_2_2_2.show {display:flex;}
.ps_items_r {display:inline-block; vertical-align:top; width:33.3%; flex: 0 0 calc(33.3% - 1px); height: 100px; align-items: center; justify-content: center; display:flex;  border-right:1px solid #777; border-bottom:1px solid #777; cursor:pointer; font-size:16px; position:relative; background:#3b3b3b; color:#fff; position:relative; text-align:center;}
.ps_items_r:nth-child(3n) {border-right:0;}
.ps_groups_r {padding:20px 40px 20px 20px; border-bottom:1px solid #000; cursor:pointer; font-size:16px; color:#fff; background:#000; border-bottom:1px solid #333; position:relative;}
.ps_groups_r.ed {background:#545455;}
.ps_o {height:100%; border:0px solid #000;}
.ps1_2 {height:100%; background:#fff;}
.ps1_2_1 {display:inline-block; vertical-align:top; width:200px; border-right:0px solid #000; height:100%; box-sizing:border-box; background:#000;}
.ps1_2_2 {display:inline-block; vertical-align:top; width:calc(100% - 200px); height:100%; box-sizing:border-box; overflow-y:auto; background:#3b3b3b;}
#poserva .pop_o {width:1000px; margin-left:-500px;  height:600px;}
#poserva .pop_c { background:#ffea01; padding:20px 0 0px;scrollbar-width:none;overflow: hidden;}
.op0_w {display:none;}
#faci_box[op0="2"] .op0_w {display:block; border:1px solid #ff0000; padding:10px; margin:10px; color:#ff0000;}
.evenmsg_w {display:none;}
#faci_box[evenmsg="2"] .evenmsg_w {display:block; border:1px solid #ff0000; padding:10px; margin:10px; color:#ff0000;}
.etmmsg_w {display:none;}
#faci_box[etmmsg="2"] .etmmsg_w {display:block; border:1px solid #ff0000; padding:10px; margin:10px; color:#ff0000;}
#faci_box[op0="2"] .etmmsg_w, #faci_box[op0="2"] .evenmsg_w {display:none;}

.lm24_o {display:block; border:1px solid #ff0000; padding:10px; margin:10px; color:#ff0000;}

.ps1_2_1_2 {max-height:calc(100% - 44px);  overflow-y:auto; width:100%; scrollbar-width:none;}
.ps1_1 {padding:8px; border-bottom:1px solid #000; background:#000;}
.ps1 {display:inline-block; vertical-align:top; width:calc(100% - 250px); box-sizing:border-box; border-right:1px solid #000;  height:100%;}
.ps2 {display:inline-block; width:250px; box-sizing:border-box; height:100%; position:relative;}
.ps2_1 {border-bottom:1px solid #000; padding:8px; background:#000;}
.ps2_4 {display:none;}
.ps_srh_mem, .ps_srh {background:#000 url('/images/search_white.png') no-repeat 8px center / 16px auto; width:100%; padding-left:28px; border:0; color:#fff; border:1px solid #fff;border-radius:8px;margin:auto;}
.ps_srh_mem {height:27px;border-radius:8px;margin:auto;}
.ps_srh_mem:focus, .ps_srh:focus {border-color:#fff;}
.ps_mem_list {display:none;}
.ps_mem_list_nav {position: absolute;left: 0;top: 45px;width: 100%;height: 48px;background: #fff; padding:10px; box-sizing:border-box; text-align: center;}
.ps_mem_list_nav_r {width:45%; text-align: center; display:inline-block; vertical-align: top; border:1px solid #ccc; height:25px; line-height: 25px; }
.ps_mem_list_nav_r.ed {border-color:#000;}
.ps_mem_list_nav_r[t="1"] {margin-right:10px;}
.ps_mem_r_u_nm {font-size:14px; font-weight:bold; margin-bottom:3px; display:block;}
.slt_booking_date_w_r, .slt_cus_date_w_r {position:absolute; left:50%; top:0; width:140px; margin-left:-70px; color:#fff; cursor:pointer;}
.slt_booking_date_w_v, .slt_cus_date_w_v {color:#fff; height:35px; line-height:35px;}
/*#slt_booking_date, #slt_cus_date {position:absolute; left:50%; top:0; width:100px; background:none; margin-left:-50px; color:#fff; border:0;   height:33px; text-align:center; opacity:0;}*/
#slt_booking_date, #slt_cus_date {background:none; color:#fff; border:0;  text-align:center; opacity:0; padding-left:0px;}


#slt_cus_date, .slt_cus_date_w_r {width:256px; margin-left:-128px; position:absolute; left:50%; top:0; }
#slt_booking_date option, #slt_cus_date option {background:#fff; color:#000;}
form[t="10"] .slt_cus_date_w_r, form[t="10"] #slt_cus_date {width:300px; margin-left:-150px;}
.fho {overflow:hidden; width:1px; height:1px; position:absolute;}
#right_c .account_dt_status_de span {color:#ff0000; font-size:12px;}
.upl_r0_o {text-align:center;}
.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:0; top:0;}
#add_inci .upl_icon {width:100px; height:100px;}
#inci_dt .dl_pdf {
	padding: 30px;
	border: 1px solid #000;
	display: block;
}
.cc_lbl {color:#ff0000; font-size:11px;}
.in_r_pg2 {display:none;}
#carpho .pop_c {padding-top:50px;}
#carpho .pop_o, #intru_pho .pop_o {margin-left:0; width:calc(100vw - 500px); left:290px; max-width:1300px;}
#carpho .pop_c img {width:100%; height:auto;border-radius:8px; }
.parking_card_box {display:none;}

.link_r {margin-bottom:10px;}
.link_parking, .link_carno {margin-top:5px;}
.link_parking {width:320px;}
.link_carno {width:200px;}
#add_smartve .ao, #add_smartcard .ao, #add_smartface .ao, #add_smartinte .ao {display:none !important;}
.aloc_both_nm {display:block; padding-top:2px;}
.aloc_both_r {padding-left:22px; position:relative; display:inline-block;}
.aloc_both_r input {position:absolute; left:0; top:0;}
#add_inci .upl_list {position:absolute; left:1px; top:1px;}
#add_inci .upl_r0 {position:relative; display:inline-block; vertical-align:top;}
.upl_inci_r {width:20%;}

.se_status[t="6"] {color:#ff0000;}
.smlist_r {height:calc((100vh - 290px - 102px) / 3); overflow-y:scroll; position:relative; overflow-x:hidden;}
.smlist_r table {width:100%;}
.smlist_r tbody td {border-bottom:0px solid #ccc;}
.smlist_r tbody tr:last-child td {border-bottom:0;}
.smlist_r {margin-bottom:24px; border:0px solid #ccc; padding:12px; border-radius:8px;background-color: #f8f8f8;}
.scrolled thead {position:absolute; left:0px; top:0; width:100%; background:#F7F7FF;padding-left:12px;}
.scrolled thead th {height:40px;}
.notfound_line {border:1px solid #ccc; padding:50px;}
.live_red {display:inline-block; vertical-align:top; padding:0 20px; background:#ff0000; color:#fff; padding:3px 7px;
border-radius:5px; margin-left:5px; vertical-align:middle;
}
.csp_del {display:none; background:url('/images/close.png') no-repeat center center / 8px auto; width:15px; height:15px; vertical-align:middle; margin-left:5px;}
.csp_fnm {display:none;}
.csp_upl_o[e="2"] .csp_del, .csp_upl_o[e="2"] .csp_fnm {display:inline-block;}
.csp_upl_o[e="2"] .csp_upl {display:none;}
.cancel_msg span {color:#ff0000;}
.csatb th {text-align:right; font-weight:normal;}
.csaap {width:100%; height:200px;}
.aoc_img {width:50px; height:auto;}
.anoti_close {background:url('/images/close.png') no-repeat center center / 12px auto; width:20px; height:20px; position:absolute; right:5px; top:5px;}
.vi_stg_r {display:inline-block; vertical-align:top; margin:0 20px 20px 0;}
.blinebox {border:1px solid #000; padding:20px; margin-bottom:20px;}
.in_r_cp_req, .in_r_fa_req {display:none;}
.bwlist_w {	position: absolute;	right: 30px;	top: 20px;	padding: 7px;}
.iti .bwlist_w {top:0;}
.bwlist_w[t="1"] {color:#ff0000;}
.bwlist_w[t="2"] {color:#316bff;}
#del_booking_o .pop_o {width:400px; margin-left:-200px; top:15%;}
#reject_fa_o .pop_o {width:400px; margin-left:-200px; top:15%;}
#cancel_vi_o .pop_o {width:400px; margin-left:-200px; top:15%;}
#reject_vi_o .pop_o {width:400px; margin-left:-200px; top:15%;}
#add_wlist .pop_o {width:400px; margin-left:-200px; top:15%;}
#add_blist .pop_o {width:400px; margin-left:-200px; top:15%;}
#reason_o .pop_o {width:400px; margin-left:-200px; top:20%;}
#reason_o [name="rea"] {width:100%;}
#shortcuts {font-size:0; padding:8px;}
.shortcuts_r {display:inline-block; vertical-align:top; width:25%; padding:0px; box-sizing:border-box;}
.shortcuts_r img {width:46px; height:auto;}
.top_slt_co {z-index:6;}
.top_slt_pro, .top_slt_co {border:1px solid rgba(0,0,0,0.1); background:#fff; position:fixed; left:250px; top:-50px; overflow:hidden; display:none;
box-shadow:-10px 10px 15px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:-10px 10px 15px 0 rgba(0,0,0,0.2);
border-radius:10px;
-webkit-border-radius:10px;
}
.top_slt_pro_r, .top_slt_co_r {padding:15px; border-bottom:1px solid #eee; background:url('/images/arw_right.png') no-repeat 97% 16px / 12px auto; padding-right:30px; cursor:pointer; display:none;}
.top_slt_pro_r.ed, .top_slt_co_r.ed {font-weight:bold;}
[page="visitors"] .top_slt_date {width:165px; text-align:left;}
.in_r label.dis {color:#999;}
.stg_page_c .in_r {margin-bottom:20px;}
.autopw_c {padding:5px; padding-left:20px;}
.fva_rr {margin-bottom:8px; display:inline-block;}
.fva_r {margin-bottom:15px;}
.snav2 {margin-bottom:15px;}
.snav2_r, .fil_r a {padding:0px 10px; display:inline-block; vertical-align:top; border:1px solid #ccc; color:000; height:25px; line-height:25px;}
.snav2_r.ed, .fil_r.ed a {border:1px solid #000; font-weight:bold;}
.fil_c .fil_r {margin-right:5px;}
.footer_terms span {color:#fff; margin:0 2px;}
.nrp_c, .rp_c {display:none;}
.nrp_c.show, .rp_c.show {display:block;}
[t2="1"] .rp_c {display:block;}
.spoc {display:none;}
.account_nav_v .in_lbl {font-weight:bold;}
.amo_box #pay_bar {display:inline-block; vertical-align:top;}
[for="add_ad_1"], [for="add_ad_2"], [for="e_ad_1"], [for="e_ad_2"] {display:block; margin-bottom:5px;}
.use_cloud_c {display:none;}
.use_local_c {display:none;}
.use_local_c.show, .use_cloud_c.show {display:block;}
.lighting_rec_tb {width:100%;}

.lighting_rec_tb td {border-bottom:1px solid #ccc;}
.acc_ed .s_slt_account_12, 
.acc_ed .s_slt_account_11, 
.acc_ed .s_slt_account_5, 
.acc_ed .s_slt_account_7, 
.acc_ed .s_slt_account_8, 
.acc_ed .s_slt_account, 
.acc_ed_2 .s_slt_account, 
.acc_ed_2 .s_slt_account_3, 
.acc_ed_2 .s_slt_account_4,
.acc_ed_2 .s_slt_account_12, 
.acc_ed_2 .s_slt_account_11, 
.acc_ed_2 .s_slt_account_5,
.acc_ed_2 .s_slt_account_7,
.acc_ed_2 .s_slt_account_8
{display:none;}
#faci_box .fb_cus_account_r {display:none; margin-bottom:0; padding-bottom:0;}
#faci_box[reg_s="2"][create="0"] .fb_cus_account_r {display:block;}
#faci_box[force_new="2"] .reg_s_w[t="force_new"] {display:block;}
.srh_cus_ava {display:none;}
.receipt_logo {width:80px; height:80px; position:absolute; left:33px; top:33px;}


/*#book_cart .pop_o, #faci_box .pop_o {width:844px; margin-left:-422px;}*/
@media (min-width: 768px) {
  #book_cart .pop_o,
  #faci_box .pop_o {
    width: 844px;
    margin-left: -422px;
  }
}

@media (max-width: 767px) {
  #book_cart .pop_o,
  #faci_box .pop_o {
    width: 340px;
    margin-left: -170px;
  }
}



#add_ticket .pop_o, #edit_ticket .pop_o {width:520px; margin-left:-260px;}
.reg_s_w {box-sizing:border-box;}
[create="3"] .reg_s_cre {display:block;}
.bo_info_4 .xin_go {bottom:auto; top:0; right:0; height:27px;}
.bo_info_4 .xin_c {display:inline-block;}
.dlr_door_no {display:inline-block; vertical-align:top; border:1px solid #000; padding:10px 12px; color:#000;}

.pop_bg .to_add_account {margin-left:25px;}
.srh_cus.ao_cus, .pu_srh_cus {width:calc(100% - 100px);}
.srh_cus_go, .pu_srh_cus_go {margin-left:5px;}
#app .pick_a_day {width:90px;}
#app .tole_mins {width:60px; margin-top:4px;}
.pick_a_date_x {background:url('/images/close_g.png') no-repeat center center / 8px auto; width:20px; height:20px; display:none;  vertical-align: middle; margin-left:5px;
}
.pick_a_date_x.show {display:inline-block;}
#app .win_r .hdp {width:1px; height:1px; overflow:hidden; display:inline-block;}
#app .win_r .dp {
	width: 120px;
	margin-left: 10px;
}
.nortb td {vertical-align:top;}
#s_booking_calendar {margin-left:4px;}
.pay_u_tel, .pay_u_em, .tk_u_tel, .book_u_tel, .book_u_tel2, .book_u_em {font-size:13px; color:#999; white-space:nowrap;}
.p_cat_r {display:inline-block; vertical-align:top; margin-right:10px;}
.ao_upl_img {position:relative;border-radius:12px;}
#upl_parkg .ao_upl_img {width:100%; height:auto; min-height:100px;}
#upl_parkg[cou="1"] .upl_cur_img_o {
	width: 100%;
	left: 0;
	margin: 0;
	position: static;
}
#upl_parkg[cou="1"] .ao_upl_img {display:none;}
.can_change {margin-left:10px;}
span.indi_notis {margin-left:12px;}
.botbar_r {display:inline-block; vertical-align:top; margin:0 10px;}
.pop_c .slt_card_parking_c {display:none;}
.pop_c .slt_card_parking_c.show {display:inline-block;}
#srh_account_dd {position:absolute; left:30px; top:30px; z-index:5;}
#dash_account_dt[u_t="u"] .form_go, #dash_account_dt[u_t="u"] .del_owner, #dash_account_dt[u_t="u"] .reset_u_pw, #dash_account_dt[u_t="u"] .upl_x {display:none;}
/*#dash_account_dt[u_t="u"] .upl_o {background:#fff;} */
.list_tb .booking_tr td {vertical-align:top;}
.lbox_nav {color:#888;}
#forgot_go {margin-bottom:20px;}
#signup_go {margin-bottom:20px;}

#srh_account_dd {background:#fff; border:1px solid #ccc; width:255px; max-height:450px; overflow-y:auto;
box-shadow: 0 15px 15px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 15px 15px 0 rgba(0,0,0,0.2);
}
.slt_srh_u_r {padding:10px 15px; border-bottom:1px solid #eee; cursor:pointer;}
.slt_srh_u_r:hover {background:#eee;}
.lbox_nav {
    text-align: center;
    padding-top: 12px;
}
#login_go {margin-bottom:10px;border-radius:12px;}
#guest_go {margin-bottom:10px;}
#srh_account_slt {width:250px; }

.live {display:inline-block; vertical-align:top; padding:3px 5px; background:#ff0000; color:#fff; font-size:16px;
border-radius:5px;
-webkit-border-radius:5px;
}
.srate_cond {margin-bottom:15px;}
.srate_cond_btns {padding-top:5px;}
.srate_amo {margin-bottom:5px;}
.dash_right {width:50%; display:inline-block; vertical-align:top;}
.slting_booking .acc_active_c {display:none;}
.slt_ch_c {display:none;}
#add_iot .pop_o, #edit_iot .pop_o {width:500px; margin-left:-250px;}
.in_r_70 {width:70%; display:inline-block; vertical-align:top;}
.in_r_70_2 {width:calc(30% - 10px); margin-left:10px; display:inline-block; vertical-align:top;}
.sltacc_box {border:1px solid #000; padding:13px; min-height:80px;}
.sltacc_box th {text-align:right; width:50%;}
.sltacc_box table {width:100%;}
.sltacc_r {width:33.3%; display:inline-block; vertical-align:top; padding:10px; box-sizing:border-box;}
.sltacc_r_1 {width:30%;}
.sltacc_r_2 {width:30%;}
.sltacc_r_3 {width:40%;}
.sltacc_r_3 .sltacc_box th {width:140px;}
.sltacc_c {font-size:0;}
img, 
input,
textarea,
button,
select,
a {
tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#slt_d_f {background:none; color:#fff; border:0; height:33px; line-height:33px; text-align-last:center; width:100%; position:relative; z-index:5; opacity:0;
text-align: center;
text-align-last: center;
}
.srh_slt .to_add_account {background:#316bff url('/images/add.png') no-repeat 7px center / 16px auto; padding-left:28px !important;}
#slt_d_f option {background:#fff; color:#000; text-align-last:center; width:200px;}
#clear_account {margin-right:4px;}
.ct_des {color:#999; padding-left:25px;}
#cus_dt_o .upl_list img, #account_dt_o .upl_list img {width:100%; height:auto;}
#add_ann .upl_list {padding-top:10px;}
.page_des {margin-bottom:15px;}
.aloc_list .in_lbl {margin-bottom:2px;}
.aloc_c {margin-bottom:10px;}
.acc_active_c {text-align:left; padding:0 10px 10px 0; margin-bottom:10px; margin-bottom:10px; }
.acc_active_r {display:inline-block; vertical-align:top; margin:0 4px 0 0; border:1px solid #ccc; padding:0px 20px; cursor:pointer; height:25px; line-height:25px;}
.acc_active_r.ed {border:1px solid #000; }
div.sltall {padding:20px;}
.mtb50 {width:100%;}
.mtb50 th {width:50%; text-align:right;}
.mtb50 th, .mtb50 td {padding:8px;}
div.topnav_to_2 {display:none; position:absolute; right:100%; width:200px; box-sizing:border-box; background:#fff; top:0; border:1px solid rgba(0,0,0,0.1); padding:5px 10px;
box-shadow:-10px 10px 15px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:-10px 10px 15px 0 rgba(0,0,0,0.2);
}
div.topnav_to_3 {display:none; position:absolute; right:calc(100% + 200px); box-sizing:border-box; top:0; box-sizing:border-box; width:250px; background:#fff; top:0; border:1px solid rgba(0,0,0,0.1); padding:5px 10px;
box-shadow:-10px 10px 15px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:-10px 10px 15px 0 rgba(0,0,0,0.2);
}
.topnav_to_3 .notfound {display:none;}
.noprop.topnav_to_3 .notfound {display:block; padding:10px;}
.topnav_to_3_r, .topnav_to_2_r {text-align:right; padding:12px 25px 12px 10px;  margin-bottom:0px;}
.topnav_to_2_r:hover {background:#000 url('/images/arw_right_white.png') no-repeat 97% 14px / 12px auto;  color:#fff;}
.topnav_to_3_r:hover {background:#000; color:#fff;}
[aco="0"] .topnav_to_3_r.ed, [aco="0"] .topnav_to_2_r.ed {font-weight:bold;}
div .topnav_to {background:url('/images/arw_right.png') no-repeat 200px center / 12px auto; padding-right:25px;}
.cus_dt_left {width:500px; display:inline-block; vertical-align:top; box-sizing:border-box;}
.cus_dt_right {width:auto; display:inline-block; vertical-align:top;  box-sizing:border-box; margin-left:20px;}
/*.cus_dt_box {border:1px solid #ccc; margin-bottom:20px; padding:15px;}*/
.cus_dt_box {
    border: 1px solid #eee;
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 12px;
    background-color: #f8f8f8;
}

#cus_dt_c[ent="0"] .cus_dt_left .cus_dt_box .tb_tar th {width:175px;}
#cus_dt_c[ent="2"] .cus_dt_left .cus_dt_box .tb_tar th {width:235px;}
#cus_dt_c[ent="2"] .cus_dt_left {width:450px;}
#cus_dt_c[ent="0"] .cus_dt_left {width:435px;}
#cus_dt_c[ent="0"] .cus_dt_left .cus_dt_box_pw .tb_tar th {width:50%;}
.cus_dt_right .cus_dt_box th {white-space: nowrap; width:160px;}
[h_unit_t="5"] .slt_ti_r_0 {display:none;}
[h_unit_t="1"] .slt_ti_r_0 {display:none;}
[h_unit_t="2"] .slt_ti_r_0 {display:none;}
[h_unit_t="1"] .slt_c_0 {display:none;}
[h_unit_t="2"] .slt_c_0 {display:none;}
[h_unit_t="5"] .slt_c_0 {display:none;}

.nbo_for_select {display:none;}

#slt_unit3[h_unit_t="1"] .slt_c, #slt_unit3[h_unit_t="2"] .slt_c, #slt_unit3[h_unit_t="1"] .slt_ti_r, #slt_unit3[h_unit_t="2"] .slt_ti_r {width:25%;}
#show_slt_acc {text-align:right;}
.upl_img {width:100%; height:auto;}
.in_r_t {display:none; font-size:0;}
.in_r_t.show {display:block;}
.oupl_o {padding:20px 0; font-size:0;}
.oupl .in_lbl {padding-top:5px; margin-bottom:5px; text-align:center;}
[e="0"] .upl_list {z-index:5; height:100%; min-height:100px;}
[e="0"] .upl_parkg_list {z-index:5; height:100%; min-height:100px;}
[e="2"] .upl_c {z-index:5;}
#app [e="0"] .upl_x {display:none;}
#app #newco {color:#316bff; display:inline-block; vertical-align:middle; padding:0;}

.out_list_c[k="1"] .out_list_cc {display:none; background-color: white;}
.out_list_c[k="1"].show .out_list_cc {display:block;}
.out_list_c[k="2"] .out_list_cc {display:none;}
.out_list_c[k="2"].show .out_list_cc {display:block;}
.out_list .showhide {	position: absolute;	right: 160px;	top: 5px;}
.out_list .showhide:not(.ed) {right:35px;}
#sync_date { cursor:pointer; padding:5px;}
[name="parkgw"] {width:100%; height:150px;}
#qr_o {z-index:211;}
.bpop2_bg {z-index:210;}
.ad_dt {display:none; font-size:0;}

.di_btn {display:inline-block; vertical-align:top; margin:0 5px;}
.okfound {display:none; width:20px; height:20px; vertical-align:middle;}
.found2 .okfound {display:inline-block; background:url('/images/tick3.png') no-repeat center center / 16px auto;}
.found0 .okfound {display:inline-block; background:url('/images/delete.png') no-repeat center center / 16px auto;}

.win_r {margin-bottom:5px;}
.sr_tm_v {min-width:100px;}
.cusdash_unit, .s_cusdash_unit {font-size:25px; cursor:pointer; }
.cusdash_unit {margin-right:15px;}
.u_pop_r2 {text-align:right; color:#000; margin-bottom:5px; display:block;}
.aloc_r {display:inline-block; vertical-align:top; margin:2px 5px;}
.pop_o .read_unit {font-size:14px;}
.mireq {padding:5px; text-align:center; border-bottom:1px solid rgba(0,0,0,0.05); padding-bottom:15px;}
.mireq .des {margin-bottom:5px;}
.mireq .btn {margin:0 5px;}
.upl_manualpay {display:none;}
.content_c {position:relative;}
.content_c[use="0"] {opacity:0.2; cursor:default;}
.content_c[use="0"]::after {content:""; position:absolute; left:0; top:0; z-index:5; width:100%; height:100%;}
.billuse_o {position:absolute; right:0; top:0;}
.water_usage_c {margin-bottom:15px;}
#dash_account_dt {border:1px solid #ddd; padding:20px;}
.dash_r_dt_tb {display:none; }
.dash_r_dt.show .dash_r_dt_tb {display:table; width:100%;}
.dash_r_dt_tb td {padding: 3px 5px;}
.dash_r_dt_tb td:first-child {padding-left:10px;}
.s_dash_arw {display:inline-block; vertical-align:middle; background:url('/images/arw_bottom.png') no-repeat center center / 12px auto; width:20px; height:20px; display:none;
transition:all 0.2s linear;
-webkit-transition:all 0.2s linear;
}
.dash_r_dt {display:none;}
.dash_r[cou="0"] .s_dash_arw {display:none;}
.s_dash_arw.ed {
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
}
.pop_tb_c {text-align:center;}
.bath_t_r {display:block; margin-bottom:5px; }
.eg {padding-top:5px; display:block;}
.use_ths {color:#316bff; cursor:pointer;}
.use_ths:hover {opacity:0.5;}
.boxes_days {font-size:12px; white-space:nowrap; margin-bottom:2px;}
.boxes_amo {font-size:12px; white-space:nowrap; overflow:hidden;}
.boxes_r:first-child {padding-left:0;}
.boxes_r:last-child {padding-right:0;}
.bepop .boxes {display:none;}
.boxes {font-size:0;}
.boxes_r {width:14.28%; padding:5px; box-sizing:border-box; display:inline-block;}
.boxes_r[t="12"] {width:8.33%; padding:5px 2px; }
.boxes_rr {border:1px solid #000; padding:10px;}
.boxes_r[t="12"] .boxes_rr {padding:10px 5px;}
.empty {color:#888; text-align:center; padding:50px; display:none;}
.out_list_c[edc="0"] .empty {display:block;}
.rent_rates_r {margin-bottom:5px;}

div input.cus_dt_nm_v {width:200px;}
.top_park_ti, .top_unit_ti {display:none;}
.top_park_ti.show, .top_unit_ti.show {display:block;}
.info_ti, .in_lbl2 {font-weight:bold; font-size:14px; margin-bottom:15px;}
.in_lbl2 {margin-bottom:10px;}
.oinfo_tb {}
.oinfo td, .oinfo th { text-align:left; }
.oinfo {display:none;}
.oinfo .in_r {padding-bottom:0;}
.in_r label {color:#222;}

.upl_lbl {padding-top:5px;}
.upl_tb td {padding:30px 10px;}

.avg_a {display:none;}
.account_nav_v {display:none;}
.account_right th { vertical-align:top;}
.slt_account_4_r.ed {background:url('/images/tick.png') no-repeat 20px center / 22px auto;}

.aodc_r, .aoc_r {display:block; margin-bottom:5px; height:28px;}
.aodc_r label, .aoc_r label {padding-top:3px; display:inline-block;}
.end_d {padding:6px; display:inline-block;}
.rrb_c[cou="1"] .rrb_r:first-child .ded_rrb_r {display:none;}
.rrb_c:not([cou="1"]) .ded_rrb_r {display:inline-block;}
.rrb_c .rrb_r:first-child .ded_rrb_r {display:none;}
.rrb_r {border:1px solid rgba(0,0,0,0.1); background:#f8f8f8; padding:15px; margin-bottom:10px;}

.nl_r {padding-left:25px; margin-bottom:10px; position:relative;}
.nl_r [type="checkbox"] {position:absolute; left:0; top:0;}
.nl_o .in_r {color:#222;}
.pop_des {padding-top:0px; color:#999;}
.pop_des2 {padding-top:0px;}
.account_right {min-height:300px; border:1px solid #eee; box-sizing:border-box;background-color: #f8f8f8;}
.account_nav {padding:10px; display:block;}
.account_nav.ed {border:1px solid #eee; border-right:0; background-color:#f8f8f8; position:relative; left:1px;}
.account_left {display:inline-block; vertical-align:top; width:30%; }
.account_right {display:inline-block; vertical-align:top; width:70%; padding:15px; box-sizing:border-box;}
/*.cologo_upl_f, .account_upl_f, .account_upl_ic, .account_upl_ic_back {display:inline-block; vertical-align:top; width:100px; height:100px; background:url('/images/upload_g.png') no-repeat center center / 24px auto;}*/
.account_dt_tb {width:100%; margin-bottom:10px;}
.account_dt_tb td {width:50%;}
.account_dt_tb th {width:50%; text-align:right;}
.aodc_amo, .aoc_amo {margin-left:5px; display:none;}
div .in_r_box {border:1px solid rgba(0,0,0,0.1); padding:10px; margin-bottom:15px;}
.in_r_box2 {border:1px solid rgba(0,0,0,0.1); background:#f8f8f8; padding:10px; margin-bottom:10px; font-size:0; box-sizing:border-box; text-align:center;}
.aoc_r {margin-bottom:5px;}
/*div .graybox {border:1px solid rgba(0,0,0,0.1); background:#f8f8f8; padding:10px; margin-bottom:10px;}*/
div .graybox {
    border: 1px solid #ddd;
    background: #f8f8f8;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 12px;
}
div.graybox20 {padding:20px;}

.cus_acc_r {border-bottom:1px solid #ccc; padding:15px 0;}
.cus_acc_r:last-child {border-bottom:0; padding-bottom:0;}
.cus_acc_r:first-child { padding-top:0;}
.cus_acc_r table {width:100%;}
.cus_acc_r td {white-space: nowrap;}
.pop_title span.cus_dt_nm {font-size:20px; margin-bottom:10px;}
.cus_nm {text-align:center; font-size:22px; padding:0 20px;}
.cus_id {font-size:12px; text-align:center;}
.pop_c h2 {text-align:center;}
div .in_r_sd {position:relative; text-align:center; padding:0px; display:inline-block;}
div .in_r_sd .in_lbl {text-align:center; padding-top:5px;}
.subacc_chgs_list table {width:100%; border-collapse:collapse;}
.subacc_chgs_list td, .subacc_chgs_list th {padding:5px; border:1px solid #eee;}
.pop_bg .lea_in_r {display:none;}
.pop_bg .pur_in_r {display:none;}
.pop_bg .pic_in_r {display:none;}
.pop_bg .user_in_r {display:none;}
.pop_bg .busi_in_r {display:none;}
.pop_bg[t="2"] .lea_in_r {display:inline-block;}
.pop_bg[t="1"] .pur_in_r {display:inline-block;border-radius:12px;}
.pop_bg[t="2"] .pop_title.lea_in_r {display:block;}
.pop_bg[t="1"] .pop_title.pur_in_r {display:block;}
.pop_bg[t="3"] .busi_in_r.auto_r, .pop_bg[t="3"] .in_lbl.busi_in_r {display:block;}
.pop_bg[t="2"] .lea_in_r.auto_r, .pop_bg[t="2"] .in_lbl.lea_in_r {display:block;}
.pop_bg[t="1"] .pur_in_r.auto_r, .pop_bg[t="1"] .in_lbl.pur_in_r {display:block;}
.pop_bg[t="4"] [ent="1"] .pur_in_r.auto_r, .pop_bg[t="4"] [ent="1"] .in_lbl.pur_in_r {display:block;}
.pop_bg[t="3"] .in_lbl.user_in_r  {display:block;}
#add_account[t="2"] .aodc_r.lea_in_r, #add_account[t="1"] .aodc_r.pur_in_r {display:block;}
#add_account[t2="2"] .p_usage, #add_proposal[t2="2"] .p_usage {display:none;} 
#app .pop_bg[t2="2"] .auto_r_7 {display:none;}
#app .pop_bg[t="1"][t2="2"] .ia_o {display:none;}
/*
.pop_bg[t="1"] [ent="2"] .pur_in_r {display:none;}
.pop_bg[t="2"] [ent="2"] .pur_in_r {display:none;}
.pop_bg[t="1"] [ent="2"] .lea_in_r {display:none;}
.pop_bg[t="2"] [ent="2"] .lea_in_r {display:none;}
*/
.pop_bg[t="3"] [ent="2"] .user_in_r {display:none;}
.pop_bg[t="1"] [ent="2"] .pic_in_r {display:block;}
.pop_bg[t="2"] [ent="2"] .pic_in_r {display:block;}
.pop_bg[t="3"] [ent="2"] .pic_in_r {display:block;}
.pop_bg[t="4"] [ent="2"] .pic_in_r {display:block;}
.dt_o[t="1"] .lea_in_r {display:none;}
.dt_o[t="2"] .pur_in_r {display:none;}

.remove_unit33_r {}
.ticklist, .ticklist2 {padding:5px 0 0;}
[t2="2"] .unit_nm {display:none;}
[t2="2"] .ticklist {display:none;}
.ticklist2 {display:none;}
[t2="2"] .ticklist2, #add_unit .ticklist2, #edit_unit .ticklist2 {display:block;}
.unit_item_r {display:block; margin-bottom:3px;}
#slt_unit33 .pop_o {height:250px;}
#slt_unit33[t="carpark"] .slt_c_22 {display:inline-block;}
#slt_unit33[t="carpark"] .slt_c {width:25%;}
#add_account[t="1"] .s_slt_unit33[t="1"], 
#add_account[t="2"] .s_slt_unit33[t="2"], 
#add_account[t="3"] .s_slt_unit33[t="3"], 
#add_account[t="4"] .s_slt_unit33[t="4"],
#add_proposal[t="1"] .s_slt_unit33[t="1"], 
#add_proposal[t="2"] .s_slt_unit33[t="2"], 
#add_proposal[t="3"] .s_slt_unit33[t="3"], 
#add_proposal[t="4"] .s_slt_unit33[t="4"] {display:inline-block;}
#unitpop_t {position:absolute; left:-100px; top:60px; width:100px; background:#fff; padding:10px 0 10px 10px;}
.unitpop_t_r {padding:10px; }
.unitpop_t_r.ed {color:#316bff;}
#slt_unit3 .slt_tg {display:none;}
.add_room {margin-bottom:10px;}
.add_room_tb {margin-bottom:10px;}
.add_room_tb th {text-align:left; font-weight:normal; vertical-align:top; padding-top:10px;}
#chk_card_list {padding:10px; border:1px solid #ccc; margin:20px 0; display:inline-block; display:none;}
.card_tb th {text-align:left;}
.link_unit > span {color:#316bff;}
.link_card > span {color:#316bff;}
.in_r_t2 {display:none;}
.sb_form .setup_r_1 .in_r, .sb_form .in_r {display:none;}
.sb_form[t="1"] .in_r[t="1"], .sb_form[t="2"] .in_r[t="2"], .sb_form[t="3"] .in_r[t="3"], .sb_form[t="4"] .in_r[t="4"], .sb_form[t="5"] .in_r[t="5"] {display:inline-block;}
.rv {display:inline-block; width:10px; height:10px; background:#eee; 
border-radius:50%;
-webkit-border-radius:50%;
}
.tgrv {display:inline-block; width:10px; height:10px; background:#eee; 
border-radius:50%;
-webkit-border-radius:50%;
}
.tgrv.ed {background:#000;}
.tgrv.tgrvon {background:#2563eb;}
.tgrv.tgrvoff {background:#000;}


#hangup_call, #calling[st="3"] #cancel_call {display:none;}
#calling[st="3"] #hangup_call {display:inline-block;}
.bpop_o {width:400px; margin-left:-200px; left:50%; z-index:210; }
#share2_o {display:none;}
.water_bar_o {padding:10px; border:1px solid #ddd;}


#sos_alert {z-index:9999;}
.dced {display:none;}
[r1="on"] > .rv_1, .rv.ed {background:#ffbb29;}
[r1=""] > .rv {display:none;}
[r1=""] > .dced {display:inline-block;}


.hdv_form_srh {display:inline-block; vertical-align:top;}
.fil2_c {display:inline-block; vertical-align:top;}
.ao_f_upl {position:relative;}
.sos_yl_1 {background:url('/images/alert_h.png') repeat-x 0 0 / auto 100%; position:fixed; left:0; top:0; height:25px; width:100%;animation: blink_border 1s linear infinite;
-webkit-animation: blink 1s linear infinite;}
.sos_yl_2 {background:url('/images/alert_v.png') repeat-y 0 0 / 100% auto; position:fixed; right:0; top:25px; height:calc(100% - 50px); width:25px;animation: blink_border 1s linear infinite;
-webkit-animation: blink 1s linear infinite;}
.sos_yl_3 {background:url('/images/alert_h.png') repeat-x 0 0 / auto 100%; position:fixed; left:0; bottom:0; height:25px; width:100%;animation: blink_border 1s linear infinite;
-webkit-animation: blink 1s linear infinite;}
.sos_yl_4 {background:url('/images/alert_v.png') repeat-y 0 0 / 100% auto; position:fixed; left:0; top:25px; height:calc(100% - 50px); width:25px;animation: blink_border 1s linear infinite;
-webkit-animation: blink 1s linear infinite;}
.gray_lbl {font-size:12px; color:#999;}
.gray_lbl0 {font-size:12px; color:#aaa;}
.pop_bg .gray_lbl {color:#999;}
.gray_lbl0 {color:#aaa;}
.info_tb {width:100%;}
.info_tb th {text-align:right; width:50%; padding-right:10px;}
.pop_title .omg_lbl {font-size:12px; margin:0; margin-top:5px;}
.pop_title_2 {display:none;}
[aat="2"] .pop_title_2 {display:block;}
[aat="2"] .pop_title {display:none;}
.tip {color:#888;padding-top:5px; font-size:11px;}

.full_unit_bg #slt_unit2_bg {width:100%; height:100%; left:0; top:0;}
/*.full_unit_bg #slt_unit2 { left:50%; } */
.item_img {width:20px; height:auto;}
.sos_alert_cd {opacity:0; font-size:30px; text-align:center; margin-bottom:15px; color:#fff;}
.cded .sos_alert_cd {opacity:1;}
.oncall_timer {display:none; text-align:center; display:none;}
#calling[st="3"] .oncall_timer {display:block;}
.owner_st {
	display: block;
	text-align: center;
	color: #888;
	background: #eee;
	padding: 5px;
	margin-bottom: 5px;
}
.whenon_r {padding-left:25px; position:relative; display:block; margin-bottom:5px; padding-top:3px;}
.whenon_r input {position:absolute; left:0; top:0;}
div .ack_sos_alert {box-shadow:0 5px 35px 0 rgba(0,0,0,0.5); font-size:14px;}
.sos_rmk {text-align:center;}
.sos_boxti {position:absolute; left:30px; top:-5px; background:#eee; color:#666; padding:5px 15px; font-size:16px; border-bottom:1px solid rgba(0,0,0,0.2);}
.sos_help_c {background:#fff; margin-bottom:30px; position:relative; min-height:60px; padding:30px; box-sizing:border-box;}
.sos_rmk_c {background:#fff; margin-bottom:30px; position:relative; min-height:60px; padding:30px; box-sizing:border-box;}
.sos_owners_c {text-align:center; padding:0 50px; margin-bottom:20px;}
.sos_owners_r {position:relative; display:inline-block; vertical-align:top; padding:20px 20px 50px;; margin:10px; background:#fff; width:200px; overflow:hidden;}
.sos_owners_pho img {width:80px;}
.sos_owners_pho {text-align:center; margin-bottom:5px;}
.sos_owners_nm {text-align:center; margin-bottom:5px; font-size:20px;}
.sos_owners_tel {text-align:center; margin-bottom:5px; font-size:18px; min-height:21px;}
.sos_owners_gen {text-align:center; margin-bottom:5px;}
.sos_owners_sub {background:#4c586d; color:#fff; text-align:center; font-size:20px; position:absolute; left:0; bottom:0; width:100%; height:50px; line-height:40px;}
.sos_owners_sub[prim="2"] {line-height:40px;}
.sos_owners_sub[t="1"] {background:#d44c69;}
.sos_owners_sub[t="2"] {background:#1bab5c;}
.sameas {margin-left:5px; font-size:11px;}
.tr_refunded .a1 > span, .tr_refunded .a1b > span, .tr_refunded .a2 > span, .tr_refunded .a3 > span {text-decoration:line-through;}
div.clamp_in_r {display:none;}
div.clamp_in_r.ed {display:block;}
.helpfrom_w {font-size:14px;}
.helpfrom_tb th {font-weight:bold; text-align:left;}
.helpfrom_tb td, .helpfrom_tb th {padding:2px 5px 2px 0; font-size:14px;}
.sos_alert_ti {margin-bottom:5px; color:#e40000; font-size:40px;
animation:blink 0.5s infinite linear;
-webkit-animation:blink 0.5s infinite linear;
}
.sos_alert_age {font-size:16px; margin-bottom:10px;}
.sos_alert_gen {font-size:16px; margin-bottom:10px;}
.sos_alert_u {font-size:16px; margin-bottom:10px;}
.sos_rmk_w {font-size:18px; text-align:center;}
.sos_alert_unit {font-size:16px; margin-bottom:15px; text-align:center; color:#fff; background:rgba(0,0,0,0.88); padding:10px 0;}
.sos_alert_bg {background:rgba(80,0,0,0.85); position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; display:none; overflow-y:scroll;}
.sos_alert_tb {width:100%;}
.sos_alert_tb td {vertical-align:top;   font-size:18px;}
.sos_alert_tb th {  text-align:left; padding-right:20px; font-size:18px;}
.sos_u {	position: absolute;	left: -28px;	top: 7px;	background: #e40000; font-size:18px;	color: #fff;	padding: 5px 30px;	transform: rotate(-45deg);	-webkit-transform: rotate(-45deg);
animation:blink 0.5s infinite linear;
-webkit-animation:blink 0.5s infinite linear;
}
.sos_prim {position:absolute; left:0; top:30px; width:100%; text-align:center; color:#fff; line-height:normal;}
.sos_alert_ti { font-weight:bold; text-align:center;}
.sos_alert_r {display:none; position:absolute; left:0%; width:100%; margin-left:0px; top:5%; box-sizing:border-box; padding:20px 60px;
animation: blink_border 1s linear infinite;
-webkit-animation: blink_border 1s linear infinite;
}
@keyframes blink_border {
	0%, 100% {border-color:rgba(255,0,0,1); }
	50% {border-color:rgba(255,0,0,0.2);}
}
@-webkit-keyframes blink_border {
	0%, 100% {border-color:rgba(255,0,0,1); }
	50% {border-color:rgba(255,0,0,0.2);}
}
.sos_alert_r:first-child {display:block;}
#sg_qr h2 {text-align:center;}
.sg_qr img {width:250px; height:auto; margin:0 auto;}
.pending_a.rec_refund {text-transform:uppercase;}
.ava_r [type="time"] {width:100px;}
.u_pop_r {display:block; padding:12px 10px; color:#000; text-align:right; border-bottom:1px solid rgba(0,0,0,0.05);}
.u_pop_r:hover {
    background-color: #f8f8f8;
}
.u_pop_r:last-child {border:0;}
#app .nb {border:0 !important;  }
.out_cre {text-align:right;}
.out_deb {text-align:right;}
#ao_tb th {text-align:left;}
.tibar2 {margin-bottom:15px;}
.owners_tr {display:none;}

.ref_pop {background:#fff; position:absolute; left:-5px; top:3px; padding:10px; border:1px solid #ccc; display:none; z-index:5; white-space:nowrap;
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);
}

.pending_a {display:inline-block; padding:0 10px;}
.fr {float:right;}
.s_box span, .s_box {font-size:12px;}
.pmtb {margin:0 auto;}
.pmtb td {padding:10px 5px;}
.like span, .like { white-space:nowrap; color:#fff;}
.like_count {font-size:11px; line-height:20px; display:inline-block; color:#fff; font-weight:normal;}
.like_ed .like_count {}
.like {background:#4866b1 url('/images/like_w.png') no-repeat 4px center / 22px auto; padding-left:30px; height:20px;display:inline-block; vertical-align:middle; padding-right:10px; font-weight:bold;
border-radius:4px;
-webkit-border-radius:4px;
}
.like_ed {background:#4866b1 url('/images/like_w.png') no-repeat 4px center / 22px auto; padding-left:30px; height:20px; display:inline-block; vertical-align:middle; padding-right:10px; font-weight:bold; cursor:pointer; 
border-radius:4px;
-webkit-border-radius:4px;
}
.like_count_c {background:#4866b1 url('/images/like_w.png') no-repeat 4px center / 22px auto; padding-left:30px; height:20px; display:inline-block; vertical-align:middle; padding-right:10px; font-weight:bold; color:#fff; cursor:pointer;
border-radius:4px;
-webkit-border-radius:4px;
}
.to_unposted {color:#316bff; text-transform:uppercase;}
.nav_more, #nav a {font-size:13px;}
.cross {text-decoration:line-through;}
.edited_c {color:#888;}
.indi[indi="0"] {display:none;}
.indi {display:none; vertical-align:middle; padding:0 5px; height:16px; line-height:16px; background:#ff2828; color:#fff; border-radius:9px; -webkit-border-radius:9px; margin-left:4px; font-size:12px;margin-top:-4px;}
.indi.hide {display:none;}
.fea_r .indi {
	position: absolute;
	top: 5px;
	right: 20px;
}
.cus_list, .pu_cus_list {position:absolute; left:0; top:27px; background:#fff; padding:0px; z-index:5;border:1px solid #ccc;
box-shadow:0 15px 35px 0 rgba(0,0,0,0.4);
-webkit-box-shadow:0 15px 35px 0 rgba(0,0,0,0.4);
}
.cus_r {padding:10px 15px;}
.cus_r:hover {background:#eee;}



input.srh_cus, input.pu_srh_cus {margin-bottom:5px; background:#edf8ff url('/images/search.png') no-repeat 5px center / 12px auto; padding-left:25px;}
.del_ge, .del_te, .del_spa {display:inline-block; vertical-align:top; background:url('/images/close.png') no-repeat center center / 8px auto; width:20px; height:20px; margin-left:5px; opacity:0.5;}
.cus_acc_r_split {height:1px; background:#eee;}
#slt_unit3[t="2"] .slt_c_22, #slt_unit3[t="4"] .slt_c_22 {display:inline-block;}
#slt_customers[t="2"] .slt_c_22, #slt_customers[t="4"] .slt_c_22 {display:inline-block;}
.in_lbl {text-align:left; display:block;}
.cus_dt_print_out, .cus_dt_send_em, .reset_u_pw {}
#comp_dt .in_lbl, #sugg_dt .in_lbl {font-weight:bold;}
.account_info_tb {width:100%;}
#reg_nm .pop_o, #reg_tel .pop_o, #reg_em .pop_o {width:350px; margin-left:-175px; }
#account_info .pop_o {width:1000px; margin-left:-500px; }
#add_calendar .pop_o {width:400px; margin-left:-200px; }
#edit_calendar .pop_o {width:400px; margin-left:-200px; }
#add_access_device .pop_o, #edit_access_device .pop_o {width:600px; margin-left:-300px; }
#add_parking .pop_o {width:400px; margin-left:-200px; }
#edit_cus .pop_o, #add_owner .pop_o {width:580px; margin-left:-250px; }
#cus_dt_o .pop_o {width:940px; margin-left:-470px; }
#cus_dt_o .pop_c {min-width:850px; min-height:200px;}
#account_dt_o .pop_o {width:600px; margin-left:-300px;  }
#account_dt_o {z-index:211;}
#edit_mem .pop_o, #add_mem .pop_o, #edit_account .pop_o, #add_account .pop_o, #add_proposal .pop_o, #add_subacc .pop_o {width:680px;}
#edit_unit .pop_o {width:650px; margin-left:-325px; }
#slt_unit3 .pop_o {min-height:425px; width:850px;margin-left:-425px;}
#sms_o .pop_o {width:300px; margin-left:-150px; }
#sg_qr .pop_o {width:400px; margin-left:-200px; }
#scan_qr .pop_o {width:400px; margin-left:-200px; }
#scan_qr {margin-right:5px;}
#vi_dt_c th { text-align:right; }
#vi_dt_c td { text-align:left; }
#vi_dt_c .vi_dt_tb th {vertical-align:top;}
#vi_dt_c table {width:100%;}
#qr_o .pop_o {width:340px; margin-left:-170px; }
#sg_qr .pop_c {padding-bottom:40px;}
#comp_dt .pop_o, #sugg_dt .pop_o {width:400px; margin-left:-200px;}
#wi_req .pop_o {width:350px; margin-left:-175px;}
.view_bc {float:right;}
.slted_account {margin-right:5px;}
.slted_account[v="0"] {margin:0;}
.slted_account_nm {color:#fff;}
.s_change_unit {color:#000;}
.s_change_unit span {color:#316bff;}
#acc .s_change_unit, #acc .s_change_unit span {	font-size: inherit;	color: inherit;}
.sms_to {font-size:20px;}

td > form {display:inline-block;}
.faci_dur {text-transform:lowercase;}

.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:#888;}
.bar_r {display:inline-block; vertical-align:bottom; width:25%; height:100px; position:relative; border-bottom:1px solid #eee;}
.water_bar_o {position:relative; font-size:0; padding:60px 0 25px;}

.in_v {font-weight:normal;}
.view_snap {display:inline-block; vertical-align:top; padding-top:5px;}
#wrong_reading_c .in_lbl {width:45%; text-align:right; padding-right:10px; display:inline-block; vertical-align:middle; margin:0;}
#wrong_reading_c .in_v {display:inline-block; vertical-align:middle; width:45%; text-align:left;}
#wrong_reading_c {text-align:center;}
.s_edit_amo {color:#fff;}

.view_usage {color:#fff; display:inline-block; vertical-align:top; padding-top:5px; cursor:pointer;}
.edit_amo_w {display:inline-block;}
.view_receipt {display:inline-block; vertical-align:top; margin-top:3px; white-space:nowrap;}


.snav_r .indi {line-height:16px;margin-top:-3px;}
.indi:not([indi="0"]) {display:inline-block;}
.indi.hide {display:none;}
.edit_amo_o {padding:5px 0;}
.edit_amo_x {display:inline-block; vertical-align:top; width:20px; height:30px; background:url('/images/close.png') no-repeat center center  / 8px auto;}
.edit_amo {color:#ff2828; white-space:nowrap;}
.edit_amo_form {display:none; white-space:nowrap;}
#copyright {text-align:center; padding:20px 10px; margin-top:0px; opacity:0.3;}
#copyright a { color:#000;}
#copyright a:hover {background:none !important;}

div .valid_from.dn, div .valid_from_e.dn {display:none;}
div .valid_until.dn, div .valid_until_es.dn {display:none;}

[for="noti_dis_popups"] {
	position: absolute;
	left: 140px;
	top: 17px;
}
[for="noti_mute"] {
	position: absolute;
	left: 278px;
	top: 17px;
}

#s_noti .indi_notis.dn {display:none;}

.bottom_note { width:calc(100% - 180px); float:left; margin-top:10px; margin-bottom:50px;}
.viva_hint {display:none;}
.pay_gl_a {width:80px !important; text-align:right;}
.hints2 {margin-bottom:15px; color:#888;}
.arrow_right {background:url('/images/arw_right.png') no-repeat center center / 14px auto; width:20px; height:20px; display:inline-block; vertical-align:middle;}
.changes_u_no {margin-bottom:5px; display:block; text-align:center;}
.hints {color:#ff2828;}
.changes_tb, .changes_tb_2 {width:100%;}
.changes_tb th {text-align:left; width:100px;}
.changes_tb_2 th {width:40%;}
.changes_tb .changes_tb_top th {font-weight:normal; text-align:center;}
.changes_u_nm {text-align:center; border-bottom:1px solid #ccc; padding-bottom:10px;}
.changes_dt_r {padding:10px; border:1px solid #ccc; margin-bottom:20px;}
.noti_tm {color:#999; font-size:11px; margin-bottom:10px;}
#noti_o {background:#fff; padding:20px 0; box-sizing:border-box; 	position: absolute;	right:0;	top: 55px; display:none; width:350px; z-index:5;
border:1px solid rgba(0,0,0,0.1);
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);
}
#new_noti .anoti_r.close_ed {display:none;}
.info_pop {position: fixed;left: 0;top: 0;background: #fff;border: 1px solid #ccc;padding: 20px;width: 400px;text-align: left; display:none; z-index:500;
box-shadow: 2px 15px 25px -10px rgba(0,0,0,0.26);
-webkit-box-shadow: 2px 15px 25px -10px rgba(0,0,0,0.26);
}
.s_info_pop, .s_info:not(.cashbook_amo) {background:url('/images/info.png') no-repeat center center / 12px auto; width:13px; height:13px; display:inline-block; vertical-align: top; margin:0 4px;}
.s_info.s_rmk {background:url('/images/remark.png') no-repeat center center / 24px auto; width:24px; height:24px;}
.s_info.nobg {background:none;}
.booked_by .s_info {position:absolute; right:0; top:0;}
.vi_rec_r_hint {margin-top:3px;}
.s_info_pop {margin-top:3px;}
.s_info_pop_v {position: absolute;left: 0;bottom: 30px;background: #fff;border: 1px solid #ccc;padding: 15px;max-width: 400px;text-align: left; z-index:5;
box-shadow: 2px 15px 25px -10px rgba(0,0,0,0.26);
-webkit-box-shadow: 2px 15px 25px -10px rgba(0,0,0,0.26);}
.anoti_ti {font-weight:bold;}
.anoti_time {color:#999;}
.anoti_r[t="15"] .anoti_time {color:#fff;}
.anoti_r {position:relative; border:1px solid #ccc; background:#fff; padding:15px; min-height:50px; margin-bottom:5px;
border-radius:10px;
-webkit-border-radius:10px;
box-shadow: 2px 12px 22px -8px rgba(0,0,0,0.26);
-webkit-box-shadow: 2px 12px 22px -8px rgba(0,0,0,0.26);
}
.anoti_r[t="16"], .anoti_r[t="17"] {padding-bottom:23px;}
.noti_c .anoti_r {margin-bottom:0;}
.noti_c .anoti_r.read_ed {background:#c0c0c0;}
.anoti_right {position:relative; padding-left:60px;}
.anoti_img {width:50px; height:auto; position:absolute; left:15px; top:15px;}
#new_noti {position:fixed; right:30px; bottom:10px; z-index:200; width:400px;}
.noti_r {padding-right:5px; padding-top:5px; box-sizing:border-box; padding-left:60px; min-height:55px; position:relative; border-bottom:1px solid #eee;}

.noti_ti {padding-left:20px; padding-bottom:10px; border-bottom:1px solid #ddd;}

.noti_w {padding:0;}
.noti_title {font-weight:bold;}
.noti_c {padding:0; max-height:500px; overflow-y:auto; }
.noti_img {width:40px; height:auto; position:absolute; left:10px; top:7px;}

.noti_c .anoti_close {display:none;}
.noti_c .anoti_r {box-shadow:none; border:0; border-bottom:1px solid #ddd; border-radius:0;}

/*
#app[pay="show"] .pageno {float:none; display:block; text-align:right;}
#app[pay="show"] .tb_ac, #app[pay="show"] #nav, #app[pay="show"] #acc, #app[pay="show"] .snav, #app[pay="show"] .tibar, #app[pay="show"] .tibar2, #app[pay="show"] #pay_over_2, #app[pay="show"] #pay_out_2, #app[pay="show"] .tt_c  {display:none;}
#app[pay="show"] #right_c, #app[pay="show"] #content {padding:0;}
#app[pay="show"] .p_c {padding:5px;}
*/
.rented_r {margin:3px;}
.split {display:inline-block; background:url('/images/arw_right.png') no-repeat center center / 12px auto; width:30px; height:15px;}
.slt_card_t2_c {display:none;}
.blist {display:inline-block; vertical-align:top; font-size:12px; margin-left:6px;}
.room_r, .parking_r {padding:5px; margin-bottom:10px;}
.tup {text-transform:uppercase;}
.pic_img {width:100px; height:auto; border:1px solid #ccc;}
.ic_img {width:100px; height:auto; border:1px solid #ccc;}
.slt_owner {}
.log_v {text-align:center; font-size:20px; margin-bottom:5px;}
.log_r {display:inline-block; vertical-align:top; padding:10px; text-align:center;}
.other_box {display:none; width:100%; margin-top:5px; padding-right:10px;}
.sv_r {display:inline-block; vertical-align:top; width:50%; padding:2px; box-sizing:border-box; font-size:12px;}
.space_c {font-size:0;}
.space_r {display:inline-block; vertical-align:top; width:50%; padding:2px; box-sizing:border-box; font-size:12px;}
.sv_c {display:none;}
.task {}
.slt_pym {width:120px;  margin-bottom:0px;}
.ref_in {width:70px;}
.log_tb th {text-align:left;}
.log_tb th, .log_tb td {border:1px solid #000;}
.slt_unit_c {margin-bottom:20px;}
.access_log_r:last-child td {border:0;}
.log_c {margin-bottom:5px; padding:10px 0;}
.log_c h2 {margin:0; margin-bottom:5px;}
.log_des {margin-bottom:10px;}
.log_r {display:inline-block; vertical-align:top; }
.log_lbl {text-align:left;}
.unit_lbl {padding:5px;}
.last_open_o {padding:12px 0; text-align: center;}
.last_open_o.more_ed .last_open_c {height:281px;}
.more_last_open {
	display: none;
	width: 100%;
	padding: 8px;
	background-color: #2563eb;
	border: none;
	border-radius: 5px;
	color: white;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease;
	margin-top: 12px; margin-bottom:0;
}
.last_open_o.more .more_last_open {display:block;}
.side_ti {text-align:center; padding:10px; text-decoration:underline; margin-bottom:10px;}

.s_vi_dt {color:#316bff;}
.select2-container {width:100% !important;}
.ra_r {color:#000;}
.td_more_c {position:absolute; right:0; top:36px; background:#fff; border:1px solid #ccc; padding:10px; min-width:130px; display:none; z-index:5;
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);
}
.td_more_c2 {width:165px;}
div .td_more_r {display:block; padding:8px 10px; text-align:left; margin:0;}

div .td_more_r:hover {
    background-color: #f2f2f2;
    
}

div .td_more_r.dis {color:#999;}
span.status {padding:2px 5px; display:inline-block; vertical-align:top;}
.td_more {background:#eee url('/images/more_b.png') no-repeat center center / 11px auto; display:inline-block; width:30px; height:20px; vertical-align:top;
border-radius:2px;
-webkit-border-radius:2px;
}
.vi_out .form_go {color:#316bff;}
.td_more_r .form_go {display:block; text-align:left;}
.fs0 {font-size:0;}
div .td_more_r .form_go {padding:0;}
.setup_r_1 {font-size:0; margin-bottom:20px;}
.setup_r_1 .in_r {width:33.3%; display:inline-block; vertical-align:top; box-sizing:border-box; padding:5px;}
.daterangepicker {box-shadow:0 10px 20px rgba(0,0,0,0.2);}
#slt_s_d {color:#fff; background:none; border:0; margin-top:5px;}
#slt_s_d option {color:#000; background:#fff;}

[pay="show"] .no_td {display:none;}

.blocks_r {display:inline-block; padding:5px 10px; border:1px solid #ddd; margin:2px;}
.blocks_r.ed {background:#357ebd; color:#fff; border:1px solid #357ebd;}
.pick_r {display:inline-block; padding:5px 10px;border:1px solid #ddd; margin:2px;}
.pick_r.ed {background:#357ebd; color:#fff; border:1px solid #357ebd;}
.pick_none {border-color:#fff; color:#357ebd;}
.pick_none.ed {border-color:#fff; background:none; color:#357ebd;}
.floor_list {padding:0 0 10px;}
.block_list {padding:0 0 10px;}

.clear {clear:both;}
.s_unposted_list {display:inline-block; margin-left:5px;}
.unposted_list {display:none;}
.same_as {position:absolute; right:5px; top:22px; color:#316bff; font-size:12px; height:28px; line-height:28px; display:inline-block; cursor:pointer;}
.xin_c .same_as {right:5px;}
.same_as_co_tel, .same_as_co_fax, .same_as_co_em {	color:#316bff; font-size:11px;  position: absolute;	right: 5px;	top: 18px; cursor:pointer; height:30px; line-height:30px;}
#setting_pop[e="0"] .same_as_co_tel, #setting_pop[e="0"] .same_as_co_fax, #setting_pop[e="0"] .same_as_co_em {display:none;}

[e="0"] .same_as, .ao_r[cus_ed="2"] .same_as, .pu_r[pu_cus_ed="2"] .same_as {display:none;}
.s_owners {background:url('/images/dd.png') no-repeat center center / 8px auto; display:inline-block; width:20px; height:13px; margin-left:5px;}
.unit_r[c="0"] .s_owners {display:none;}
.unit_r.showing td {border-bottom:0;}
.ao_r:last-child .add_ao_r {display:inline-block;}
.chkpay, .chkpay_inv, .chkpay_inv_2, .chkpay_inv_3 {display:inline-block; width:20px; height:20px; border:1px solid #aaa; position:relative;}
.chkpay.ed, .chkpay_inv.ed, .chkpay_inv_2.ed, .chkpay_inv_3.ed { border:1px solid #316bff;}
.chkpay.ed::after, .chkpay_inv.ed::after, .chkpay_inv_2.ed::after, .chkpay_inv_3.ed::after {width:10px; height:10px; background:#316bff; content:''; position:absolute; left:50%; margin-left:-5px; top:50%; margin-top:-5px;}
.pgbtn {text-align:right; font-size:0; margin-bottom:10px;}
.next_pg, .aci_pnav_next {display:inline-block; border:1px solid #ccc; width:50px; height:30px; line-height:30px; text-align:center; cursor:pointer; margin-left:-1px; background:#fff; }
.prev_pg, .aci_pnav_prev {display:inline-block; border:1px solid #ccc; width:50px; height:30px; line-height:30px; text-align:center; cursor:pointer; background:#fff;}
.next_pg.dis, .prev_pg.dis, .aci_pnav_prev.dis, .aci_pnav_next.dis {background:#eee; color:#aaa;}
.showcount {float:right; margin-left:10px;}
.pageno {float:right; line-height:30px; height:30px; margin-left:10px;}
.pop_x {background:url('/images/close.png') no-repeat center center / 12px auto; width:40px; height:40px; position:absolute; right:0; top:0;}

.dates_o {width:1px; height:1px; overflow: hidden; display:inline-block; position:absolute; left:150px; top:-15px;}
.dates { z-index:3; opacity:0;}
.tibar_center {z-index:5;}
.tibar_center, .dates {
	position: absolute;
	left: 50%;
	width: 140px;
	margin-left: -70px;
	top: 0;
	text-align: center;
	height: 35px;
	line-height: 35px;
}
.pay_chk_tt {white-space: nowrap;}
.tibar_center.tc_sw {width:180px; margin-left:-90px;}
#app[page="gl_invs"] .tibar_center, #app[page="cashflow"] .tibar_center, .dates {width:290px; margin-left:-145px;}
.payable_tt, .chkpay_tt, #chkpay_tt, .pre_tt_v {font-size:25px;}
.pay_chk_tt, .pre_tt {font-size:14px;}
.payable_deci, .chkpay_deci, .pay_chk_deci, .pre_deci {font-size:14px;}
.d1_w, .d2_w {color:#fff;}
.tb_pdf {display:inline-block; width:40px; height:40px; background:url('/images/pdf.png') no-repeat center center / 32px auto; transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.tb_excel {display:inline-block; width:40px; height:40px; background:url('/images/excel.png') no-repeat center center / 32px auto;     transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.tb_print {display:inline-block; width:40px; height:40px; background:url('/images/print.png') no-repeat center center / 32px auto;     transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.tb_stg {display:inline-block; width:40px; height:40px; background:url('/images/setting.png') no-repeat center center / 32px auto;     transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}


.tb_pdf:hover {
    transform: scale(1.2);
    z-index: 10;
    cursor: pointer;
}

.tb_excel:hover {
    transform: scale(1.2);
    z-index: 10;
    cursor: pointer;
}

.tb_print:hover {
    transform: scale(1.2);
    z-index: 10;
    cursor: pointer;
}

.tb_stg:hover {
    transform: scale(1.2);
    z-index: 10;
    cursor: pointer;
}


.tibar {background:#000; color:#fff; padding:0; height:33px; margin-bottom:15px; position:relative;}
.searchbar, .pgsearchbar {margin-top:0; width:210px; background:url('/images/search.png') no-repeat left 96% center / 12px auto; padding-right:30px;}
/*[page="visitors"] .pgsearchbar {width:150px;} */
[page="bookings"] .pgsearchbar {width:250px;} 
.pgsearchbar {background:url('/images/search.png') no-repeat 8px center / 12px auto; padding:5px; padding-left:25px; margin-bottom:5px;}
.tibar_left {display:inline-block; margin-left:15px; padding-top:8px; color:#fff;}
.tibar_right {float:right;}
.link {color:#316bff;}
#inv_pay_o {padding:20px 0; text-align:right;}
.tibar .s_add, .tibar .add_btn {
    height: 33px;
    line-height: 33px;
    background: #316bff url('/images/add.png') no-repeat 8px center / 20px auto;
    color: #fff;
    padding: 0 12px 0 35px;
    display: inline-block;
    position: relative;
    top: 0px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.25);
}
box-shadow:0 2px 8px 0 rgba(0,0,0,0.25);
-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.25);
}
/* .snav .scan_qr {background:url('/images/scan_b.png') no-repeat 0 center / 16px auto; height:30px; line-height:30px;} */
.scan_qr {float:right;}
#u_nm {float:right; background:url('/images/pic_0.png') no-repeat 0 center / 22px auto; padding-left:28px; display:inline-block; height:30px; line-height:30px; margin-right:15px;}
#u_nm[t="1"] {background-image:url('/images/pic_1.png');}
#s_fea {float:right; background:url('/images/menu.png') no-repeat center center / 18px auto;  height:30px; line-height:22px; width:30px; margin-right:20px; position:relative;}

.indi_fea {position:absolute; right:0; top:0;}
#fea {position:fixed; right:150; top:55px; background:#fff; padding:10px; font-size:0; width:320px; display:none; z-index:77; max-height:calc(100vh - 100px); overflow-y:auto;
border:1px solid rgba(0,0,0,0.1);
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);
}
#u_pop {position:fixed; right:32px; top:55px; width:220px; background:#fff; padding:5px 10px; display:none;border: 1px solid rgba(0,0,0,0.1); z-index:77;
border:1px solid rgba(0,0,0,0.1);
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);
}
#edit_mer, #profile_o {z-index:77;}
.pre_in {background:#eee; padding:6px 10px; box-sizing:border-box; border:1px solid #000; height:30px; overflow:hidden; white-space:nowrap;}
.pre_in2 {color:#555; background:#eee; padding:6px 10px; min-height:25px; box-sizing:border-box;}
.subtab {margin-bottom:10px;}
.subtab_r  {display:inline-block; padding:7px; margin: 0 10px 10px 0;}
.fea_r {display:inline-block; width:33.3%; vertical-align:top; box-sizing:border-box; text-align:center; padding:10px; position:relative;
border-radius:10px;
-webkit-border-radius:10px;
}
.extra_ok {margin-left:5px;}
.extra_r {display:none;}
.fea_r:hover {background:#f8f8f8;}
.fea_img {width:80%; height:auto; margin-bottom:5px;}
.fea_lbl { width:100%; text-align:center; color:#000; text-align:center; width:100%; padding:0 0px; box-sizing:border-box;}
.out_tt {text-align:right;}
[name="term0"] {width:80px;}
.paytr2 table {margin-left:0px; width:100%;}
.paytr2 td {border:0;}
.paytr2 td:first-child {width:270px;}
#add_inv {margin:20px 0; }
.tt_r {display:inline-block; vertical-align:top; margin-left:20px; vertical-align:middle; height:40px; line-height:40px;}
.dd_arw {background:url('/images/dd.png') no-repeat center 5px / 6px auto; width:20px; height:20px; display:inline-block; vertical-align:middle;}

[page="pv"] table {width:100%;}
[page="refunded"] table {width:100%;}
[page="creditnote"] table {width:100%;}
[page="receipt"] table {width:100%;}
[page="invoice"] table {width:100%;}
[page="invoice_preview"] table {width:100%;}
[page="fi_report"] table {width:100%;}


.del_add_inv, .del_add_inv_2 {display:inline-block; width:20px; height:20px; background:url('/images/close.png') no-repeat center center / 12px auto;}

.top_slt_date_dn {height:0px; width:100%; position:absolute; left:0; top:0;}

.top_slt_date_v {color:#fff;}

.faci_time_c {margin-bottom:70px; padding-bottom:0;}
.slt_inv_dd {margin-right:5px; width:180px;}
.invtbar_22 .slt_inv_dd {width:130px;}
.del_owner {cursor:pointer;}
.dash_btn {margin-left:5px;}
.btn1 {background:#000; color:#fff; padding:0 10px; display:inline-block; border:0; height:28px; line-height:28px !important; text-align:center;}
.btn2 {background:#000; color:#fff; padding:10px 15px; display:inline-block; border:0; font-weight:bold; text-align:center;}
/*.btn3 {background:#fff; color:#ff2828; padding:0px 15px; display:inline-block; border:0;  text-align:center;}*/
.btn3 {color:#ff2828;}
.btn3:hover {
    background-color: #f2f2f2;

}

.btn4 {background:none; color:#316bff; padding:0; display:inline-block; border:0;  text-align:center; box-shadow:none; line-height:normal; height:auto; white-space:nowrap;}
.btn5 {background:#316bff; color:#fff; padding:5px 5px; display:inline-block; border:0;  text-align:center; box-shadow:none; line-height:normal; height:auto;}

.upl_parkg0_img img, .upl_parkg_list img, .upl_ppho_list img {width:100%; height:auto; }
#upl_parkg0_c {width:100%; height:100%;}
#upl_parkg0, #upl_parkg {position:relative; width:100%; height:auto; min-height:100px;}
#upl_ppho {width:100px; height:auto; min-height:100px;}

#e_map, #add_map {width:100%; height:300px;}
.upl_parkg0_img, .upl_parkg_list, .upl_ppho_list {position:relative;}
.pop_o .ac {padding-bottom:0; padding-top:25px;}
#faci_box .pop_o .ac {padding-top:5px;}
.back {background:url('/images/back.png') no-repeat 0 2px / 20px auto; width:20px; height:38px; display:inline-block;  margin-right:10px; vertical-align:top;}
.pay_tb {width:100%;}
.pay_tb > tbody > tr > th:first-child {width:270px;}
.balance_th {font-size:14px;}
.fil_c {margin-bottom:10px; float:right; margin-right:10px; font-size:0;}
[page="cashflow"] .fil_c, [page="gl_invs"] .fil_c {float:none; display:inline-block; margin-left:10px;}
.fil_c .snav2_r {margin-right:4px;}
.fil_split {height:20px; line-height:20px; width:1px; background:#ccc; display:inline-block; vertical-align:top; margin:0 0px; position:relative; top:4px; left:-2px;}
.fil_r {display:inline-block; vertical-align:top; margin:0 2px;}
.snav .fil_r {margin-left:0;}

.fil_r select {border-color:#eee;}
.slt_count {margin:0 3px;}
.vtb {margin-bottom:30px;}
table.oo_tb td {border:0;}
table.vtb td {border:0; padding:8px;}
table.vtb th {text-align:left; font-weight:normal; padding:8px;}
table.account_tb {width:100%;}
table.account_tb th {}
table.account_tb td {}
.account_tb {margin-bottom:10px;}
.account_tb select {width:100%;}


/*.login_box {
    text-align: center;
    width: 330px;
    box-sizing: border-box;
    margin: 30px auto;
}*/
#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);
}




.login_box_c .in_r {padding-bottom:0;}
.upl_o {width:100px; height:100px;}
#edit_item .upl_o, #add_item .upl_o {width:50px; height:50px;}
.upl_x {z-index:6; }
.upl_o[cou="0"] .upl_x, .upl_o:not(.ed) .upl_x {display:none;}
.account_upl_r {display:inline-block; vertical-align:top; width:50%;}
.account_upl_rr {padding:15px; text-align:center;}
.account_upl_ge, .account_upl_spa, .account_upl_te {width:100px; height:100px; position:relative; display:inline-block;}
.account_upl_r .upl_icon {width:100px; height:100px;}
.account_upl_ic .upl_icon {width:100%;}
.account_upl_ic_back .upl_icon {width:100%;}
.account_upl_f .upl_icon, .cologo_upl_f .upl_icon {width:100%;}
#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);
}

#msg {position:fixed; top:30px; left:50%; display:none; width:100%; text-align:center; 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; font-size:12px; color:#000;}
textarea:focus, input:focus{
    outline: none;
}
#msg .popup {color:#6b95ff;}
.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:none; min-width:100px;}
div .amo_box .slt_method_evi {display:inline-block; width:185px; padding:0; text-align:left;}
.farw {background:url('/images/dd.png') no-repeat center center / 8px auto; display:inline-block; vertical-align:top; width:20px; height:15px; position:absolute; right:-5px; top:0;}
.farw2 {display:inline-block; vertical-align:middle; padding:4px 0 0 4px; height:15px; color:#fff; line-height:10px;}
.top_slt_date_v .farw2 {position:static; vertical-align:middle;}
.s_stg, .pop_sms {color:#316bff;}
.top_co_nm_v, .prop_nm_v {display:inline-block; padding: 0; position:relative;  height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 15px 0 0; max-width:100%;}

.pop_box {margin-bottom:30px; font-size:0;}
.pop_box:last-child {margin:0;}
.pnav {padding:20px; text-align:center; display:none;}
.pnav_r {display:inline-block; vertical-align:top; padding:5px 7px; background:#eee; vertical-align:top; margin:0 5px 10px; color:#000;}
.pnav_r.ed {background:#000; color:#fff;}
.adrs_w {overflow:hidden; line-height:16px; height:16px; }
.adrs_w.show {height:auto; line-height:normal;}
.tbal_tb td {padding:7px;}
.tbal_tb {border:1px solid #000;}
input, textarea, select {border:1px solid #ddd; padding:4px; box-sizing:border-box; background:#fff; margin-left:0px;}
.ov_des, input:disabled, textarea:disabled, select:disabled, input[disabled="disabled"], textarea[disabled="disabled"], select[disabled="disabled"] {background-color:#eee;}
input[type="file"] {border:0;}

.vert_tb input, .vert_tb textarea, .vert_tb select {width:100%;}
.vert_tb {width:100%;}
.remove_unit33_r, .del_unit_list_r, .remove_park, .remove_room, .del_room, .del_park {background:url('/images/close_g.png') no-repeat center center / 8px auto; width:20px; height:25px; display:inline-block; float:right;}
.park_list {padding-top:10px;}
.add_park_list {}
#slt_aa .pop_o {height:350px;}
.unit33_r, .unit_list_r, .room_list_r, .parkings_r, .park_r {display:inline-block; background:#000; color:#fff; padding:0 0  0 8px; height:25px; line-height:25px; margin:0 4px 4px 0; white-space:nowrap;
border-radius:2px;
-webkit-border-radius:2px;
}
.rl_tb_r {margin-bottom:10px;}
.park_o {background:#f8f8f8; padding:10px; border:1px solid rgba(0,0,0,0.1);
border-radius:2px;
-webkit-border-radius:2px;
}
.r_lbl {margin-bottom:3px;}
.in_r {margin-bottom:10px; padding-bottom:5px;}
.sb_form .in_r { display:inline-block; vertical-align:top; padding:5px; width:218px;}
.sb2_form .in_r {display:inline-block; vertical-align:top; padding:10px; width:248px;}
.ao_r_50 {width:50%; display:inline-block;  box-sizing:border-box; padding-right:10px;}
.in_r_50 {width:50%; display:inline-block;  box-sizing:border-box; padding-right:0px; vertical-align:top;}
.in_r_33 {width:33.3%; display:inline-block;  box-sizing:border-box; padding-right:10px; vertical-align:top;}
.in_r_33_2 {width:33.3%; display:inline-block;  box-sizing:border-box; padding-right:10px; vertical-align:top;}
.in_r_33_3 {width:33.3%; display:inline-block;  box-sizing:border-box; padding-right:0px; vertical-align:top;}
.in_r_25 {width:25%; display:inline-block;  box-sizing:border-box; padding-left:10px; vertical-align:top;}
.in_r_25_2 {width:25%; display:inline-block;  box-sizing:border-box; padding-right:10px; vertical-align:top;}
.ca_list {padding:5px 18px; background:#f8f8f8; margin-top:5px;}
.ca_list.dis {background:#eee; }
.ca_list.dis label {color:#777;}
.status.deleted {color:#999;}
.in_r_50_2 {width:50%; display:inline-block;  box-sizing:border-box; padding-left:10px;}
.in_r_50 select, .in_r_50 input:not([type="radio"]):not([type="checkbox"]) {width:100%;}
.a_t_r {margin-bottom:2px;}
.ava_c_r {margin-bottom:10px;}
.rate_t, .rate_t_o {border:1px solid #ccc; margin-top:10px; padding:5px; margin-left:25px;}
.rate_t_r {padding:5px 0; display:block;}
.in_r_50_2 select, .in_r_50_2 > input:not([type="checkbox"]) {width:100%;}
.in_r_50 select.slt_park {width:125px;}
.dash_tb {border:1px solid #000;}
.dash_tb td {border-bottom:1px solid #eee; padding:6px 10px;}
.dash_tb tr:last-child td {border:0;}
.login_box select, .login_box input[type="text"], .login_box input[type="email"], .login_box input[type="password"], .login_box input[type="tel"] {width:100%; box-sizing:border-box; height:35px; line-height:35px;}

.bo_info .longbtn {margin-bottom:10px;}
.bo_info .pay_booking {background:#316bff;}

.longbtn2 {background:#316bff; color:#fff; width:100%; padding:12px; text-align:center; box-sizing:border-box;}

login_box {text-align:center; width:330px; box-sizing:border-box; margin:30px auto; }



.login_box_c {padding:25px; background:#fff;}



.login_logo img {width:88px; height:auto; border-radius:12px; }
/*.login_logo_w {font-size:20px; text-align:center; margin-bottom:15px;} */
.login_logo_w {
    font-size: 24px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 600;
    color: #000;
}





.wa {display:inline-block; vertical-align:middle; margin-left:5px;}
.wa_i {width:18px; height:auto;
border-radius:50%;
-webkit-border-radius:50%;
}

.sub_in_r {min-height:25px;}
.in_r, .sub_w, .in_r_r {color:#222;}
.in_r_r {margin-bottom:4px;}
.in_lbl {margin-bottom:5px; color:#222;}
td { padding:5px;}
th {padding:5px;}
table {border-collapse: collapse;}

.dash_r td.dash_w, .dash_r td.dash_w span, .dash_r td.dash_w div {font-size:13px;}

input[name="ref2"] {display:none;}
.s_owner_dt {background:url('/images/dd.png') no-repeat center center / 8px auto; width:20px; height:20px; display:inline-block; vertical-align:middle; margin-left:5px;}
.h_owner_dt {background:url('/images/dd.png') no-repeat center center / 8px auto; width:20px; height:20px; display:inline-block; vertical-align:middle; margin-left:5px; position:absolute; right:0; top:0;
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
}
.owner_dt {display:none;}
.tac {text-align:center !important;}
.oo_nm {position:relative; padding-right:20px;}
.oo_nm, .oo_em, .oo_tel, .oo_ic {margin-bottom:1px;}
.oo_r[prim="2"] .oo_prim {display:inline-block; }
.oo_r[prim="0"] .set_prim {display:inline-block; color:#316bff;}
.oo_prim {display:none; padding:2px 5px; background:#eee; font-size:11px; color:#999; margin-top:2px;
border-radius:4px; 
-webkit-border-radius:4px; 
}
.set_prim {display:none;margin-top:2px;}
.oo_r {padding:5px; border-bottom:10px; border:1px solid rgba(0,0,0,0.1); margin-bottom:4px;
border-radius:4px; 
-webkit-border-radius:4px; 
}

.proof_o {width:800px; margin:0 auto; padding:10px 0px 20px; text-align:left;}
.trans_o {width:800px; margin:0 auto; padding:10px 0px 80px; text-align:left;}
.trans_c {border:1px solid #ddd; padding:0px 0px; background:#fff;}
.trans_c td {border-bottom:0px solid rgba(0,0,0,0.1); }
.trans_c th {border-bottom:0px solid rgba(0,0,0,0.1);background-color:#f8f8f8; font-weight:bold; }
.trans_c tr:last-child td {border-bottom:0;}
.trans_c table {width:100%;}
.pdf_btn, .print_btn, .inv_validate_btn, .view_inv_validate_btn, .cancel_inv_validate_btn {display:inline-block;border-radius:12px;}
.inv_o .itb td, .inv_o .inv_tb td {padding:2px;}
.form_r {margin-bottom:35px;}
.form_btn {display:inline-block; vertical-align:top; margin:0 0 0 0px;}
.dash_r_b {padding:20px; background:#262626; color:#fff;}
.itb {width:100%;}
.inv_o .itb {border:0;}
.inv_o .itb tr:first-child th {border-top:0;}
.inv_o .itb tr:last-child td {border-bottom:0;}
.inv_o .itb tr td:last-child, .inv_o .itb tr th:last-child {border-right:0;}
.inv_o .itb tr td:first-child, .inv_o .itb tr th:first-child {border-left:0;}
.inv_o { padding:30px; width:800px; margin:0; box-sizing:border-box; border:1px solid #D3D3D3; background:#fff; position:relative; box-shadow:0 10px 30px rgba(0, 0, 0, 0.2);}
@media print {
#app {overflow:hidden;}
body, html, #app, #right_c {background:#fff !important;}
.inv_o {
    width: 180mm;  height: auto;  margin: 0 auto; page-break-inside: avoid;
    margin: 0;
    padding: 20mm; /* add padding instead of relying on page margins */
    box-sizing: border-box;
}
}
.print_nav {width:800px; margin:0 auto; padding:10px 30px; text-align:right;}

.ssnav_r {padding:5px 5px 5px 15px; }
.ssnav_r:hover {background-color:rgba(0,0,0,0.05); cursor:pointer;}
.ssnav_r.ed {background:#000; color:#fff;}
.inv_tb {width:100%;}
.inv_tb table td {padding:0;}
.inv_tb td, .inv_tb th {text-align:left; padding:3px; vertical-align:top;}
.inv_tb td:last-child, .inv_tb th:last-child {text-align:right;}
.inv_tb td:first-child, .inv_tb th:first-child {text-align:left;}
.assoc_r .s_booking_dt, .inv_tb td, .inv_tb th, .inv_tb span, .inv_tb div {font-size:12px; border:0; line-height:16px;}
.assoc_r:nth-child(odd) td {background:#f8f8f8;}
.note_v {width:100%; height:200px;}
#logout { }
.nav_more_c {display:none; padding-left:25px; position:relative; padding-bottom:10px;}
.more_line {position:absolute; left:15px; top:0; width:1px; height:calc(100% - 10px); background:rgba(0,0,0,0.12); }
.nav_c2 {border-bottom:0px solid rgba(0,0,0,0.3); padding:0;}
.nav_c2 .indi {position:relative; z-index:2;}
.nav_c2 .nav_c2 {border:0;}

.maxamount, .maxamount_adv, .maxamount_cp {margin-left:7px; color:#316bff; cursor:pointer;}
.maxamount_des, .maxamount_des_adv, .maxamount_des_cp {margin-top:3px;}
.maxamount_des, .maxamount_des_adv, .maxamount_des_cp, .maxamount_des span, .maxamount_des_adv span, .maxamount_des_cp span {font-size:11px; text-align: left;}
.maxamount_adv, .maxamount_cp {
	position: absolute;
	right: -6px;
	top: 10px;
}

.trgap td, .trgap th {padding:5px;}
.list_tb_s td {font-size:12px;}
.list_tb_s td, .list_tb_s th {padding:3px;}
.list_tb .items_tb td {height:25px;}
.tar {text-align:right !important;}
.tal {text-align:left !important;}
.vert_tb td { text-align:left; }
.vert_tb th { text-align:left; font-weight:normal;}
.bb1 {border-bottom:1px solid #000;}
.bt1 {border-top:1px solid #000;}
.inv_tb select, .inv_tb input, .inv_tb textarea {border:1px solid #4a6cff; }
.amo {width:80px; text-align:right;}
.add_inv_item {max-width:200px;}
.pr {position:relative;}
.detail {background:url('/images/receipt.png') no-repeat 5px center / 20px auto; padding-left:30px; height:20px; line-height:20px; display:inline-block;}
#logo_o {padding:24px 15px 10px; text-align:center;}
#logo {width:60px; height:auto;
border-radius:10px;
-webkit-border-radius:10px;
}
#add_inv_go, #add_inv_2_go {position:absolute; left:100%; top:0px; margin-left:5px;}
.del_add_inv {position:absolute; left:100%; top:0px; margin-left:5px;}
#acc { padding:12px 0 8px; border-bottom:0px solid #ddd; margin:0; width:100%; max-width:1200px; box-sizing:border-box; position:relative;} 
#content {padding:12px 0; margin:0; width:100%; max-width:1200px; box-sizing:border-box; position:relative; }
#content.login_content, #content.bg {margin:0 auto; background:url('/images/bg.jpg') no-repeat center center / cover; min-height:100%; width:100%; max-width:none;}
.blr {opacity:0.8;}
.blr * {filter:blur(2px);}

#app[page="fi_report"] #right_c, #app[page="creditnote"] #right_c, #app[page="pv"] #right_c, #app[page="refunded"] #right_c, #app[page="receipt"] #right_c, #app[page="invoice"] #right_c, #app[page="invoice_preview"] #right_c {padding:0;}
#app[page="fi_report"] #content, #app[page="creditnote"] #content, #app[page="pv"] #content, #app[page="refunded"] #content, #app[page="receipt"] #content, #app[page="invoice"] #content, #app[page="invoice_preview"] #content {width:auto; padding:0; margin:0 auto;}
#app[page="fi_report"] .p_c, #app[page="creditnote"] .p_c, #app[page="pv"] .p_c, #app[page="refunded"] .p_c, #app[page="receipt"] .p_c,  #app[page="invoice"] .p_c, #app[page="invoice_preview"] .p_c {padding:0;}
#app[page="fi_report"] .inv_o, #app[page="creditnote"] .inv_o, #app[page="pv"] .inv_o, #app[page="refunded"] .inv_o, #app[page="receipt"] .inv_o, #app[page="invoice"] .inv_o, #app[page="invoice_preview"] .inv_o, #app[page="invoice_preview"] .inv_o {margin:0 auto;}

#nav_acc {text-align:center; position:relative;}
#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_prop {z-index:5;}

#renew_lease {z-index:75;}
#edit_contract {z-index:75;}

.co_list {padding:20px;}
.oc_r {border:1px solid #ccc; padding:10px; text-align:center;}
.oc_r:hover {border-color:#316bff;}
.oc_r_nm {font-size:16px; text-align:center;}
#slt_unit_owners .pop_o {height:440px;}
#calling { z-index:70; }
#calling .pop_c {text-align:center;}
#calling .pop_o {width:400px; margin-left:-200px; top:30%;}
#renew_lease .pop_o {width:500px; margin-left:-250px;}
#askic .pop_o {width:300px; margin-left:-150px;top:25%;}
#call_owners_o .pop_o {width:300px; margin-left:-150px;top:25%;}
#edit_contract .pop_o {width:500px; margin-left:-250px;}
.items_dt_o .pop_o {width:500px; margin-left:-250px;}
#voice_call { display:none;}
#video_call {float:right; margin-right:100px; display:none;}
#video_call.show, #voice_call.show {display:inline-block;}
.slt_r_owner {padding:5px 10px; cursor:pointer;}
.box_15 {padding:15px;}
#slt_unit2[t="u"] {height:auto;}
#slt_unit2_bg {background:rgba(0,0,0,0.5); width:calc(100vw - 270px); height:calc(100vh - 62px); position:fixed; left:270px; bottom:0; display:none; z-index:70;}



#srh_slt_unit, #srh_slt_unit_owner, #srh_account {width:100%; box-sizing:border-box; border:1px solid #ccc; padding:0 20px 0 30px; height:30px; line-height:30px;   background:url('/images/search.png') no-repeat 10px center / 12px auto; border-radius:8px;}
#srh_account_go.show {display:inline-block;}
#srh_account {
width:300px;
    border: 1px solid #000;
    height: 28px;
border-radius: 0px;


}

.oncall_timer {font-size:25px;}
.call_hrs {font-size:25px;}
.call_mins {font-size:25px;}
.call_secs {font-size:25px;}
.calling_u_nm {font-size:20px; margin-bottom:10px; display:block;}
#calling[st="3"] .calling_w, #calling[t="3"] .calling_w2 {display:none;}
.item_d {color:#aaa; font-size:12px; display:inline-block;}
.items_tb .item_d {margin-bottom:8px;}
.op_f_r {display:inline-block; width:50%; vertical-align:top;}
#nav_c.muted .indi, #acc.muted .indi {display:none;}
#s_noti {float:right;background:url('/images/noti.png') no-repeat center center / 28px auto; height:30px; line-height:22px; width:30px; margin-right:4px; cursor:pointer;}
#s_noti:hover {background-color: #f8f8f8}
#s_call:hover {background-color: #f8f8f8}
#s_fea:hover {background-color: #f8f8f8}
#u_nm:hover {background-color: #f8f8f8}

#s_noti.muted {background-image:url('/images/noti_muted.png');}
#s_mail {float:right;background:url('/images/mailbox.png') no-repeat center center / 18px auto; height:30px; line-height:22px; width:30px; margin-right:10px; cursor:pointer;}
#s_call {float:right;background:url('/images/call.png') no-repeat center center / 20px auto; height:30px; line-height:22px; width:30px; margin-right:4px; cursor:pointer;}
[acct="u"] #s_call {display:none;}
#s_fea {float:right; background:url('/images/menu.png') no-repeat center center / 20px auto;  height:30px; line-height:22px; width:30px; margin-right:8px; cursor:pointer;}

[allc="2"] #s_fea, [allc="2"] #s_call, [allc="2"] #s_noti, [allp="2"] #s_fea, [allp="2"] #s_call, [allp="2"] #s_noti {display:none;}

#u_pop #s_pop_terms_1, #u_pop #s_pop_terms_2, #u_pop #s_pop_terms_3 {margin-bottom:3px;}
.pop_sms_r {display:inline-block; vertical-align:top; width:50px; height:50px; text-align:center; margin:0px; box-sizing:border-box; padding-top:40px; font-size:11px; color:#000;}
.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;}
.op_r {display:none; padding:15px 15px; min-height:100px;}
.op_full th {text-align:left; vertical-align:top;}
.op_full {border:1px solid #ccc; }
.op_c {font-size:0;}
.op_r.show {display:block;}
.op_f_lbl {text-align:center;}
.op_f_v {text-align:center; padding:20px 0;}
.ao_f_upl, .op_f_upl {display:inline-block; vertical-align:top; width:100px; height:100px; background:url('/images/upload_g.png') no-repeat center center / 24px auto; position:relative;}
.op_nav {min-height:20px; line-height:15px; padding:10px; text-align:left; border:1px solid #fff;}
.op_nav.ed {background:#fff; position:relative; left:1px; border:1px solid #ccc; border-right:0; }
.op_right table {width:100%;}
.op_right th {text-align:left; width:110px; vertical-align:top;}
.op_right td {text-align:left; vertical-align:top;}
.op_left {width:35%; float:left; vertical-align:top; vertical-align:top; box-sizing:border-box;}
.op_right {width:65%; float:right; border:1px solid #ccc; vertical-align:top; box-sizing:border-box; min-height:150px;}
.srh_slt {text-align:left; margin-bottom:15px; position:relative;}
.slt_r {padding:7px 7px 7px 15px;  text-align:left;}

#slt_unit3 .slt_c_3 .slt_r.ed, .slt_r.ed, 
#slt_unit_owners .slt_c_3 .slt_r.ed {background:url('/images/arw_right.png') no-repeat 95% center / 12px auto;}

#show_slt_acc_all {display:none; text-align:right;}
.pop_bg:not(#slt_customers) .accounts_list .slt_r.ed {background:#fff;}
.pop_bg:not(#slt_customers) .slt_c_3 .slt_r.ed {background:none;}
#slt_customers .slt_r_users {background:none;}
.slt_r_unit {background:none;}
.slt_r:hover {background-color:#f3f3f3;}
.slt_r.ed, .slt_r_owner.ed, .slt_r.ed .accounts_count, .slt_r.ed .users_count {color:#316bff;}
/*.bepop_bg, .pop_bg {position:fixed; 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:210;}*/
.bepop_bg, .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: auto;
    z-index: 250;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
}






.bepop .bepop_bg, .bepop .page_c {display:block;}
.bepop .page_c { z-index:51;
	position: absolute;
	left: 50%;
	top: 10%;
	width: 1000px;
	margin-left: -500px;
	background: #fff;
	padding: 20px;
}
[name="autocc_v"] {margin:5px 0; width:60px !important;}
.chc {padding-left:25px; position:relative; padding-top:3px;}
.chc input[type="checkbox"] {position:absolute; left:0; top:0;}
.tb_bot {display:block;}
.tb_bot_top {display:none;}
.bepop .tb_bot {display:none;}
.bepop .tb_bot_top {display:block;}
.bepop .bepop_o {position:fixed; left:0; top:0; width:100%; height:100%; z-index:210; overflow-y:auto;}
.bepop .tb_ac, .bepop .tt_c, .bepop .tibar, .bepop .tibar2, .bepop .snav {display:none;}
.bepop .pageno {float:none; display:block; text-align:right;}
.pop_bg.show {display:block;}
/*.pop_o {position:absolute; width:650px; margin-left:-325px; left:50%; top:10%;  padding:0 0 30px; z-index:60;}*/

/*POPOUT POPUP*/
.pop_o {position:absolute; width:650px; margin-left:-325px; left:50%; top:5%;  padding:0 0 30px; z-index:60; 
}




.out_list > div {padding:0 5px 20px;}
.ann_list > div {padding:0 5px;}
#enter_reading .pop_o {top:25%; width:500px; margin-left:-250px; text-align:center;}

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

.botbar {text-align:center;}
#vi_dt_o .pop_o {width:700px; margin-left:-350px;}
/*#add_booking .pop_o {width:600px; margin-left:-326px;}*/
@media (min-width: 768px) {
  #add_booking .pop_o {
    width: 646px !important;
    margin-left: -323px;
  }
}

@media (max-width: 767px) {
  #add_booking .pop_o {
    width: 340px !important;
    margin-left: -170px;
  }
}




#edit_service .pop_o, #add_facility .pop_o, #edit_facility .pop_o  {width:660px; margin-left:-330px;}
#add_m_minutes .pop_o, #add_m_acc .pop_o, #add_ann .pop_o, #owners_pop .pop_o{width:600px; margin-left:-300px;}
#wi_adv_go .pop_o, #ps_pay_o .pop_o, #pay_amen .pop_o, .fat_pop .pop_o, #si_pay .pop_o, #refund_booking .pop_o, #makepay_pop .pop_o, #refund_inv .pop_o, #refund .pop_o, #refund_adv .pop_o, #pay_booking .pop_o, #cont_pay .pop_o {width:800px; margin-left:-400px;}
.bepop .si_pay {display:none !important;}

.in_r_map .gray_lbl a {font-size:inherit;}
#changes_dt {width:700px; margin-left:-350px;}
.makepay_pop {}
#pop_pay_o .pop_o, #trans_o .pop_o {width:800px; margin-left:-400px;}
#add_project .pop_o, #setting_pop .pop_o {width:600px; margin-left:-300px;}
.pop_c form {font-size:0;}
.pop_c label {font-size:12px;}
.date_c {text-align:center; padding:10px;}
.pop_c, .bepop .page_c {background:#fff; padding:20px;  z-index:210;
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);
}
.bepop .page_c {z-index:250;}
#top_slt_co {position:absolute; left:0; top:0; width:100%; opacity:0; display:none;}
#tg_prop_top {opacity:0; position:absolute; left:0;bottom:0; width:100%; display:none;}
#tg_prop_top option {background:#fff;}
.trans_tb td {border:1px solid #ddd;}
#slt_unit_v {margin-bottom:10px;}
.pop_title0, .top_ti, .pop_title, .pop_title_2, .pop_title span {margin-bottom:20px; text-align:center; font-size:20px;}

.top_co_nm, .prop_nm {padding: 4px 15px; text-align:center; display:block; cursor:pointer;  position:relative; height:20px;}
[acct="s"] .top_co_nm, [acct="s"] .prop_nm {display:none;}
#nav_c {padding-top:0px;}
.acc_r {margin-right:12px; display:inline-block;}
.acc_r strong {}
[acct="u"] .prop_nm {margin:0;}
[acct="u"] .prop_nm_v {padding-right:0;}
.list_tb {width:100%; margin-bottom:20px;}
.list_tb td, .list_tb th {border:0; padding:5px 5px; vertical-align:middle; vertical-align:top;}
.list_tb_un td {vertical-align:top;}
.list_tb th {border-bottom:1px solid rgba(0,0,0,0.1); text-align:left; line-height:16px;}
.list_tb td {border-bottom:0px solid rgba(0,0,0,0.1); height:30px;}
.list_tb_un td {padding:7px 5px;}
.list_tb_un .items_tb td {padding:0px 5px 5px;}
.page_c .list_tb th {font-weight:bold;}
.items_tb {width:100%;}
.list_tb .owners_tr td {border:0;}
.list_tb .owners_tr.islast td {border-bottom:1px solid rgba(0,0,0,0.1);}
.list_tb > tbody > tr:not(.nh):hover > td {background:#f1f1f1; border-bottom:0px solid rgba(0,0,0,0.1); /*font-weight:bold;*/ }
.assoc_r.ed td {background:#f1f1f1;}
h1 {margin-top:0; font-weight:normal; font-size:37px;}
h2 {margin-top:0; font-weight:normal; font-size:16px; margin-bottom:12px;}
.sm_page_c h2 {margin-bottom:0px;}
h2 span {font-size:20px;}
#right_c { padding-left:250px;}
.p_c {padding:0 16px;}

.dp {cursor:default !important;}
.da_ann_dl {text-align:center; position:relative; top:5px;}
.pick_unit { display:inline-block; padding:10px 10px;}
.unit_nm_top { background:url('/images/house.png') no-repeat 0 center / 18px auto; padding-left:25px; height:30px; line-height:30px; display:none;}
.dash_sub {padding:10px; padding-left:20px; border:1px solid rgba(255,255,255,0.2); margin-top:20px;}
.dash_sub_r {padding:2px;}
.nav_more strong {position:absolute; right:15px; top:30%; font-size:12px;}
.arw {
transition:all 0.2s ease;
-webkit-transition:all 0.2s ease;
}


.dash_view, .dash_pay {margin-left:5px;}

.tt_v_cf {}
.tt_c_o {height:40px;}
.tt_c {position:absolute; right:0; top:0px; margin-bottom:15px; background:#fff;}
.tt_c .btn {margin-left:5px;}
.btn.popup {color:#fff;}

.lea_fil {display:inline-block; vertical-align: top; font-size:0; margin-bottom:10px;}
.tt2_c, lea_fil {padding-bottom:10px; margin-bottom:10px;}
.tt2_r, .lea_fil_r {display:inline-block; vertical-align:top; margin-right:5px; border:1px solid #999; padding:8px; min-width:60px; margin-bottom:10px; text-align: right; }
.tt2_r.ed, .lea_fil_r.ed {border-color:#000;}
.lea_fil_r {height:25px; line-height: 25px; padding:0 10px; width:auto; min-width: 0; color:#222;}

.page_c {position:relative;}

.page_title {font-size:25px;
            font-weight: bold;
            color: #333;
            background: linear-gradient(90deg, #4caf50, #2196f3, #4caf50);
            background-size: 200% 100%;
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            animation: page_title 3s linear infinite;
        }
        
        @keyframes page_title{
            0% { background-position: 0% 50%; }
            100% { background-position: 200% 50%; }
        }








.notfound {padding: 100px 20px; text-align:center !important; color:#888; display:block;}
.noti_c .notfound {padding: 30px 20px;}
.smlist_r[t="3"] .notfound {padding:40px 20px;}
.cus_list .notfound, .pu_cus_list .notfound {padding:20px;}
#trans_o .notfound {padding:50px;}
#trans_o {z-index:52;}
.notfound2 {color:#888; padding:20px; text-align:center;}
.vi_status {display:inline-block; color:#000; vertical-align:top; padding:2px;}
.vi_status_1 {color:#000;}
.vi_status_2 {color:#000;}
.vi_status_3 {color:#000;}
.vi_status_4 {color:#000;}
.vi_status_5 {color:#000;}
.vi_status_6 {color:#000;}
.lo_tb {width:100%;}
.lo_tb td {text-align:left; padding:0px 2px; height:28px; border-bottom:1px solid #e5e7eb;}
.lo_tb td:first-child {padding-left:0px; white-space:nowrap;}
.lo_tb td.lo_tm {color:#888; text-align:right; white-space:nowrap; padding-right:0; position:relative;}
.popup {color:#316bff;}
.tt_r .popup {color:#fff;}
.nav_more.show {display:block;}
.nav_more_c.show {display:block;}
.nav_more.show .arw {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#nav {position:fixed; left:0; top:0; width:250px; height:100%; background:#eee; overflow-y:auto; overflow-x:hidden; padding-bottom:0px; box-sizing:border-box; opacity:0;}
.nav_c2 a, #nav .nav_more {display:block; color:#000; text-decoration:none; padding:6px 4px 6px 16px; position:relative;}
.nav_more_c a {padding-top:6px; padding-bottom:6px;}
#nav #logo_o a {padding:0;}
#nav #logo_o a:hover {background:none;}
.nav_more.noacc .arw {display:none;}
.add_inv_item6, .add_inv_item3, .add_inv_item2, .add_inv_sd, .add_inv_sd2, .add_inv_sd3 {display:none;}

.amo_box {padding: 10px 70px 10px; margin-bottom:10px;  text-align:right; min-height:35px; box-sizing:border-box;
}
#refund .amo_box, #refund_all .amo_box {padding:10px 20px;}
#refund .upl_manualpay, #refund_all .upl_manualpay {padding:7px; text-align: right;}
#refund .slt_method_f_nm, #refund_all .slt_method_f_nm {width:150px;}

.amobox_form.amo_box {text-align:center; font-size:0;}


.qab * {vertical-align:middle;}
.amo_box [name="ref"] {vertical-align:top;}
.amo_box .slt_pym {width:150px; display:inline-block; vertical-align:top;}
.amo_box .slt_method, .upl_snap {width:150px; box-sizing:border-box; vertical-align:top;}
.amo_box .slt_method_evi, .upl_snap {color:#316bff; padding:0 15px; cursor:pointer; text-align:center; vertical-align:middle;}
.amo_box .ref_in {width:150px;}
.slt_method.show {display:inline-block;}
.pay_gl_total {margin-right:10px; font-size:14px; font-weight:bold; display:inline-block; min-width:100px;}
.pay_gl_total span {font-size:14px; font-weight:bold;}
.pay_tb {margin:0 0 50px 0;}
.pay_tb th {text-align:left; padding-top:20px; font-size:20px; font-weight:normal;}
.pay_tb .paytr3 th:first-child {width:305px;}
.pay_tb .paytr3 td {border:0; border-top:1px solid #000; border-bottom:1px solid #000; padding:10px 5px;}
form {margin:0;}
.snav_r {display:inline-block; padding:0 10px; border:1px solid #ccc; margin-right:5px; color:#000; height:25px; line-height:25px; margin-bottom:3px; cursor:pointer;}
.snav_r.ed {border:1px solid #000;font-weight:bold;}
.snav_r:hover {border-color:#000;}
.snav_r2, .snav_r2.ed {float:right; border-color:#316bff; color:#316bff; background:url('/images/gear_b.png') no-repeat 5px center / 14px auto; padding-left:25px;}
.snav {margin-bottom:8px; min-height:32px;}
.blue_btn {background:#316bff; color:#fff; border-color:#316bff;}
.red_btn {background:#ff2828; color:#fff; border-color:#ff2828;}
.red_lbl {color:#ff2828;}
.dn {display:none;}
.status_1 {color:#000;}
.status_2 {color:#000;}
tr.ing td {background:#f8f8f8;}
.change_owner, .add_owner {color:#888;  margin-left:10px;}
#nav a.current, .nav_more:hover, #nav a:hover {background-color:rgba(0,0,0,0.05); cursor:pointer;}
#nav a.current {background-color:#000; color:#fff;}
.ded_ao_r, .add_ao_r {display:none;}
.add_srate_cond, .ded_srate_cond, .ded_ao_r, .add_ao_r, .add_rrb_r, .ded_rrb_r, .add_sr {width:15px; text-align:center; display:none; font-size:18px;}

.add_srate_cond, .ded_srate_cond {display:inline-block; vertical-align:top; background:#ccc;}
.ded_rrb_r {width:15px; text-align:center; display:none; font-size:18px;}
.rrb_r {font-size:0;}
.rrb_r:last-child .add_rrb_r {display:inline-block; }
/*
.ded_ao_r.show, .add_ao_r.show {display:inline-block;}
*/




.arw_up { position:absolute; left:20px; top:-6px; width:10px; height:10px; border:1px solid #ccc; border-right:0; border-bottom:0; background:#fff;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}
.access_log {overflow-y:scroll; max-height:600px;}
.access_log table {width:100%;}
.access_log {border:1px solid #ddd; padding:15px;}
.access_log th, .access_log td {border-bottom:1px solid #eee; padding:3px 3px; font-size:11px;}
.access_log tr:hover td {background:#f8f8f8;}
.access_log.uping {
animation: uplog 1s linear 1 forwards;
-webkit-animation: uplog 1s linear 1 forwards;
}
@keyframes uplog {
	0%, 100% {opacity:1; }
	50% {opacity:0;}
}

.qr_link {margin-bottom:10px; text-align:center; color:#316bff;}

.slt_unit_bk {display:none;}
.slt_unit_bk2 {display:none;}
[vbc="2"] .slt_unit_bk {display:inline-block;}
[vbc="0"] .slt_unit_bk2 {display:inline-block;}
.bold .makepay_item, .bold .max_a {font-weight:bold;}
.access_list {margin-bottom:30px; width:100%; display:inline-block; vertical-align:top;}
.ann_list {margin-bottom:30px; width:100%; display:inline-block; vertical-align:top;}
.todo_list { width:50%; display:inline-block; vertical-align:top; padding-right:20px; box-sizing:border-box;}
.out_list { width:50%; display:inline-block; vertical-align:top; padding-right:20px; box-sizing:border-box;}
.dash_page_c {font-size:0;}

#app[due_t="1"] .page_c {background:#ffd9d9;}
#app[due_t="2"] .page_c {background:#ff7b7b;}
#app[due_t="3"] .page_c {background:#f25320;}

.dash_unit_r {color:#888;}
.auto_o {padding:10px;}
.auto_r {margin-bottom:5px;}
#nav .nav_r_i {padding-left:32px;font-size:13px;} 
.nav_r_mem_t {background:url('/images/membership_icon_0.png') no-repeat 8px center / auto 18px; }
.nav_r_mem_t.current {background-image:url('/images/membership_icon.png');}
.nav_r_company {background:url('/images/company_black.png') no-repeat 8px center / auto 18px; }
.nav_r_company.current {background-image:url('/images/company_w.png');}
.nav_r_projects {background:url('/images/projects_black.png') no-repeat 8px center / auto 18px; }
.nav_r_projects.current {background-image:url('/images/projects_w.png');}
.nav_r_staff {background:url('/images/staff_black.png') no-repeat 8px center / auto 18px; }
.nav_r_staff.current {background-image:url('/images/staff_white.png');}
.nav_r_dash {background:url('/images/dash_black.png') no-repeat 8px center / auto 18px; }
.nav_r_dash.current {background-image:url('/images/dash.png');}
.nav_r_se {background:url('/images/securitymonitor_black.png') no-repeat 8px center / auto 18px; }
.nav_r_se.current {background-image:url('/images/securitymonitor_white.png');}
.nav_r_cus {background:url('/images/cus_black.png') no-repeat 8px center / auto 18px; }
.nav_r_cus.current {background-image:url('/images/cus_white.png');}
.nav_r_market {background:url('/images/merchant_b.png') no-repeat 8px center / auto 18px; }
.nav_r_market.current {background-image:url('/images/merchant_w.png');}
.nav_r_pay {background:url('/images/money_black.png') no-repeat 8px center / auto 18px; }
.nav_r_pay.current {background-image:url('/images/money.png');}
.nav_r_sales {background:url('/images/money_black.png') no-repeat 8px center / auto 18px; }
.nav_r_sales.current {background-image:url('/images/money.png');}
.nav_r_cf {background:url('/images/cashflow_black.png') no-repeat 8px center / auto 18px; }
.nav_r_cf.current {background-image:url('/images/cashflow.png');}
.nav_r_ac {background:url('/images/accounting_black.png') no-repeat 8px center / auto 18px; }
.nav_r_ac.current {background-image:url('/images/accounting.png');}
.nav_r_lease {background:url('/images/lease.png') no-repeat 8px center / auto 18px; }
.nav_r_lease.current {background-image:url('/images/lease_w.png');}
.nav_r_account {background:url('/images/account_i.png') no-repeat 8px center / auto 18px; }
.nav_r_account.current {background-image:url('/images/account_i_w.png');}
.nav_r_gl {background:url('/images/ledger_black.png') no-repeat 8px center / auto 18px; }
.nav_r_gl.current {background-image:url('/images/ledger.png');}
.nav_r_billing {background:url('/images/billing_black.png') no-repeat 8px center / auto 18px; }
.nav_r_billing.current {background-image:url('/images/billing.png');}
.nav_r_invoicing {background:url('/images/cashflow_black.png') no-repeat 8px center / auto 18px; }
.nav_r_invoicing.current {background-image:url('/images/cashflow.png');}
.nav_r_property {background:url('/images/house2_black.png') no-repeat 8px center / auto 18px; }
.nav_r_property.current {background-image:url('/images/house2.png');}
.nav_r_fi_report {background:url('/images/financial_report.png') no-repeat 8px center / auto 18px; }
.nav_r_fi_report.current {background-image:url('/images/financial_report_2.png');}
.nav_r_sup {background:url('/images/supplier_black.png') no-repeat 8px center / auto 18px; }
.nav_r_sup.current {background-image:url('/images/supplier.png');}
.nav_r_application {background:url('/images/staff_black.png') no-repeat 8px center / auto 18px; }
.nav_r_application.current {background-image:url('/images/staff.png');}
.nav_r_stg {background:url('/images/gear_black.png') no-repeat 8px center / auto 18px; }
.nav_r_stg.current {background-image:url('/images/gear.png');}
.nav_r_dev {background:url('/images/code_black.png') no-repeat 8px center / auto 18px; }
.nav_r_dev.current {background-image:url('/images/code.png');}


#app {background:#eee; min-width:1200px; top:0; bottom:auto;}
#app:not([page="fi_report"]), #app:not([page="creditnote"]), #app:not([page="invoice"]), #app:not([page="invoice_preview"]), #app:not([page="receipt"]), #app:not([page="pv"]), #app:not([page="refunded"]), #app:not([page="voided"]) {min-width:800px;  overflow: auto; min-height:100vh;
} 

#right_c {background:#fff; min-height:100vh;}
#nav_bg {background:#eee; width:250px; position:fixed; left:0; top:0; height:100%; }


@media only screen and (max-width: 1200px){
	.out_list, .ann_list {width:100%; padding:0;}
	
}

@media print
{    
    .receipt_logo {left:0; top:0;}
.pop_sms_c {display:none !important;}
	#app {background:#fff !important;}
	
    .trans_o, .trans_o *, .print_nav, .print_nav * {
        display: none !important;
    }
	
	.inv_o {
		border:0 !important; padding:0 !important;
	}
	
	.popup, a, div, span, li, td, th {color:#000 !important;}
}




/* 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;
    }
}









/* For WebKit browsers (Chrome, Safari) */
::-webkit-scrollbar {
    width: 8px;               /* Slightly wider scrollbar */
    height: 8px;              /* For horizontal scrollbars */
}

::-webkit-scrollbar-track {
    background: #f1f1f1;      /* Light gray track background */
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;      /* Medium gray thumb */
    border-radius: 4px;
    border: 1px solid #f1f1f1; /* Creates a subtle border effect */
}

::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;      /* Darker gray on hover */
}

/* For Firefox */
* {
    scrollbar-width: thin;    /* Firefox's "thin" is still decent size */
    scrollbar-color: #c1c1c1 #f1f1f1;
}

span.ttc.gray_lbl {
    color: #aaa;
    padding: 4px 0px;

}


span.single_book_go.eform_go.btn.disb {
font-size:14px;
}

span.bulk_book_go.book_add_cart.btn.disb{
font-size:14px;
}

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

span.gray_lbl.agree_on {
    font-size: 11px;
}

span.gray_lbl.last_agree_on {
    font-size: 11px;
}

.bo_faci_r.bo_faci_nm th {
  color: #999;
}

.bo_faci_r.bo_faci_cr th {
  color: #999;
}

.bo_faci_r.bo_faci_dur th {
  color: #999;
}

.bo_faci_r.bo_faci_stm th {
  color: #999;
}

.bo_faci_r.bo_faci_etm th {
  color: #999;
}

  


.in_lbl + input.nbo_srh_v {
font-size:13px;
}



.in_r.nbo_srh_o > .in_lbl + input.nbo_srh_v {
    width: 88%;
    padding-left: 12px;
}

div.nbo_o td.xin_c > input[name="cus_nm"] {
    margin-left: 0px;
}

.in_r.nbo_srh_o * {
    font-size: 12px;
}

.in_lbl.nbo_alter {
    font-size: 12px;
margin-bottom:-4px;
}

.in_r.nbo_srh_o > input[type="text"] {
margin-left:0px;
}

.bigbw.blue_lbl .paid_tick {
   margin-right:10px;
}

span.bigbw {
/*    margin-right: 17px;*/
}


.ps_o td,
 {
    font-size: 12px;
}

.book_left_cover th {
    font-size: 11px;
padding-top: 4px;
}

.bill_to_box input[type="text"] {
  font-size: 12px;
padding-left: 32px;
}







/* iOS native style for both text and password inputs inside .in_r */
.in_r input[type="text"],.in_r input[type="password"], .in_r input[type="tel"] {
    width: 89%;
   
    font-size: 12px; /* default for desktop */

    border: 1px solid #ddd;
  height:28px;
    color: #000;
    box-shadow: none;
    -webkit-appearance: none;
    transition: background-color 0.2s ease;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
}

@media (max-width: 767px) {
  .in_r input[type="text"],
  .in_r input[type="password"], .in_r select {
    font-size: 16px; /* for mobile */
    border-radius: 10px;
 padding: 0 15px;
  }
}

.in_r input[type="text"]:focus,
.in_r input[type="password"]:focus {
    outline: none;
    border-color: #ddd;

    box-shadow: inset 0 0 0 1px rgba(0, 122, 255, 0.2);
}

.in_r input[type="text"]::placeholder,
.in_r input[type="password"]::placeholder {
    color: #8e8e93;
}

span.retrieve_data_r {
    display: none;
}

.ao_r_in hcor .in_lbl pur_in_r,
.in_r in_r_50 .in_lbl,
ao_r_in hcor .in_lbl,
.ao_r_in hcor .in_lbl,
.ao_r_in.pr.hcor .in_lbl,
.ao_r_in.ao_r_50.hcor .in_lbl {
  color: #000;
font-size:12px;
}


#add_account > div > div > form > div.in_r_otherinfo > div.fs0.graybox * {
  color: #000;
font-size:12px;
}

/* iOS native style for inputs under .login_box_c */
.login_box_c input[type="text"],
.login_box_c input[type="password"] {
    width: 97%;

    border: 1px solid #ddd;
    color: #000;
    box-shadow: none;
    -webkit-appearance: none;
    transition: background-color 0.2s ease;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
height:44px;
    font-size: 16px; /* for mobile */
    border-radius: 10px;
 padding: 12px 15px;


}


}

.in_r.nbo_srh_o .nbo_srh_x
{
    display: block;
    top: 17px;
    right: 72px;
}

.login_box {
    margin: 20px auto;
    width: 90%;
    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_form > div.lbox_nav, .lbox_nav, #login_go, .lbox_nav
{
font-size:16px;
}

#login_form
{margin-bottom:-8px;}

#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_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;
}

#content > div > div.tibar2 > form.hdv_form.di > span
{
    margin-bottom: 4px;
}

input[type="search"], select {
    border: 1px solid #000;
    height: 28px;
    padding-bottom: 4px;
    padding-left:8px;
}

input[type="search"] {
    padding-left: 28px;
}

#new_bookings_status {margin-left:4px;}

.snav2_r:hover, 
.fil_r a:hover {
    border: 1px solid #000;
}

#add_vi > div > div > form > div.in_r.vi_slt_unit.graybox.unit_ed > input {padding-left: 8px;}

#add_vi > div > div > form > div:nth-child(9) > div:nth-child(7) > input{width:100%;}

#add_vi > div > div > form > div:nth-child(9) > div.in_r.in_r_50.vi_slt_vt > select {padding-left:4px;}

#dash_account_dt_c > div.account_right th {
font-weight:normal;
color:#999;
}

#dash_account_dt_c > div.account_right > div:nth-child(7) > div.billing_info_o.graybox > div:nth-child(2) > form > div:nth-child(7) > div:nth-child(2) > input.es_vw
{
width:100%;
}



.bill_to_box * input[type="search"],
.bill_to_box * select,
.bill_to_box * input[type="text"],
.bill_to_box * input[type="tel"]

 {
    border: 1px solid black;
height:28px;
line-height:20px;
padding-left: 8px;
}

select.slt_walkin {
    width: 92%;
}

input.w100p.srh_i {
    padding-left: 32px;
background-color:white;
}
input.srh_i[disabled="disabled"] {background-color:#eee;} 


.ast_tb_o input[type="search"],
.ast_tb_o select,
.ast_tb_o input[type="text"],
.ast_tb_oinput[type="tel"] {
    border: 1px solid black;
    height: 28px;
    line-height: 28px;
}

#add_sinv_o > div > div > form > div.sinv_items_o.pr > div.ast_tb_o > table > tbody > tr > td.nowrap {
    padding-top: 4px;
}
#add_sinv_2_o > div > div > form > div.sinv_items_o.pr > div.ast_tb_o > table > tbody > tr > td.nowrap {
    padding-top: 4px;
}
#add_sinv_3_o > div > div > form > div.sinv_items_o.pr > div.ast_tb_o > table > tbody > tr > td.nowrap {
    padding-top: 4px;
}

span.ast_tr_ded.btn {
    margin-left: 0px;
    /* margin-right: 4px; */
}

span.ast_tr_add.btn {
    margin-left: 5px;
}


.fs0 input[type="search"],
.fs0 select,
.fs0 input[type="text"],
.fs0 input[type="tel"] {
    border: 1px solid black;
    height: 28px;
}

#add_sinv_o > div > div > form > div.sinv_items_o.pr.full_ed > div.ast_tb_o > table > tbody > tr > td:nth-child(9) > select
{padding-left: 4px;}

#add_sinv_o > div > div > form > div.sinv_items_o.pr > div.ast_tb_o > table > tbody > tr > td:nth-child(2) > input
{padding-left: 32px;}

#add_sinv_o > div > div > form > div.sales_order_no > span {
    padding: 1px;
    margin: 0px;
    top: 0px;
    font-weight: normal;
}

#add_sinv_2_o > div > div > form > div.sinv_items_o.pr.full_ed > div.ast_tb_o > table > tbody > tr > td:nth-child(9) > select
{padding-left: 4px;}

#add_sinv_2_o > div > div > form > div.sinv_items_o.pr > div.ast_tb_o > table > tbody > tr > td:nth-child(2) > input
{padding-left: 32px;}

#add_sinv_2_o > div > div > form > div.sales_order_no > span {
    padding: 1px;
    margin: 0px;
    top: 0px;
    font-weight: normal;
}


#add_sinv_3_o > div > div > form > div.sinv_items_o.pr.full_ed > div.ast_tb_o > table > tbody > tr > td:nth-child(9) > select
{padding-left: 4px;}

#add_sinv_3_o > div > div > form > div.sinv_items_o.pr > div.ast_tb_o > table > tbody > tr > td:nth-child(2) > input
{padding-left: 32px;}

#add_sinv_3_o > div > div > form > div.sales_order_no > span {
    padding: 1px;
    margin: 0px;
    top: 0px;
    font-weight: normal;
}


#add_account > div > div > form > div:nth-child(10) > div.ao_o > div > div.graybox.fs0 > div:nth-child(4) > div
{
    font-size: 12px;
    color: #000;
}

#add_account > div > div > form > div:nth-child(10) > div.ao_o > div > div.graybox.fs0 > div:nth-child(22) > div.in_lbl.pur_in_r
{
    font-size: 12px;
    color: #000;
}

#add_account > div > div > form > div:nth-child(10) > div.ao_o > div > div.graybox.fs0 > div:nth-child(25) > div
{
    font-size: 12px;
    color: #000;
}

#add_account > div > div > form > div.billing_info_box > div.billing_info_o.graybox > div:nth-child(1) > div:nth-child(2) > div:nth-child(9) > select
{
padding:0px;
padding-left: 8px;
}

#add_account > div > div > form > div:nth-child(23) > textarea {
    height: 100px;
}

#add_account > div > div > form > div.billing_info_box > div.billing_info_o.graybox > div:nth-child(1) > div:nth-child(2) > div:nth-child(7) > input
{width:100%;}





#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;
  top: 9px;
    right: -24px;
    position: absolute;
    }

#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(1) > span
{
    right: 3px;
    position: absolute;
}

#nav_c > div:nth-child(2) > a > span
{margin-top: -3px;}

#add_facility > div > div > form > div:nth-child(2) > select
{padding-left: 4px;}

#dash_account_dt_c > div.account_right > div:nth-child(7) > div.billing_info_o.graybox > div:nth-child(1) > div:nth-child(2) > div:nth-child(9) > select,
#dash_account_dt_c > div.account_right > div:nth-child(7) > div.billing_info_o.graybox > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > input,
#dash_account_dt_c > div.account_right > div:nth-child(7) > div.billing_info_o.graybox > div:nth-child(1) > div:nth-child(2) > div:nth-child(10) > input
{
    padding: 0px;
    padding-left: 12px;
}


#add_sinv_o > div > div > form > div.bill_to_box > div:nth-child(2) > div:nth-child(12) > div.in_r.in_r_50_2 > select {
    padding-top: 0px;
    position: absolute;
    width: 96% !important;
}

#add_sinv_2_o > div > div > form > div.bill_to_box > div:nth-child(2) > div:nth-child(12) > div.in_r.in_r_50_2 > select {
    padding-top: 0px;
    position: absolute;
    width: 96% !important;
}

#add_sinv_3_o > div > div > form > div.bill_to_box > div:nth-child(2) > div:nth-child(12) > div.in_r.in_r_50_2 > select {
    padding-top: 0px;
    position: absolute;
    width: 96% !important;
}


#add_stocks > div > div > form > div:nth-child(6) > div.in_r.in_r_50_2 > select {
    padding-left: 4px;
}

#add_stocks > div > div > form > div:nth-child(8) > div > select {
    padding-left: 4px;
}

#add_stocks > div > div > form > div:nth-child(3) > div.in_r.in_r_50 > select {
    padding-left: 4px;
}

#add_sinv_o > div > div > form > div.fs0 > div.sinv_total_o.pr > div.ast2_tb_o > table > tbody > tr:nth-child(1) > th,
#add_sinv_o > div > div > form > div.fs0 > div.sinv_total_o.pr > div.ast2_tb_o > table > tbody > tr:nth-child(7) > th {
    padding-right: 23px;
}


#add_sinv_2_o > div > div > form > div.fs0 > div.sinv_total_o.pr > div.ast2_tb_o > table > tbody > tr:nth-child(1) > th,
#add_sinv_2_o > div > div > form > div.fs0 > div.sinv_total_o.pr > div.ast2_tb_o > table > tbody > tr:nth-child(7) > th {
    padding-right: 23px;
}

#add_sinv_3_o > div > div > form > div.fs0 > div.sinv_total_o.pr > div.ast2_tb_o > table > tbody > tr:nth-child(1) > th,
#add_sinv_3_o > div > div > form > div.fs0 > div.sinv_total_o.pr > div.ast2_tb_o > table > tbody > tr:nth-child(7) > th {
    padding-right: 23px;
}


#slt_unit3 > div > div.pop_c > div.slt_ti.slt_ti_bot > div.slt_ti_r.slt_ti_r_1.show2,
#slt_unit3 > div > div.pop_c > div.slt_ti.slt_ti_bot > div.slt_ti_r.slt_ti_r_2.show2,
#slt_unit3 > div > div.pop_c > div.slt_ti.slt_ti_bot > div.slt_ti_r.slt_ti_r_3.show.unit_ti.show2,
#slt_unit3 > div > div.pop_c > div.slt_ti.slt_ti_bot > div.slt_ti_r.slt_ti_r_5.show2
{
color:red;
}

#srh_account_go {
    margin-left: 4px;
    margin-bottom: 1px;
}

#slt_unit3 > div > div.pop_c > div.srh_slt > span.to_add_account.btn {
    margin-left: 233px;
    margin-bottom: 1px;
}