/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 23, 2022, 5:35:09 PM
    Author     : Administrator
*/

.ss_cashier_complete_inner
{
    width:100%;
    height:100%;
}

.ss_cashier_complete_curtain
{
    display: flex;
    justify-content: center;
    align-items: center;
    
    top:0;
    z-index:99999;
    width:100%;
    height:100%;
    background-color: rgba(230, 230, 230, 0.75);
}

.ss_cashier_complete_order_base
{
    height:100%;
    width:29%;
    vertical-align: top;
    border:1px solid none;
}

.ss_cashier_complete_order_folder
{
    width:100%;
    height:55%;
    border-bottom:1px solid lightgrey;
    overflow:auto;
}

.ss_cashier_complete_order_final
{
    width:100%;
    height:44%;
    font-size:0.8em;
}

.ss_cashier_complete_order_final_payments_folder
{
    height:9em;
    overflow:auto;
}

.ss_cashier_complete_orderN_base
{
    height:4em;
    width:90%;
    border-radius:5px;
    margin:auto;
}

.ss_cashier_complete_orderN_base:nth-of-type(1)
{
    margin-top:3em;
}

.cashier_complete_order_N_icon
{
    height:2em;
    padding-left:1em;
    padding-right:1em;

}

.cashier_complete_order_N_icon span
{
    font-size:1.4em;
}

.cashier_complete_order_N_dets_base
{
    height:100%;
    width:calc(100% - 10.4em);
    border:1px solid none;
    
}

.cashier_complete_order_N_dets
{
    height:2em;
    font-family:Gotham-Book;
    
    
}

.cashier_complete_order_N_dets span:nth-of-type(1)
{
    display:block;
    font-size:0.8em;
    font-family: Opensans-Regular;
}

.cashier_complete_order_N_dets span:nth-child(2)
{
    display:block;
    font-size:0.9em;
    font-family: Opensans-Semibold;
}

.cashier_complete_order_N_total_base
{
    height:4em;
    width:6em;
    text-align:right;

}

.cashier_complete_order_N_total
{
    height:2em;
    padding-top:1em;
    font-family: Gotham-Medium;
    font-size:0.9em;
}

.cashier_complete_order_N_total span:nth-of-type(1)
{
    
}

.ss_cashier_complete_quantity_base
{
    width:85%;
    height:1.5em;
    margin:auto;
    margin-top:1em;
}


.ss_cashier_complete_subtotal_base
{
    width:85%;
    height:1.5em;
    margin:auto;
    margin-top:1em;
}

.ss_cashier_complete_tax_base
{
    width:85%;
    height:1.5em;
    margin:auto;
    margin-top:1em;
}

.ss_cashier_complete_discount_base
{
    width:85%;
    height:1.5em;
    margin:auto;
    margin-top:1em;
}

.ss_cashier_complete_final_total_base
{
    width:85%;
    height:1.5em;
    margin:auto;
    margin-top:1em;
}

.ss_cashier_complete_final_pay_base
{
    width:calc(85% );
    height:1.5em;
    margin:auto;
    margin-top:1em;
    
}

.ss_cashier_complete_totals_line_col1
{
    width:56%;
    font-family:Opensans-Semibold;
}

.ss_cashier_complete_totals_line_col2
{
    width:43%;
    text-align: right;
    font-family:Opensans-Semibold;
}

.ss_cashier_complete_totals_line_col2_amount2becharged span
{
    color:#81AB1C;
    font-weight: bold;
    font-family: Gotham-Medium;
}

.ss_cashier_complete_payment_dets
{
    width:70%;
    height:100%;
    background-color: white;

    box-sizing: border-box;
}

.ss_cashier_complete_helpby
{
    width:100%;
    height:3em;
}

.ss_cashier_complete_amount_2b_charged
{
    width:70%;
    margin:auto;
    margin-top:4em;

    box-sizing: border-box;
}

.ss_cashier_complete_amount_2b_charged_title
{
    height:1.5em;
    vertical-align: top;
    width:100%;
    text-align: center;
    font-family: OpenSans-Bold;
    font-size: 1.5em;
}

.ss_cashier_complete_amount_2b_charged_inputbox_outline
{
    overflow:hidden;
    width:99%;
    height:4.5em;
    border-radius:5px;
    border:1px solid lightgrey;
    text-align:center;
}

