body
{
    font-size: 105%;
}

.hint-text  /* for input hint */
{
    color: #bbb;
}

button
{
    font-size: 100%;
}

input[type="text"]
{
    border: 1px solid #ccc;
    font-size: 1em;
    padding-left: 5px;
    padding: 5px 0 5px 5px;
    font-family: Verdana,Arial,Helvetica,sans-serif,微軟正黑體,'Microsoft JhengHei',新細明體,PMingLiU,細明體;
}

input[type="text"]:focus
{
    border: 1px solid #999;
}

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

button.cbtn.do-disp
{
    background: #F9C320;
}

button.cbtn.cancel-disp
{
    background: #8DC91E;
}

button.cbtn
{
    border: 0;
    border: 1px solid #999;
    padding: 4.5px 20px;
    cursor: pointer;
    display: inline-block;
    background: #888;
    color: #fff;
}

button.cbtn:hover
{
    background: #999;
}

button.cbtn.disabled, button.cbtn.disabled:hover
{
    border: 1px solid #bbb !important;
    cursor: default !important;
    background: #ccc !important;
    color: #eee !important;
    pointer-events: none;
}

.c-gray
{
    color: #bbb;
}

.c-gray-2
{
    color: #777;
}

.f-normal
{
    font-weight: normal;
}

input[type="text"].secret
{
    border: 1px dotted #ddd !important;
}

input[type="text"].secret:hover
{
    border: 1px solid #aaa !important;
}

input[type="text"][disabled="disabled"], textarea[disabled="disabled"]
{
    border: 1px solid #fff !important;
    background: #fff !important;
}

input[type="text"][disabled="disabled"].secret, input[type="text"][disabled="disabled"].secret:hover
{
    border: 1px dashed #ddd !important;
}

fieldset
{
    border: 1px solid #ccc;
    padding: 10px;
}

legend
{
    padding: 0 10px;
}

fieldset > div.fieldset-content
{
    position: absolute;
    top: 30px;
    bottom: 10px;
    left: 20px;
    right: 20px;
    overflow: auto;
    padding: 0;
}

textarea
{
    border: 1px solid #ccc;
    padding: 5px;
    font-size: 1em;
    font-family: Verdana,Arial,Helvetica,sans-serif,微軟正黑體,'Microsoft JhengHei',新細明體,PMingLiU,細明體;
}

/* -------------------------------------------------- 主要框架 */

div.master-head
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    background: #330;
    border-bottom: 1px solid #333;

    z-index: 888;

    background: -webkit-radial-gradient(black 15%, transparent 16%) 0 0, -webkit-radial-gradient(black 15%, transparent 16%) 8px 8px, -webkit-radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 0 1px, -webkit-radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 8px 9px;
    background-color: #333;
    -webkit-background-size: 16px 16px;

    -webkit-box-shadow: 0 0 5px rgba(0,0,0,10);
}

div.master-left
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 120px;
    overflow: hidden;
    background: #777;
}

div.master-left-gap
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 120px;
    width: 20px;
    background: #eee;
}

div.master-right    /* left = master-left + master-left-gap */
{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 140px;
    background: #eee;
}

div.master-box
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
}

div.master-bottom, div.master-bottom-block
{
    position: absolute;
    top: 46px;
    bottom: 0;
    right: 0;
    left: 0;
    background: #111;
    overflow: hidden;
    z-index: 1;
}

body.cash-auth-warning-active div.master-bottom,
body.cash-auth-warning-active div.master-bottom-block
{
    top: 87px;
}

div.cash-auth-warning
{
    position: fixed;
    top: 46px;
    right: 0;
    left: 0;
    height: 40px;
    line-height: 20px;
    padding: 9px 20px 9px 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #5b3900;
    background: #fff1b8;
    border-bottom: 1px solid #d69b00;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: bold;
    z-index: 1001;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.25);
}

div.master-bottom-block
{
    z-index: 1000;
}

div.master-right-block
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(0,0,0,0.6);
    z-index: 999;
}

/* -------------------------------------------------- master-left: 細項 */

div.master-left > .item
{
    position: relative;
    border: 0;
    border-bottom: 1px solid #333;
    height: 65px;
    line-height: 65px;
    width: 100%;
    text-align: center;
    cursor: pointer;
    font-size: 1.35em;
    background: #999;
    color: #fff;
}

div.master-left > .item:hover
{
    background: #aaa;
}

div.master-left > .item.enabled
{
    font-weight: bold;
    background: #eee;
    color: #222;
}

