h1, h2, h3, table, td, th, span, div, p, a, form, input, select, textarea {color:#333;}

#content .login_box .longbtn {border-radius:22px;}
.login_box {border-radius:40px;}
.login_box_c {border-radius:20px;}
#content .login_box select, #content .login_box input[type="text"], #content .login_box input[type="email"], #content .login_box input[type="password"], #content .login_box input[type="tel"], #content select { border-radius:20px !important; }
#terms_ok, #terms_notok {border-radius:20px;}
.terms_ti {font-weight:normal;}
#terms_c {border-radius:20px;}
.ps_items_price {background:none;}
.ps_items_r:hover {background:#333;}
.rev_save_template:not(.dis), .rev_save_template:not(.dis):active {background:#ff7b40;}
.rev_sec_r_add, .rev_sec_r {border-color:#ddd; border-radius:14px; padding:15px 10px; background:#f8f8f8; }
.slt_c_o {overflow:hidden; border-radius:14px;}
.in_r_50_2 select, .in_r_50_2 input:not([type="checkbox"]):not([type="radio"]) {width:100%;}
.link_parking {width:320px !important;}
.link_carno {width:200px !important;}
.bd0 {border:0 !important;}
#app .sp-container {top:-230px !important;border: 0px !important;
  border-radius: 20px;
  padding: 5px;
  z-index: 5555;}
.sp-container button.sp-choose {border-radius:14px;}
.in_r .sp-replacer {border-color:#ddd;}
th {color:#333; font-weight:normal;}
.in_lbl, .in_r, .sub_w, .in_r_r {color:#333;}
#common_hint, .info_pop {box-shadow:0 10px 40px 0 rgba(0,0,0,0.2); border:0; border-radius:20px;}
.bluelongbtn {border-radius:14px;}
.s_change_court.change_long, .btn.mark_ns {border-radius:14px;}
.btn_red, .btn.btn_red:not(.dis):active {background:#ff4648;}
.td_more_r .btn_red {color:#ff4648; background:none;}
.floors_r, .blocks_r {border-radius:14px; border-color:#ddd;}
.blocks_r.ed, .floors_r.ed {background:#ddd; color:#555; border:1px solid #ddd;}
#srh_account {border-radius:14px; border-color:#ddd;}
.tt2_r {border-radius:14px;}
div.daterangepicker, #fil_y_o, #fil_m_o {border:0; background:#fff; border-radius:20px; box-shadow:0 15px 45px 0 rgba(0,0,0,0.2);}
.split_line {border-color:rgba(0,0,0,0.05);}
#u_pop, div.topnav_to_2, div.topnav_to_3 {box-shadow:0 15px 45px 0 rgba(0,0,0,0.2);}
div .topnav_to {background-image:url('/images/arw_right_gray.png');}
.u_pop_r, .topnav_to_2_r, .topnav_to_3_r {color:#333;}
.topnav_to_2_r:hover, .topnav_to_3_r:hover {background:#f8f8f8; color:#333;}
div.topnav_to_2, div.topnav_to_3 {border:0; border-radius:20px;}
div.topnav_to_2:hover, div.topnav_to_3:hover {background:#fff;}
.ca_list {border-radius:14px;}
.upl_o {border:1px solid #ddd; border-radius:14px; box-sizing:border-box;}
#app .select2 .select2-selection--single {border:1px solid #ddd; border-radius:14px;}
#book_cart .book_cart_r th, #book_cart .book_cart_r td {padding:2px 8px;}
.book_cart_r, .bo_info_list .bo_info_1 {padding:15px;}
.legend_r {margin-bottom:5px;}
.legend_r > span {width:15px;}
.faci_info_pop_nm {color:#4CAF50;}
#faci_info_pop {border:0; border-radius:20px; padding:15px;}
.nav_c2 a, #nav .nav_more {color:#333;}
#nav .nav_more_c .main_nav_r {color:#555;}
.blackbar {background:none;}
.item_udis_t {border-right-color:#ddd;}
.smlist_r {background:#fff;}
.td_more_c {box-shadow:0 15px 45px 0 rgba(0,0,0,0.2); border:0;}
.fea_r img {transition:all 0.3s cubic-bezier(.42,2.01,.01,.25);}
.fea_r:hover img {transform:scale(1.4);}
#noti_o, #u_pop {border-radius:20px; border:0;}
#u_nm {padding-left:35px; padding-right:15px; border-radius:15px; background-position:5px center; border:1px solid #ddd;}
#s_call, #s_noti {margin-right:7px;}
#s_fea {margin-right:15px;}
#fea {border-radius:20px; border:0;}
.op_close { width:40px; height:40px; padding:0; right:15px; top:12px;}
.op_close img, .nbo_srh_x {transition:all 0.1s ease-out; }
.op_close img {position:absolute; top:8px; left:8px; margin:0;}
.op_close:hover img, .nbo_srh_x:hover {transform:translateY(-2px); cursor:pointer;}
.ra_show_qr {right:90px; top:25px;}
.ra_copy_link {right:140px; top:25px;}
.ra_copy_link img {width:18px; opacity:0.5; cursor:pointer;}
.ra_show_qr img {width:20px; opacity:0.5; cursor:pointer;}
.ra_copy_link img:hover {opacity:0.8;}
.ra_show_qr img:hover {opacity:0.8;}
.pop_c, .bepop .page_c {border-radius:20px;}
.in_r .same_as {right:0; padding-right:10px;}
.in_r .ao_r .srh_cus {width:calc(100% - 100px);}
.srh_i {background-size:12px;}
.bill_to_box input[type="text"].srh_i, .bill_to_box input[type="tel"].srh_i, #app .sinv_items_o .srh_i {padding-left:26px;}
.ast2_tb_o th {white-space: nowrap;}
#ui-datepicker-div.ui-datepicker td.ui-datepicker-today {border:0;}
#ui-datepicker-div.ui-datepicker td a {border-radius:10px;}
#ui-datepicker-div.ui-datepicker td.ui-datepicker-today a {border:1px solid #ddd; }
#ui-datepicker-div {border:0; padding:10px; border-radius:20px;}
.sinv_save {background-color:#ff7b40;}
.sinv_preview {background-color:#fc3ecc;}
#app .bill_to_o input:not([type="checkbox"]) {border-color:#ddd;}
#app .bill_to_o input:not([type="checkbox"]):focus {border-color:#316bff;}
.sinv_items_o, .sinv_tax_o, .sinv_total_o, .sinv_rmk_o {border:1px solid #eee; border-radius:20px; padding:15px;}
.pop_bg .ac .btn {margin:7px 5px;}
.s_slt_sales_order, .s_slt_invoice {font-weight:normal; text-align: center;}
.dash_r td.dash_w, .dash_r td.dash_w span, .dash_r td.dash_w div {color:#555;}
.out_list_c[k="2"] .out_list_cc {background:#eaf9f5; border:5px solid #84eece;}
.box_loading {text-indent:-9999px; padding:50px 0; margin:0 auto;
    position: relative;
    width: 45px;
    height: 25px;
    background-repeat: no-repeat;
    background-image: linear-gradient(#ccc 14px, transparent 0),
                      linear-gradient(#ccc 14px, transparent 0),
                      linear-gradient(#ccc 14px, transparent 0),
                      linear-gradient(#ccc 14px, transparent 0),
                      linear-gradient(#ccc 14px, transparent 0),
                      linear-gradient(#ccc 14px, transparent 0);
    background-position: 0px center, 6px center, 12px center, 18px center, 24px center, 30px center, 36px center;
    animation: rikSpikeRoll 0.65s linear infinite alternate;
  }
@keyframes rikSpikeRoll {
  0% { background-size: 5px 3px;}
  16% { background-size: 5px 20px, 5px 3px, 5px 3px, 5px 3px, 5px 3px, 5px 3px}
  33% { background-size: 5px 15px, 5px 20px, 5px 3px, 5px 3px, 5px 3px, 5px 3px}
  50% { background-size: 5px 10px, 5px 15px, 5px 20px, 5px 3px, 5px 3px, 5px 3px}
  66% { background-size: 5px 3px, 5px 10px, 5px 15px, 5px 20px, 5px 3px, 5px 3px}
  83% { background-size: 5px 3px, 5px 3px,  5px 10px, 5px 15px, 5px 20px, 5px 3px}
  100% { background-size: 5px 3px, 5px 3px, 5px 3px,  5px 10px, 5px 15px, 5px 20px}
}
    
.wdash_o {background:none; }
.ann_r {background:#fff; border-radius:20px;}
.out_list_cc { border-radius:20px;}
.ann_f_c img {transition:all 0.5s ease-out;}
.ann_f_c img, .ann_pdf_canvas {border-radius:50%;}
.ann_f_c {border-radius:50%;}
.ann_r:hover img {transform:scale(1.2) rotate(-10deg);}
.pgsearchbar_go, .aci_srh_go, #srh_account_go {text-indent:-9999px; background:#316bff url('/images/arw_right_white.png') no-repeat center center / 10px auto; width:28px; box-sizing:border-box;}
.prev_pg, .next_pg, .aci_pnav_prev, .aci_pnav_next { position:relative;
transition:all 0.1s ease-out;
}
.aci_pnav_prev, .prev_pg {background:url('/images/arw_left_gray.png') no-repeat 10% center / 10px auto; padding-left:12px; color:#555;border-radius: 20px 0 0 20px ;}
.aci_pnav_next, .next_pg {background:url('/images/arw_right_gray.png') no-repeat 90% center / 10px auto; padding-right:12px; color:#555; border-radius:0 20px 20px 0;}
.aci_pnav_prev:not(.dis):hover, .aci_pnav_next:not(.dis):hover, .next_pg:not(.dis):hover, .prev_pg:not(.dis):hover {border-color:#316bff; z-index:5; }
.aci_pnav_next:not(.dis):hover, .next_pg:not(.dis):hover {background-position:120% center; text-indent:10px;}
.aci_pnav_prev:not(.dis):hover, .prev_pg:not(.dis):hover {background-position:-20% center; text-indent:-10px;}
.contentbox {background:#fff; padding:20px; border-radius:0 0 20px 20px;}
[page="visitors"] .top_slt_date {width:300px; text-align: center;}
.tibar_center, .blackbar_dates {border:1px solid #fff; border-radius:18px;
    transition:all 0.3s ease-out;
}
.tibar_center:hover, .blackbar_dates:hover {border-color:#ddd;}
.tibar_center.tc_sw {width:300px; margin-left:-150px;}
.notfound, .notfound2 {color:#ccc; font-size:14px;}
#content .form_r {margin:0;}
.slted_account_nm {color:#555;}
.change_unit, .s_change_unit_2_2, .tibar_left .s_change_unit_2_3 {top:9px; border-radius:10px;}
.boxes_days {color:#aaa; font-size:14px;}
.boxes_amo {font-size:15px; color:#555;}
.boxes_rr {border:0; background:#fff; margin-bottom:12px; padding:20px; border-radius:20px;}
#dash_account_dt {background:#fff; border-radius:20px; border:0;}
.last_open .side_ti {color:#555;}
.last_open {border:2px solid #23e4ff; }
#nav {background:#fff;}
#right_c {background:#f3f4f5;}
#e_appo2_v, #a_appo2_v {width:50px;}
#content .list_tb th, .pop_list_srh_pal th, .smlist_r th, .aci_list_c th, .pop_bg .list_tb th {color:#757779; border-bottom:1px solid #f2f2f2; font-weight:normal;}
.fil_c .fil_r a {border:0; font-weight:normal; color:#555;}
.fil_c .fil_r {border:1px solid #ccc;}
.snav_r, .pop_snav_r, .fil_c .snav2_r, .fil_c .fil_r, .pop_nav_r, .acc_active_r {border-radius:14px; border-color:#ddd; color:#555; margin-bottom:5px;
transition:all 0.2s cubic-bezier(.09,.87,.75,1.13);
}
.account_nav {font-size:16px; padding-left:20px;}
.account_nav.ed {}
.chked_pay_cou {display:none;}
.tt_c {background:none;}
.snav_r:hover, .pop_snav_r:hover, .fil_c .snav2_r:hover, .fil_c .fil_r:hover, .pop_nav_r:hover, .acc_active_r:hover {border-color:#316bff;}
.snav_r.ed, .pop_snav_r.ed, .fil_c .snav2_r.ed, .fil_c .fil_r.ed, .pop_nav_r.ed, .acc_active_r.ed {font-weight:normal; border-color:#ddd; background:#ddd;}

.nav_more_c a {color:#555;}
.nav_more_c a:not(.current):hover, .nav_r_i:not(.current):hover, .nav_more_c .main_nav_r:hover {animation:blinknav 0.3s linear forwards; }
@keyframes blinknav {
    0%, 50%, 100% {opacity:1; transform:translateY(0); color:#316bff;}
    25% {opacity:0.5; transform:translateY(3px);}
}
.snav, .pop_snav {font-size:0;}
.carno {padding: 2px 12px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3);border-radius: 5px;}
#nav a.current, #nav .main_nav_r.current {color:#333; background-color:rgba(188,188,188,1);  opacity:0.5;}
.tibar, .pop_tibar {background:none; background:#fff; padding:20px 20px 0 20px; margin:0; border-radius:20px 20px 0 0;}
.p_c {padding-left:40px;}
.tibar_left {font-size:22px; color:#555; margin:0; padding-top:0;}
.tibar2 {margin:0; padding:20px 20px 10px 20px; background:#fff;}
.list_tb {background:#fff; margin:0;}
.tb_bot {background:#fff; padding:20px; border-radius:0 0 20px 20px;}
#content {padding-bottom:100px;}
.list_tb tr th:first-child, .list_tb tr td:first-child {padding-left:20px;}
.list_tb tr th:last-child, .list_tb tr td:last-child {padding-right:20px;}
.tibar .s_add, .tibar .add_btn {border-radius:15px; background-size:16px auto; background-position:10px center;
transition:all 0.2s cubic-bezier(.09,.87,.75,1.13);
}
.tibar .s_add:hover, .tibar .add_btn:hover {transform:scale(1.05);}
.pop_search [name="srh"], .pgsearchbar {border-radius:14px;}
.btn {border-radius:14px; padding:0 14px !important;}
.btn:not(.dis):hover {transform:translateY(-2px);}
#inv_pay_o.gray .inv_pay, .btn.dis, .btn2.dis, .longbtn.dis, .dash_r[cou="0"] .dash_view {border-radius:14px;}
.hdv_form .form_go {margin-right:20px;}
#s_booking_calendar {margin-right:20px; }
input, textarea, select {border-radius:14px; padding:4px 10px; }
input:not([type="checkbox"]):not([type="radio"]):focus, textarea:focus, select:focus, #srh_account:focus {border-color:#316bff;}
input:not([type="checkbox"]):not([type="radio"]), textarea, select {min-height:28px;}
.slt_booking_date_w_v, .slt_cus_date_w_v, .farw2, .blackbar_dates_lbl {color:#555;}
/*.slt_booking_date_w_r, .slt_cus_date_w_r {top:20px;}*/
[page="standard_invoice"] .slt_booking_date_w_r, [page="standard_invoice"] .slt_cus_date_w_r {top:0;}
#slt_booking_date, #slt_cus_date, .blackbar_dates {height:35px; position:absolute; left:50%; margin-left:-150px; width:300px;}
.farw2 {font-size:10px;}
.fil_r {margin:0 5px;}
.snav .fil_r {margin-left:5px;}
.fil_split {height:10px; line-height: 10px; top:11px;}
.split {opacity:0.3;}
.tt2_c_o {padding:20px; background:#fff;}
#chart {background:#fff;}
.top_slt_date_v, .d1_w, .d2_w {color:#555;}
.tibar_center, .dates {top:20px; width:300px; margin-left:-150px;}
[page="statement"] .dates, [page="gls"] .dates, [page="invoice_refunds"] .dates, [page="invoice_adjustments"] .dates {top:0;}
.dates {cursor:pointer;  height:33px;}

.nav_r_campaign.current {background-image:url('/images/campaign_white.png');}
.nav_r_mem_t.current {background-image:url('/images/membership_icon.png');}
.nav_r_company.current {background-image:url('/images/company_w.png');}
.nav_r_projects.current {background-image:url('/images/projects_w.png');}
.nav_r_staff.current {background-image:url('/images/staff_white.png');}
.nav_r_dash.current {background-image:url('/images/dash.png');}
.nav_r_se.current {background-image:url('/images/securitymonitor_white.png');}
.nav_r_cus.current {background-image:url('/images/cus_white.png');}
.nav_r_market.current {background-image:url('/images/merchant_w.png');}
.nav_r_pay.current {background-image:url('/images/money.png');}
.nav_r_sales.current {background-image:url('/images/money.png');}
.nav_r_cf.current {background-image:url('/images/cashflow.png');}
.nav_r_ac.current {background-image:url('/images/account_i_w.png');}
.nav_r_lease.current {background-image:url('/images/lease_w.png');}
.nav_r_account.current {background-image:url('/images/account_i_w.png'); }
.nav_r_gl.current {background-image:url('/images/ledger.png');}
.nav_r_billing.current {background-image:url('/images/billing.png');}
.nav_r_invoicing.current {background-image:url('/images/cashflow.png');}
.nav_r_property.current {background-image:url('/images/house2.png');}
.nav_r_fi_report.current {background-image:url('/images/financial_report_2.png');}
.nav_r_sup.current {background-image:url('/images/supplier.png');}
.nav_r_application.current {background-image:url('/images/staff.png');}
.nav_r_stg.current {background-image:url('/images/gear.png');}
.nav_r_dev.current {background-image:url('/images/code.png');}
.nav_r_banks.current {background-image:url('/images/bankdetail_w.png');}