:root {
/* RTL不會自動改變方向的屬性值 要再做一次設定覆蓋 */
  --rentpackage_left: right;
  --rentpackage_right: left;
}

body{
    text-align: var(--rentpackage_left);
}

input[type="tel"] {
  text-align: var(--rentpackage_left);
}

/* 搜尋廣告 */
#search_result .close_favorite_container{
    right: unset;
    left: 16px;
}

/*首頁 註冊 登入畫面*/

/*密碼顯示icon*/
div.side_icon{
    left: 0px;
    right: unset;
}
/*密碼字元提示*/
div.message_container{
    margin-inline-start: 1rem;
    margin-inline-end: -1rem;
}

/*浮動位置*/
.position_right{
    left: 0;
    right: auto!important;
  }
.position_left{
    right: 0;
    left: auto;
}

/* +新增按鈕*/
.add_btn_group svg{
    margin-inline-start: unset;
    margin-inline-end: 0.25rem;
}

/* 首頁 懸浮側邊欄 */
#scrollspy_nav{
    left: 0;
    right: unset!important;
}
    

/* faq mobile sidebar */
#mobile_faq_sidebar{
    margin-inline-start: -100%;
    margin-inline-end: 0;
}
#mobile_faq_sidebar.sidebar_expand{
    margin-inline-start: 0;

}

/*step-footer*/
div.step-footer .next-step{
    margin-inline-start: 0.5rem;
}

/* Filter */
#tenant_bill .fa-caret-down {
    float: left;
}
/* 置為已收總額 */
#rent_bill_operation_pay_bill .modal-dialog .bill_amount {
    text-align: var(--rentpackage_right);
}
.rent_bill_operation .bill_type_text,
.rent_bill_operation .original_bill_name{
    margin-inline-end: 0px;
    margin-inline-start: 10px;
}

/* 預收帳款 */
#prepayment_rent_bill_detail {
    right: 33%;
}
/* 產生收據 */
.modal-footer .create_invoice {
    margin-inline-end: 0.25rem;
}

/* 抄表 */
#meter_reading .receive_money_day {
    text-align: var(--rentpackage_right);
}

/* 綠色箭頭 */
/* 未對帳 */
.desktop_arrow {
    margin-inline-end: 10px;
}

/* 未對帳、未結轉、頁數標籤 */
#house_owner_bill .fa-chevron-left,.previous_page,.next_page,.first_page,.last_page,.desktop_arrow {
    transform: scaleX(-1);
}
/* 業主欄對齊 */
#house_owner_bill .l_house_room_name {
    margin-inline-start: 30px;
    margin-inline-end: 0;
}
/*--daterangepicker--*/

.daterangepicker.show-calendar{
    right: 205px !important;
    left: auto !important;
    direction: rtl;
    text-align: var(--rentpackage_left);
}
.daterangepicker.show-calendar .ranges{
    text-align: var(--rentpackage_left);
}
/* 日曆下拉選單 小箭頭 */
.daterangepicker.opensright.show-calendar:before{
    right: 9px;
    left: unset;
}
.daterangepicker.opensright.show-calendar:after{
    right: 10px;
    left: unset;
} 
.drp-calendar .prev,.drp-calendar .next{
    transform: scaleX(-1);
} 
/* filter 提交按鈕 */
.filter_container  .filter_search_submit,
.filter_container .maintenance_filter_search_submit{
    float: left;
}

/* 佣金獎金 */
.commission_split .bonus_circle_question{
    left: 9px;
    right: unset;
}