div.m-misc
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70px;
    text-align: center;
}

div.m-misc .cbtn
{
    margin-bottom: 5px;
}

/* -------------------------------------------------- master-head: 細項 */

div.hd-left
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 0;
}

div.hd-right
{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 1;
}

div.hd-center
{
    position: relative;
    margin: 0 auto;
    height: 40px;
    width: 500px;
    z-index: 2;
    background: #111;
    color: #eee;
    text-align: center;

    border: 2px solid #666;
    border-top: 0;

    -webkit-box-shadow:inset 0 1px 15px rgba(0,0,0,5), 0 1px 10px rgba(0,0,0,35);
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

div.hd-left div, div.hd-right div
{
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    color: #eee;
}

div.sinfo
{
    padding: 0 5px;
}

div.single-line
{
    line-height: 45px;
}

.font-sp-1
{
    font-family: 'Racing Sans One', cursive;
}

.font-sp-2
{
    font-size: 0.95em;
    font-weight: bold;
    line-height: 1.5em;
}

.font-sp-3
{
    line-height: 2em;
}

div#u-logo
{
    font-family: 'Racing Sans One', cursive;
    text-indent: 10px;
    font-size: 1.5em;
    color: #01A9DB;
    width: 100px;
}

div#u-logout
{
    width: 90px;
    margin-left: 10px;
    text-align: center;
}

div#u-logout > button
{
    margin-top: 7px;
}

#u-time
{
    margin-left: 15px;
}

#input-clerk-login
{
    margin: 6px 6px 0 5px;
    width: 140px;
}

/* -------------------------------------------------- master-right: 細項 */

/* ---------------------------------------------------------------------- BillingManagement */

/* -------------------------------------------------- billing: 主框架 */

div.master-content-top
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 65px;
    background: #777;
    z-index: 2;
}

div#bl-query-txn
{
    position: absolute;
    top: 0;
    right: 0;
    height: 65px;
    width: 300px;
    background: #666;
    z-index: 1;
}

div#bl-content
{
    border: 1px solid #ddd;
    position: absolute;
    top: 0;
    left: 0;
    right: 310px;
    bottom: 5px;
    background: #fff;
    overflow: auto;
}

div#bl-ops
{
    position: absolute;
    top: 0;
    width: 300px;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

div.master-content-bottom
{
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 2;
}

div.master-content-op
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 45px;
    overflow: hidden;
    
}
div.master-content-op > div{
    display: inline-block;
}

div.master-content-content
{
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}

/* -------------------------------------------------- billing: bl-customer-tab 細項 */

div#bl-customer-tab > .item, div#bl-bdlg-tab > .item, div.master-content-top > .item
{
    height: 65px;
    line-height: 65px;
    padding: 0 20px;
    min-width: 100px;
    margin-top: 0px;
    float: left;
    cursor: pointer;
    background: #999;
    color: #eee;
    border: 0;
    border-left: 1px solid #777;
    border-right: 1px solid #777;
}

div#bl-customer-tab > .item:hover, div#bl-bdlg-tab > .item:hover, div.master-content-top > .item:hover
{
    background: #aaa;
}

div#bl-customer-tab > .item.enabled, div#bl-bdlg-tab > .item.enabled, div.master-content-top > .item.enabled
{
    background: #eee;
    color: #333;
}

div#bl-customer-tab > .item.add, div#bl-bdlg-tab > .item.add
{
    padding: 0 10px;
}

div#bl-bdlg-tab > .item
{
    height: 45px;
    line-height: 45px;
    border: 1px solid #777;
    border-bottom: 1px solid #999;
}

div#bl-bdlg-tab > .item.margin-r
{
    margin-right: 3px;
}

div#bl-bdlg-tab > .item.enabled
{
    border: 1px solid #777;
    border-bottom: 1px dashed #bbb;
}

div#bl-bdlg-tab > .item.disabled, div#bl-bdlg-tab > .item.disabled:hover
{
    border: 1px solid #fff;
    border-bottom: 1px solid #777;
    background: #ddd;
    color: #fff;
    cursor: default;
}

div#bl-bdlg-tab
{
    position: absolute;
    top: 0;
    left: 0;
    height: 45px;
    z-index: 2;
}

div.bl-bdlg-tab
{
    position: relative;
    height: 44px;
}

div#bl-bdlg-content, div.bl-bdlg-box
{
    position: relative;
    border: 1px solid #777;
    z-index: 1;
}