.ss_cashier_complete_amount_2b_charged_inputbox_cur_sign
{
    display:inline-block;
    text-align:left;
    padding-left:0.5em;
    width:1em;
    height:100%;
    padding-top:1.7em;
    vertical-align:top;
}

/* canceled */
.ss_cashier_complete_amount_2b_charged_inputbox_inline
{
    display:inline-block;
    vertical-align: top;
    width:calc(93% - 1em);
    height:100%;
    font-size:2em;
    padding-top:0.5em;
    outline:none;
    font-family: Gotham-Medium;
}

.ss_cashier_complete_amount_2b_charged_inputbox_outline input
{
    width:calc(100% - 5em);
    height:100%;
    border:none;
    outline:none;
    text-align: center;
    font-size:1.5em;
    font-family: Gotham-Medium;
}


.ss_cashier_complete_payment_types
{
    width:70%;
    margin:auto;
    margin-top:2em;
}

.ss_cashier_complete_pt_button
{
    height:4em;
    width:calc(19.75% - 0.5em);
    margin-right:0.5em;
    border:1px solid lightgrey;
    background-color:#337ab7;
    border-radius:5px;
    vertical-align:top;

    cursor:pointer;

    background-color: lightgrey;
    box-shadow:0 0px 0px 0px #646464;
    color:#0a0a0a;

}

.ss_cashier_complete_pt_button:active
{
    border:1px solid grey;
    background-color:#337ab7;
    color:white;
}

/* cash default selected */
/*
.ss_cashier_complete_pt_button:nth-of-type(1)
{
    background-color: #337ab7;
    box-shadow:0 0px 3px 0px #646464;
    color:white;
}
*/

.ss_cashier_complete_pt_button:last-of-type
{
    margin-right:0em;
}

.ss_cashier_complete_pt_btn_txt
{
    height:1em;
    text-align:center;
    font-family: OpenSans-Semibold;
    color:inherit;
}

.ss_cashier_complete_cust_name
{
    width:70%;
    margin:auto;
    margin-top:2em;
    height:3em;
    
}

.ss_cashier_complete_cust_name input
{
    height:100%;
    width:100%;
    outline:none;
    border:1px solid lightgrey;
    border-radius:5px;
    color:grey;
    padding-left:1em;
    
    box-sizing: border-box;
    
}

.ss_cashier_complete_phone_no
{
    width:70%;
    margin:auto;
    margin-top:1em;
    height:3em;
    
}

.ss_cashier_complete_phone_no input
{
    height:100%;
    width:100%;
    outline:none;
    border:1px solid lightgrey;
    border-radius:5px;
    color:grey;
    padding-left:1em;
        box-sizing: border-box;
}


.ss_cashier_complete_cust_Id
{
    width:70%;
    margin:auto;
    margin-top:1em;
    height:3em;

}

.ss_cashier_complete_cust_Id input
{
    height:100%;
    width:100%;
    outline:none;
    border:1px solid lightgrey;
    border-radius:5px;
    color:grey;
    padding-left:1em;
    box-sizing: border-box;
}

.ss_cashier_complete_helped_by
{
    width:70%;
    margin:auto;
    margin-top:1em;
    height:3em;

}

.ss_cashier_complete_helped_by select
{
    height:100%;
    width:100%;
    outline:none;
    border:1px solid lightgrey;
    border-radius:5px;
    color:grey;
    padding-left:1em;
    box-sizing: border-box;
    
}

.ss_cashier_complete_helped_by select:focus
{
    border:2px solid #98BCDB;
    box-shadow: 0 0px 1px 0px #646464;
}

.ss_cashier_complete_helped_by select > option
{
    font-size:2em;
    font-family: Gotham-Light;
}

.ss_cashier_complete_notes
{
    width:70%;
    margin:auto;
    margin-top:1em;
    height:3em;

    box-sizing: border-box;
}

.ss_cashier_complete_notes textarea
{
    height:100%;
    width:100%;
    outline:none;
    border:1px solid lightgrey;
    border-radius:5px;
    color:grey;
    padding-left:1em;
    padding-top:0.5em;

    box-sizing: border-box;
}

.ss_cashier_complete_notes textarea:focus
{
    border:2px solid #98BCDB;
    box-shadow: 0 0px 1px 0px #646464;
}