@media only screen and (max-width: 768px){
    /* header數量 */
    #product_used_quantity .dropdown-menu{
        right: -55px !important;
    }

    /*日曆選單*/
    .daterangepicker.show-calendar{
        right: 10px !important;
    }
}
@media only screen and (min-width: 564px){
    .daterangepicker.show-calendar .ranges, .daterangepicker.show-calendar .drp-calendar {
        float: right;
    }
}
@media only screen and (max-width: 768px) {
    /* 合約管理更多 */
    #t_not_check .mobile_room_title>.css-td:nth-child(2){
        text-align: var(--rentpackage_right);
    }
    #t_not_check .per_unit .dots{
        left: 0;
        right: unset;
    }
    /* 房客帳期押金&預收帳款 結餘金額 */
    .aside_container #prepayment_book_container .prepayment_balance_container{
        left: 5px;
        right: unset;
    } 
    /* --帳務管理-- */

    /* badge */
    #tenant_bill .per_unit>.css-td:nth-child(5), 
    #mgmt_company_bill .per_unit>.css-td:nth-child(5), 
    #rent_only_bill .bill_status{
        margin-inline-end: 0px!important;
        margin-inline-start: 20px;
    }

    /* 應收款日 */
    #tenant_bill .mobile_title>.css-td:nth-child(2){
        text-align: var(--rentpackage_right);
    }
    /* 應收款日欄位日期 */
    .financial_manage #tenant_bill .per_unit>.css-td:nth-child(3), 
    .financial_manage #tenant_bill .per_unit>.css-td:nth-child(4){
        text-align: var(--rentpackage_right);
    }
    /* 應收金額 實收金額 */
    .financial_manage .receivable_title, 
    .financial_manage .actual_title,
    .financial_manage .payment_due_date, 
    .financial_manage .actual_paid_date{
        margin-inline-start: 0px!important;
        margin-inline-end: 15px;
    }
    /* 應收款日欄位... */
    .financial_manage #tenant_bill .per_unit>.css-td:nth-child(8){
        left: 45;
        right: unset;
    }
    #tenant_bill .badge{
        margin-inline-start: 0;
        margin-inline-end: 5px;
    }
    /* 帳期資訊箭頭icon */
    .rent_bill_num_info .mobile_arrow .fa-angle-right{
        transform: scaleX(-1);
    }  
    /* filter 提交按鈕 */
    .filter_container  .filter_search_submit,
    .filter_container .maintenance_filter_search_submit{
        float: left;
    }
    /* filter 日曆下拉選單 */
    .daterangepicker.opensright.show-calendar:after{
        right: 10px;
        left: unset;
    }
    .daterangepicker.opensright.show-calendar:before{
        right: 9px;
        left: unset;
    }
    .daterangepicker.show-calendar .ranges{
        text-align: var(--rentpackage_left);
    }
    .drp-calendar .prev,.drp-calendar .next{
        transform: scaleX(-1);
    }
    
    /* 添加帳單 取消鈕*/
    .financial_manage .event_submit_btn .cancel{
        margin-inline-end: 10px;
        margin-inline-start: 0;
    }

    /* 合約管理租金&押金*/
    .per_rent_bill .actual_paid_date{
        padding-inline-end: 0;
        padding-inline-start: 10px;
    }
    .per_rent_bill .bill_amount{
        padding-inline-end: 10px;
        padding-inline-start: 0;
    }
}

/* 房源管理 */
/* 全部單位文字 */
.filter-option-inner .filter-option-inner-inner{
    float: right;
}
/* 小眼睛 */
.narrow_aside#reference_container div.open_watch {
    left: 0%;
    right: unset;
}
/* 小眼睛下拉選單 */
.auto-container .heading .modal-con {
    left: 0;
    right: unset;
}
/* 小眼睛下拉選單 加入&叉叉位置 */
#all_room_tab_container .adding-permission,#all_room_tab_container .deleting-permission{
    left: 5%;
    right: unset;
}
/* 標題 */
.narrow_aside#reference_container .heading span.house_name {
    margin-inline-start: 28px;
}
/* 公司名稱 */
.heading .establish_name {
    left: 3%;
    right: unset;
}
/* 叉叉按鈕 */
div.modal .modal_top button{
    left: 4px;
    right: unset;
} 
/* 小眼睛旁...更多 */
#all_room_tab_container .other_function .dropdown_trigger_container{
    text-align: var(--rentpackage_right);
}
#all_room_tab_container .other_function .dropdown_container{
    right: unset;
    left: calc(30px + 2%);
}
/* 小眼睛旁的更多下拉式選單 */
div.edit_house .dropdown_choice_menu{
    text-align: var(--rentpackage_left);
    left: 2%;
    right: unset;
}
/* 物件的更多下拉式選單 */
.narrow_aside#reference_container .row_contract_data div.more_function {
    left: 5px;
    right: unset;
}
#all_room_tab_container .property_options{
    right: unset!important;
    left: -32px;
}
/* 地標icon */
.narrow_aside#reference_container .heading .edit_house > span:first-child {
    right: 7px;
}
/* 通知內容 */
/* 藍色點點 */
#bell .dropdown-bell .circle_in_blue{
    left: 0.75rem;
    right: unset;
}
/* 灰色小字 */
#bell .dropdown-bell .text-muted {
    text-align: var(--rentpackage_left);
}
.dropdown-bell .close_bell{
    right: unset!important;
    left: 0;
}