div.bl-bdlg-box.light
{
    border: 1px solid #bbb;
}

div#bl-bdlg-content
{
    padding-top: 25px;
    background: #eee;
}

div.bl-hybrid-box-mask, div.bl-box-mask
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(255,255,255,0.7);
    z-index: 50;
    height: auto;
}

table.bl-billing-table
{
    border: 0;
    line-height: 20px;
}

table.cls-bl-table
{
    border: 0;
    border-spacing: 0 0;
    width: 100%;
}

.bl-billing-table td
{
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    background: #fff;
}

.bl-billing-table th
{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width: 110px;
}

.bl-billing-table td.bpay-paid
{
    border-bottom: 1px solid #ddd;
    background: #fff;
}

.bl-billing-table td input[type="text"]
{
    text-align: right;
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    width: 97%;
}

.bl-billing-table td.bpay-cash-paid
{
    padding-top: 0;
    padding-bottom: 0;
}

td.bpay-cash-change.alert
{
    color: #333;
}

.irow.bdlg-hint
{
    font-size: 0.9em !important;
}

#input-print-count
{
    width: 2em;
    text-align: center;
    padding: 0
}

/* -------------------------------------------------- billing: bl-query-txn 細項 */

input#bl-query-txn-input
{
    margin-top: 15px;
    margin-left: 15px;
    width: 264px;
}

/* -------------------------------------------------- billing: bl-content 細項 */

div.irow /* item row */
{
    width: 100%;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    padding: 5px 0;
    line-height: 35px;
}

div.irow .labelbox
{
    display: inline-block;
    width: 145px;
    padding-left: 5px;
    color: #222;
}

#bl-billing-operator
{
    position: relative;
    overflow: hidden;
    margin: 14px 0;
    font-style: italic;
    font-weight: bold;
    height: 22px;
}

#bl-billing-dlg
{
    position: relative;
    overflow: hidden;
}

#bl-billing-dlg div.irow
{
    font-size: 0.95em;
    line-height: 27px;
}

#bl-billing-dlg div.credit-manual-info
{
    line-height: 35px;
}

#bl-billing-dlg div.credit-manual-info input[type="text"]
{
    text-align: left;
}

table
{
    border: 1px solid #ddd;
    line-height: 35px;
    table-layout: fixed;
}

table th
{
    background: #eee;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
}

table td
{
    padding: 5px 0;
    border-left: 0px solid #ddd;
    border-right: 0px solid #ddd;
}

.tol-1
{
    width: 64px;
}

.tol-2
{
}

.tol-3
{
    width: 75px;
    text-align: center;
}

.tol-4
{
    width: 50px;
}

.tol-6
{
    width: 50px;
    text-align: center;
}


.tol-7
{
    width: 170px;
    text-align: center;
}

.tol-5, .tdl-2, .tdl-3
{
    width: 75px;
}

td.tol-1
{
    text-align: center;
}

td.tol-2
{
}

td.tol-3
{
    text-align: right;
    padding-right: 10px !important;
}

td.tol-4
{
    text-align: center;
}

td.tol-5, td.tdl-2, td.tdl-3
{
    text-align: right;
    padding-right: 10px !important;
    border-left: 1px solid #ddd !important;
}

th.tol-5, th.tdl-3
{
    text-align: right;
    padding-right: 10px !important;
}


tbody.t-hint td
{
    text-align: center;
    color: #999;
    padding: 20px 0;
}

td.tdl-1
{
    text-align: left;
    padding-left: 20px !important;
}

tr.reserved
{
    background: #FFEBAD !important;
}

tr.reserved-ok
{
    background: #BDE572 !important;
}

tr.disabled
{
    background: #DC8D8D !important;
}

tr.reserved input[type="text"]
{
    border: 1px solid #E2B839 !important;
}

tr.sprow > td
{
    padding: 0;
}

.tgl-1
{

}
.tgl-6
{
    width: 64px;
    text-align: center;
}

.tgl-2
{
    width: 175px;
}

.tgl-3
{
    width: 175px;
}

.tgl-4
{
    width: 50px;
}

#tol-gift td
{
    text-align: center;
}

#tol-gift td.tol-1
{
    white-space: nowrap;
}

#tol-gift td.tol-1 > button
{
    vertical-align: middle;
}

#tol-gift td.tol-6 > input.keep-gift
{
    vertical-align: middle;
}

#input-member-id, #input-txn-ubn
{
    width: 190px;
}