.ss_cashier_complete_button
{
    width:70%;
    margin:auto;
    margin-top:1.5em;
    height:3em;

    box-sizing: border-box;
}

.ss_cashier_complete_button_inner
{
    height:4em;
    width:100%;
    margin-right:0.5em;

    border:1px solid transparent;

    background-color:rgba(129 , 171, 28,  1);
    border-radius:5px;
    vertical-align:top;
    box-shadow: 0 0px 3px 0px #646464;
    font-family: OpenSans-Semibold;
    color:white;
        
    box-sizing: border-box;
}

.ss_cashier_complete_button_inner:hover
{
    background-color:#81AB1C;
    cursor:pointer;
}

.ss_cashier_complete_button_inner:active
{
    border:1px solid lightgrey;
    box-shadow: 0 0px 0px 0px #646464;
    cursor:pointer;
}

.ss_cashier_complete_button_txt
{
    height:1em;
    text-align:center;
    font-family: OpenSans-Semibold;
    color:white;
    border:1px solid transparent;
}


.ss_cashier_msg_screen_base
{
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color: rgba(200, 200, 200, 0.85);
    visibility:hidden;
}

.ss_cashier_msg_screen_window
{
    margin:auto;
    width:40%;
    padding-bottom:2em;
    background-color: white;
    border-radius:5px;
    box-shadow: 0 0px 8px 0px #646464;
}

/* icon */
.ss_cashier_msg_screen_window span:nth-of-type(1)
{
    color:#81AB1C;
    font-size:4em;
    padding-top:1em;
    padding-bottom:0.5em;
}

.ss_cashier_msg_screen_window span:nth-of-type(2)
{
    font-size:2em;
    padding-bottom:1em;
    font-family: Gotham-Medium;
}

.ss_cashier_msg_screen_window_ok
{
    margin:auto;
    width:20%;
    padding:1em;
    border-radius:5px;
    border:1px solid transparent;
    background-color: #337ab7;
    color:white;

    box-shadow: 0 0px 3px 0px #646464;
    font-family: Gotham-Medium;
}

.ss_cashier_msg_screen_window_ok:hover
{
    background-color: #FFC30E;
    cursor:pointer;
}

.ss_cashier_msg_screen_window_ok:active
{
    border:1px solid lightgrey;
    box-shadow: 0 0px 0px 0px #646464;
}


/* ********************************************************************************
    MOBILE PHONE
********************************************************************************  */
@media only screen and (max-height: 480px)
{
    .ss_cashier_complete_inner
    {
        display:inline-block;
        height:135vh;
    }
    
    .ss_cashier_complete_pt_btn_txt
    {
        font-size:0.8em;
    }
    
}
@media only screen and (max-width: 480px), only screen and (max-width: 480px)
{
    
    .ss_cashier_complete_order_base
    {
        width:100%;
    }
    
    .ss_cashier_complete_payment_dets
    {
        width:100%;
    }
    
    .ss_cashier_complete_pt_btn_txt
    {
        font-size:0.8em;
    }

}

@media only screen and (min-width: 480px) and (max-width: 768px)
{
    .ss_cashier_complete_orderN_base
    {
        font-size:0.6em;
    }
    
    .ss_cashier_complete_order_final
    {
        font-size:0.6em;
    }
}

/* ********************************************************************************
 Medium devices (landscape tablets, 768px and up) 
********************************************************************************  */
/* tablet - portrait (must be min width)*/
@media only screen and (min-width: 768px) and (max-width: 992px)
{
    .ss_cashier_complete_orderN_base
    {
        font-size:0.7em;
    }
    
    .ss_cashier_complete_order_final
    {
        font-size:0.7em;
    }

}

/* tablet - landscape (must be min width)*/
@media only screen and (min-width: 992px) and (max-width: 1024px)
{
    .ss_cashier_complete_orderN_base
    {
        font-size:0.8em;
    }
    
    .ss_cashier_complete_order_final
    {
        font-size:0.8em;
    }

}

/* tablet - landscape (must be min width)*/
@media only screen and (min-width: 1024px)
{
    .ss_cashier_complete_orderN_base
    {
        font-size:0.9em;
    }
}

/* extra large devices : desktops, pcs and so on*/
@media only screen and (min-width: 1200px)
{
    
}