/* 新增房間儲存按鈕 */
button.add_room_btn{
    left: 0;
    right: unset;
}
/* 房源負責人下拉選單 */
div.heading .modal-establish{
    left: 30px;
    right:unset;
}
/* 含progressbar的介面*/

/* progressbar*/
ul#progressbar li{
    float: right;
}
/* 業主資訊 整個版面樣式*/
#form .text_style{
    text-align: var(--rentpackage_left);
}
/* 新增業主物件 包租代管 sign contract 下拉標籤 */
.ownership_member_info svg.fa-chevron-down {
    float: left;
    margin-inline-end: 5px;
}
/* *必填標籤 */
.required > label::after{
    right: 5px;
    left: 0px;
}
/* 房源管理 續約 新增單筆帳款btn*/
#modal_account.btn{
    float: left;
}
/* 搬出整個樣式*/
#form section.box_shadow{
    text-align: var(--rentpackage_left);
}
/* radio樣式*/
div#moveout_date input[type='radio'], div#moveout_alert_date .form-control {
    margin-inline-end: 10px;
    margin-inline-start: 0;
}
/* 新增業主物件button*/
#second_next_step {
    margin-inline-start: 0.5rem;
    margin-inline-end: 0;
}
/* table表格文字內容 */
.table tr td{
    text-align: var(--rentpackage_left);
}
/* 房源管理 續約 叉叉紐*/
#form .delete_btn_box{
    float: left;
}
/* radio button 位置*/
input.radio_position{
    float: left;
}
/* checkbox */
.form-check{
    padding-inline-start: 1.25rem;
}
/* 置為已收checkbox */
#rent_bill_operation_pay_bill input[type="checkbox"]{
    margin-inline-end: 10px;
}

/* 週期性水電帳期群組icon */
svg.fa-sync-alt{
    margin-inline-end: 6px;
    margin-inline-start: 0;
}
/* 週期性水電帳期群組 Add button */
input#add_bill_group_confirm{
    float: left;
}
/*預收租金*/
button#confirm_payment{
    margin-inline-start: auto;
    margin-inline-end: unset;
}
/* 刪除合約 刪除單位*/
button#confirm_del_contract_list_log_btn,button#confirm_del_item_btn{
    margin-inline-start: 0.5rem;
    margin-inline-end: 0;
} 
/* 房客帳期switch*/
label.switch {
    margin-inline-start: 5px;
}
/*上一頁 下一頁 */
#form input.previous-step, input.next-step {
    float: left;
}
div.other_function .edit_item_icon{
    padding-inline-start: 0;
    padding-inline-end: 5px;
}
/*二房東 物件資訊  關閉按鈕*/
.add_room_list_btn .h_close_btn_box{
        left: -5px;
        right: unset!important;
}

/*--房客帳期、房客版帳務--*/