.txt_coupon_code,
#input-c-discount,
#down-payment-amount,
#input-dp-paid
{
    width: 190px;
}

input#input-c-discount,
input#down-payment-amount,
input#input-dp-paid
{
    text-align: right;
    padding-right: 10px;
    width: 180px;
}

input.txt_coupon_code
{
    text-align: left;
    text-transform: uppercase;
}
#input-member-id, #input-txn-ubn, #input-c-discount, .txt_coupon_code, #down-payment-amount, #input-dp-paid
{
    margin-left: 8px;
}

.coupon-hint {
    position: relative;
    text-align: right;
    color: #ad0000;
    font-size:14px;
    top: -8px;
    height: 20px;
}

.coupon-hint .tooltiptext {
    visibility: hidden;
    background-color: #ad0000;
    color: #fff;
    border-radius: 6px;
    padding: 2px 5px;
    position: absolute;
    right: 30px;
    bottom: -45px;
    z-index: 1;
}
.coupon-hint .hint{
    cursor: help;
}
.coupon-hint .hint:hover ~ .tooltiptext {
  visibility: visible;
}

#is-auto-addon
{
    float: left;
    margin-top: 2px;
    margin-left: 6px;
}

input.order-good-name
{
    width: 99%;
}

input.order-gift-name, input.order-gift-uid
{
    width: 98%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.order-gift-style > select
{
    border: 1px solid #ddd;
    padding: 6px 2px;
    font-size: 0.9em;
    width: 99%;
}

input.order-count, input.order-price
{
    width: 93%;
    text-align: center;
    padding-left: 0;
}

div.bl-mbdata-box
{
    border: 1px solid #ddd;
    margin-top: 5px;
    overflow:auto;
    background: #fff;
}

div.bl-mbdata-box table
{
    font-size: 0.85em; 
    line-height:1.1em; 
    border: 0;
}

div.bl-mbdata-box th
{
    width: 70px; 
    border-bottom: 0;
}

div.bl-mbdata-box td
{
    padding-left: 5px;
    color: #666;
}
div.bl-mbdata-box .show-switch{
    text-align: right;
    padding: 2px 10px;
}
div.bl-mbdata-box .show-switch span{
    font-weight: bold;
    letter-spacing: 0.1em;
    color: blue;
    cursor: pointer;
}
div.bl-mbdata-box .show-switch span::hover{
    color: #0098c4;
}

div.bl-subtotal-box
{
    border: 0;
    border-bottom: 1px solid #555;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 87px;
    overflow:auto;
    background: #666;
    font-size: 2em;
    color: #fff;
    vertical-align: bottom;
    line-height: 120px;
    overflow: hidden;
    text-align: right;
    padding-right: 10px;
}

div.bl-subtotal-box.loading
{
    background-image: url(PIC/loading_130.gif);
    background-repeat: no-repeat;
    background-position: center 50px;
}

div.bl-subtotal-box .total-count{
    position: absolute;
    top: 0;
    right: 0;
    color: #ddd;
    font-size: 16px;
    line-height: 40px;
    text-indent: 10px;
    padding-right: 10px;
}
div.bl-subtotal-box .htext
{
    position: absolute;
    top: 0;
    left: 0;
    color: #ddd;
    font-size: 20px;
    text-indent: 10px;
}

button#start-billing
{
    position: absolute;
    bottom: 0;
    right: 0;
    height: 42px;
    width: 100%;
    padding: 10px 0;
}

div#bl-ops-pannel
{
    position: absolute;
    top: 0;
    bottom: 140px;
    right: 0;
    left: 0;
    z-index: 4;
    overflow: auto;
    padding-right: 10px;
}


#bl-ops-pannel .irow > input,
#bl-ops-pannel .irow > textarea
{
    float: right;
}

div#bl-b-start
{
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 295px;
    height: 130px;
    background: rgba(255,0,0,0.6);
    z-index: 5;
}

button#unapply-member-data
{
    padding-left: 0;
    padding-right: 0;
    width: 145px;
}

#input-txn-scomment
{
    width: 250px;
}

/* -------------------------------------------------- bl-member-select 細項 */

#bl-member-select td, #bl-member-select th
{
    border: 0;
}

#bl-member-select #bms-body tr
{
    border: 1px solid #555;
    background: #666;
    color: #fff;
    cursor: pointer;
}

#bl-member-select #bms-body tr:hover
{
    border: 1px solid #444;
    background: #777;
    color: #fff;
}

#bl-member-select #bms-body tr:active
{
    background: #555;
    color: #fff;
}
.bms-0
{
    width: 120px;
    text-align:center;
}
.bms-1
{
    width: 350px;
}

.bms-2
{
    width: 180px;
}

.bms-3
{
}

td.bms-1
{
    text-align: center;
}

td.bms-2
{
    text-align: center;
}

td.bms-3
{
    padding-left: 10px;
}

td.bms-4
{
    text-align :center;
}

#mb-texpense,
#mb-depositvalue
{
    padding-left: 5px;
}

td.grd-1
{
    padding-left: 5px;
}

.grd-2
{
    width: 100px;
    text-align: center;
}


/* -------------------------------------------------- bl-txnkey-select 細項 */
#bl-temp-txn-select #bts-body tr,
#bl-txnkey-select #bts-body tr
{
    border: 1px solid #555;
    background: #666;
    color: #fff;
    cursor: pointer;
}

#bl-temp-txn-select #bts-body tr:hover,
#bl-txnkey-select #bts-body tr:hover
{
    border: 1px solid #444;
    background: #777;
    color: #fff;
}

#bl-txnkey-select #bts-body tr:active
#bl-txnkey-select #bts-body tr:active
{
    background: #555;
    color: #fff;
}

.bts-1
{
    width: 220px;
}

.bts-2
{
    width: 120px;
}

.bts-3
{
}

.bts-4, .bts-5 {
    width: 120px;
    padding: 0 3px;
}
.bts-6{
    width: 80px;
}
td.bts-1, td.bts-2, td.bts-3, .bts-4, .bts-5
{
    text-align: center;
}

.delete-temp, .apply-temp{
    cursor: pointer;
}
.delete-temp{
    color: red;
}
.apply-temp{
    color: blue;
}

/* ---------------------------------------------------------------------- GoodManagement / MemberManagement */
div.billing-input, div.good-input, div.member-input
{
    width: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 10px;
    border-bottom: 0;
    color: #eee;
}

#gm-tb-name
{
    margin-bottom: 3px;
}

.gm-bottom table td
{
    background: #fff;
}

#input-good-uid
{
    width: 400px;
}

div.gm-bottom
{
    overflow: auto;
}

.gmi-1
{
    width: 200px;
}

.gmi-2
{
    width: 200px;
}

.gmi-3
{
    border-left: 1px solid #ddd;
}
.gmi-3.even{
    background-color: #edf8fb;
}
.header-present-head-fixed{
     position: fixed;
     display: none;
}

#gm-good-inventory td, td.gm-g-id
{
    text-align: center;
}

td.gm-g-name,
td.gm-g-schtxt
{
    padding-left: 20px;
}

th.gm-th-gname
{
    text-align: left;
    padding-left: 20px;
}

#gm-timestamp, #mb-timestamp, .last-timestamp
{
    padding-top: 5px;
    padding-right: 5px;
    text-align: right;
    font-size: 0.9em;
    color: #888;
}

#gm-tb-rsgood td
{
    text-align: center;
}

#gm-tb-rsgood tr
{
    border-bottom: 1px solid #ddd;
}

.gmrsg-1, .gmrsg-3
{
    width: 200px;
}

.gmrsg-5, .gmrsg-6, .gmrsg-7
{
    width: 80px;
    border-left: 1px solid #ddd;
}

#gm-content-rstxn td
{
    border: 1px solid #ddd;
    text-align: center;
}

.gmrst-1
{
    width: 200px;
}

.gmrst-2
{
    width: 220px;
}

.gmrst-3
{
    width: 180px;
}

.gmrst-3 > button
{
    width: 152px;
}

.gmrst-5
{
    width: 40px;
}

.gmrst-6
{
    width: 150px;
}

td.gmrst-4
{
    text-align: left !important;
    padding-left: 10px;
}

td.gmrst-4 > input[type="text"]
{
    width: 97%;
}

#madlg-recv-county, #madlg-recv-town{
    width: 100px;
    height: 30px;
    margin-bottom: 5px;
    font-size: 16px;
}
/* ---------------------------------------------------------------------- MemberManagement */

.allow-dm-edit, .is-vip-edit, .cashbox-io-type
{
    background: #eee;
    padding: 5px;
}

.allow-dm-static, .is-vip-static
{
    padding-left: 5px;
}

div.mb-edit-op
{
    position: relative;
    margin-top: 5px;
    text-align:center;
}

div.mb-bottom
{
    overflow: auto;
}

.mb-m-table td
{
    padding-left: 10px;
    background: #fff;
}

.mb-m-table th
{
    border-right: 1px solid #ddd;
    width: 115px;
}

.mb-m-table td input[type="text"]
{
    width: 98.5%;
}

/* -------------------------------------------------- 信用卡連線 */
#bl-creditcard-confirm
{
    padding-top: 20px;
    text-align: center;
}

.fieldset-status, .fieldset-info
{
    position: relative;
    height: 100px;
    overflow: hidden;
}

.fieldset-status .fieldset-content
{
    text-align: center;
    padding-top: 20px;
}

.fieldset-info
{
    margin-top: 10px;
    height: 200px;
}

.fieldset-info .fieldset-content
{
    text-align: center;
    padding-top: 20px;
    line-height: 1.5em;
}

/* -------------------------------------------------- 發票管理 */

#brmp-table input[type="text"]
{
    width: 94%;
}

/* -------------------------------------------------- autocomplete */