/*查看所有帳期button*/
#tenant_rent_bill #payment_unpaid .tenant_future_bill,
#tenant_rent_bill #payment_unpaid .look_single_bill{
    left: 10px;
    right: unset;
}
/*circle icon*/
.aside_container #tenant_rent_bill .circle_question{
    left: 9px;
    right: unset;
}
/*表格文字*/
.aside_container #tenant_rent_bill .rent_bill_period_container,
.aside_container #tenant_rent_bill .account_name,
#tenant_accounting .tab-content .rent_bill_period_container,
#tenant_accounting .tab-content .account_name{
    text-align: var(--rentpackage_left);
}
/*表格金額*/
.aside_container #tenant_rent_bill .rent_bill_detail_sum,
.aside_container #tenant_rent_bill .total_sum,
#tenant_accounting .tab-content .rent_bill_detail_sum,
#tenant_accounting .tab-content .total_sum{
    text-align: var(--rentpackage_right);
}
/* tab */
#tenant_rent_bill #top_tab_btns{
    margin-inline-start: 5px;
    margin-inline-end: unset;
}
.dropdown-menu-right{
    left: 0;
    right: auto!important;
}

.title_left_border{
    border-right: 3px solid #88d344;
    padding-inline-start: 5px;
    border-left: 0;
    padding-inline-end: 0;
}

/* 公佈欄、獲利計算、業主結轉、帳務管理 表格 */
#bulletin_board .per_bulletin .css-td:first-of-type,
#profit_calculate_container #profit_show_detail .bill_detail_container td:nth-child(1),
#LLD_not_check_show_detail .owner_container .css-td:first-of-type, 
#LLD_not_check_show_detail .payment_method_tr .css-td:first-of-type,
.financial_manage .bill_detail_container td:nth-child(1){
    border-right: 1px solid var(--rentpackage_border_gray)!important;
    border-left: 0px!important;
}
#bulletin_board .per_bulletin .css-td:last-of-type,
#profit_calculate_container #profit_show_detail .bill_detail_container td:nth-child(5),
#LLD_not_check_show_detail .owner_container .css-td:last-of-type, 
#LLD_not_check_show_detail .payment_method_tr .css-td:last-of-type,
.financial_manage .bill_detail_container td:nth-child(5){
    border-left: 1px solid var(--rentpackage_border_gray)!important;
    border-right: 0px!important;
}


@media only screen and (max-width:1020px) {
    /*--房客帳期、房客版帳務--*/
    /*更多...*/
    .aside_container #tenant_rent_bill td.tenant_rent_bill_more,
    #tenant_accounting .tab-content td.tenant_rent_bill_more{
        left: 2;
        right: unset;
    }
    /*應收款日*/
    .aside_container #tenant_rent_bill td.payment_due_date,
    #tenant_accounting .tab-content td.payment_due_date{
        left: 15%;
        right: unset;
    }
    /*應收款日 badge*/
    .aside_container #tenant_rent_bill td.rent_bill_status,
    #tenant_accounting .tab-content td.rent_bill_status{
        left: 16%;
        right: unset;
    }

    /* 表格標題、總額 */
    #tenant_rent_bill td.tenant_rent_bill_container,
    .aside_container .bill_detail_container div:first-child,
    .aside_container #tenant_rent_bill .total_sum,
    #tenant_accounting .tab-content td.tenant_rent_bill_container,
    #tenant_accounting .tab-content .bill_detail_container div:first-child,
    #tenant_accounting .tab-content .total_sum  {
        text-align: var(--rentpackage_left);
    } 
    /* 更多*/
    .aside_container #tenant_rent_bill .tenant_rent_bill_more,
    #tenant_accounting .tab-content .tenant_rent_bill_more{
        left: 0;
        right: unset;
    }
    /* 表格金額 */
    .aside_container #tenant_rent_bill .rent_bill_detail_sum,
    #tenant_accounting .tab-content .rent_bill_detail_sum{
        border-right: 1px solid #e5e5e6;
    }
    /* 結清帳本button */
    .aside_container #prepayment_book_container .close_prepayment_book{
        left: 0;
        right: unset;
    }

    #LLD_not_check_show_detail .per-property .css-td .mobile_title{
        border-left: 1px solid #E0E0E0;
    }

}

@media only screen and (max-width: 1200px){
    
    /* 新增業主物件 包租代管 sign contract 下拉標籤 */
    .ownership_member_info svg.fa-chevron-down {
        float: left;
    } 
    /* 小眼睛 */
    .narrow_aside#reference_container div.open_watch {
        left: 2%;
        right: unset;
    }
    /* ... */
    #all_property .heading .dots {
        left: 2%;
        right: unset;
    }
    .heading span.house_name {
        margin-inline-start: 35px;
    }

}

/*--維修--*/
.assign_member_info svg{
    left: -8px;
    right: unset!important;
}

/* --集中抄表--*/
html[dir="rtl"] .multi_meter_table_container .border-right-d-none,
html[dir="rtl"] .multi_meter_table_container .border-left-d-none {
    border: 1px #E0E0E0 solid;
}
html[dir="rtl"] .multi_meter_table_container .border-right-d-none {
    border-left: 0px;
}
html[dir="rtl"] .multi_meter_table_container .border-left-d-none {
    border-right: 0px;
}

html[dir="rtl"] .meter_red_border_left_and_top::before{
    left: 100%;
}
html[dir="rtl"] .meter_red_border_left_and_top::after{
    right: 0;
}
html[dir="rtl"] .meter_red_border_right_and_bottom::before{
    left: 0%;
}
html[dir="rtl"] .meter_red_border_right_and_bottom::after{
    right: -100%;
}

/* 合約範本 */
#contract_template_pane .css-table .css-tr .css-td:first-of-type{
    border-left: 0px!important;
    border-right: 1px solid var(--rentpackage_border_gray);
}
#contract_template_pane .css-table .css-tr .css-td:last-of-type{
    border-left: 1px solid var(--rentpackage_border_gray);
    border-right: 0px!important;
}

/* ckeditor */
.cke_toolbar{
    float: right!important;
}

/* 簽約流程 */
.type2_info{
    margin-inline-end: 0px!important;
    margin-inline-start: 10px;
}
#side_modal_sign_e_contract input[name='sign_type']{
    margin-inline-end: 20px;
    margin-inline-start: 0px!important;
}

@media only screen and (max-width:768px) {
    html[dir="rtl"] .meter_red_border_right_and_bottom::after{
        right: 0;
    }
}

/* 廣告管理 */
.property_management_show_pop{
    right: unset!important;
    left: 9px;
}
#ad_assigneeSelection_container .assign_member_info img{
    margin-inline-end: 10px;
    margin-inline-start: 0px!important;
}

/* 訂閱 */
.more_info_item {
    margin-inline-start: 0!important;
    margin-inline-end: 18%;
}

/*----------側邊modal共用設定----------------*/
.side_modal-600.fade .modal-dialog,
.side_modal-800.fade .modal-dialog,
.side_modal-1000.fade .modal-dialog,
.side_modal-1200.fade .modal-dialog {
  transform: translateX(-50vw);
}

/*-----------寬度600的側拉modal-------------*/
.side_modal-600.show .modal-dialog {
    transform: translateX(calc(-50vw + 300px));
  }

@media only screen and (max-width: 600px) {
    .side_modal-600.fade .modal-dialog {
        transform: translateX(-10vw);
    }
    .side_modal-600.show .modal-dialog {
        transform: translateX(0);
    }
}
/*end*/

/*-----------寬度800的側拉modal-------------*/
.side_modal-800.show .modal-dialog {
    transform: translateX(calc(-50vw + 400px));
  }

@media only screen and (max-width: 800px) {
    .side_modal-800.fade .modal-dialog {
        transform: translateX(-10vw);
    }
    .side_modal-800.show .modal-dialog {
        transform: translateX(0);
    }
}
/*end*/

/*-----------寬度1000的側拉modal-------------*/
.side_modal-1000.show .modal-dialog {
    transform: translateX(calc(-50vw + 500px));
  }

@media only screen and (max-width: 1000px) {
    .side_modal-1000.fade .modal-dialog {
        transform: translateX(-10vw);
    }
    .side_modal-1000.show .modal-dialog {
        transform: translateX(0);
    }
}
/*end*/

/*-----------寬度1200的側拉modal-------------*/
.side_modal-1200.show .modal-dialog {
    transform: translateX(calc(-50vw + 600px));
  }
  
@media only screen and (max-width: 1200px) {
    .side_modal-1200.fade .modal-dialog {
        transform: translateX(-10vw);
    }
    .side_modal-1200.show .modal-dialog {
        transform: translateX(0);
    }
}
/*end*/