.ac_results {
	padding: 0px;
	border: 1px solid #ddd;
	background-color: white;
	overflow: hidden;
	z-index: 20000;
    -webkit-box-shadow: 0 5px 15px rgba(60,60,60,10);
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	overflow: hidden;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #444;
	color: white;
}

/*------------------------------------- Temp ---*/
#order-add.cbtn, .order-del.cbtn, .order-readd.cbtn
{
    font-family: 'Courier New';
    font-weight: bold;
    color: #ddd;
}

#order-add.cbtn:hover, .order-del.cbtn:hover, .order-readd.cbtn
{
    color: #fff;
}

/* ---------------------------------------------------------------------- SettingManagement */

/* ---------------------------------------------------------------------- CountingManagement */
#cm-tb-cash-count td, .tb-cash-count td
{
    background: #fff;
}

.cmi-1
{
    border-right: 1px solid #DDD;
    width: 150px;
}

.cmi-2
{
    width: 250px;
    text-align: right;
    padding-right: 10px;
}

.cmi-3
{
    padding-left: 10px;
    color: #999;
}

.cm-stocktake-table td
{
    padding-left: 10px;
    background: #fff;
}

.cm-stocktake-table th
{
    border-right: 1px solid #ddd;
    width: 215px;
}

#cm-cashbox-io-dlg .cm-stocktake-table th
{
    width: 115px;
}

.cm-stocktake-table input[type="text"]
{
    width: 215px;
}

.cm-stocktake-table textarea
{
    width: 210px;
}

#cm-stocktake-dlg > p
{
    padding: 3px;
    margin-bottom: 10px;
    line-height: 1.4em;
}

#cm-stocktake-dlg .cur-time, #cm-stocktake-dlg .cur-count
{
    color: #444;
}

#cm-stocktake-dlg .cur-count
{
    font-weight: bold;
}

.to-lack-good-1 {
    width: 40%;
    padding-left: 5px;
}
.to-lack-good-2 {
    width: 12%;
    text-align: center;
}
.to-lack-good-3 {
    width: 48%;
    text-align: center;
    color: red;
}

td.td-inv-amount {
    text-align: center;
}

div#dlg-lack-inventory table {
    line-height: 30px;
    font-size: 100%;
}

div.current-receipt-info, div.current-einvoice-info {
    margin-right:22px;
    display:inline-block;
    float:right;
}
label#input-rcpt-num, label#einvoice-ubn {
    width:190px;
    margin-left:8px;
    padding:2px 8px;
    line-height:35px;
    border: 1px solid;
    font-weight:bold;
}
label.receipt-warning {
    color: #FF9B9B;
    text-align:center;
}

div.div-gap-desc span.title {
    cursor : pointer;
    color: #2F8CC1;
}
.cls-warning {
    color: #FF9B9B;
    text-align:center;
}

.linepay-result {
    color : #0000c4;
    font-weight: bold;
    text-align: center;
}

td.ellipsis {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

table#tb-cashbox-log {
    margin: 0 5px 0 0;
}
table#tb-cashbox-log tr {
    border-bottom: 1px solid #ddd;
}
table#tb-cashbox-log tbody td {
    background : #fff;
    text-align: center;
}

div.ac_results strong {
    color : #ff9c00;
}

/* 發票狀態 */
.inv-status-issued { color: #4CAF50; }
.inv-status-pending { color: #FF9800; }
.inv-status-failed { color: #F44336; }
.inv-status-inactive { color: #999; }