div.div_pos_login_form, table.div_pos_login_form
{
    width: 240px;
    float: none;
    margin: auto;
}
div.div_pos_screen_selecter, table.div_pos_screen_selecter
{
    width: 300px;
    float: none;
    margin: auto;
}

div.div_pos_error_summary
{
    width: 500px;
    text-align: center;
    float: none;
    margin: auto;
}

/* ------------------------------------------------------ POS Order Index Page CSS ------------------------------*/
/*<div class="div_pos_container">
    <div class="div_pos_content_left">
        <div class="div_operator"></div>
        <div class="div_basket"></div>
        <div class="div_user_buttons"></div>
    </div>
    <div class="div_pos_content_right">
    </div>
</div>*/

div.div_top_left
{
    width: 30%;
    height: 80%;
    float: left;
}

div.div_top_right
{
    width: 70%;
    height: 80%;
    float: left;
}

div.div_bottom_left
{
    width: 30%;
    height: 20%;
    float: left;
}

div.div_bottom_right
{
    width: 70%;
    height: 20%;
    float: left;
}

span.div_dtType
{
    color: #5c87b2;
    font-size: 18px;
    font-weight: bold;
}
div.div_pos_container
{
    /*width: 1024px;     height: 660px;*/
    height: 700px;
    margin: auto;
    float: none;
    background-color: #fdfdfd;
}

div.div_pos_content_left
{
    width: 33%;
    height: 650px;
    float: left;
}

div.div_pos_content_right
{
    width: 66%;
    height: 650px;
    float: left;
}

div.div_operator
{
    height: 40px;
    text-align: center;
    padding-top: 5px;
}

div.div_basket
{
    height: 376px;
    overflow: hidden;
    border: solid 1px #e8eef4;
}

div.div_backet_old
{
    height: 50px;
}

div.div_user_buttons
{
    /*height: 260px;*/
}

div#div_buttons
{
    height: 484px;
    overflow: hidden; /*width: 580px;*/
    float: left;
    border-bottom: solid 1px #ccc;
}

div#divPhoneOrders
{
    height: 400px;
    width: 95%;
    overflow: hidden;
    float: left;
    border-bottom: solid 1px #ccc;
}

div#div_buttons_left
{
    height: 610px;
    overflow: hidden;
    padding: 0px 5px;
    width: 90%;
    float: left;
}

div#div_buttons_right
{
    width: 8%;
    height: 484px;
    border: solid 0px #ccc;
    float: left;
}

div#div_phone_order_buttons_right
{
    width: 5%;
    height: 350px;
    border: solid 0px #ccc;
    float: left;
    text-align: center;
}

div#div_pagination
{
    height: 32px;
    text-align: center;
}

div.div_pagination
{
    height: auto;
    text-align: center;
    padding: 6px 0px;
}

/* ---------------------------------------------------------------------------* div pop up * -----------------------------*/
div.div_popup
{
    height: auto;
    margin: auto;
    float: none; /*position: relative;     top: 0px;     left: 0px;*/
    background-color: #fdfdfd;
    border: solid 1px #aaa;
}

div.div_popup_back
{
    height: auto;
    width: 300px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px;
}

table.tbl_payment
{
    width: 100%;
    color: #000;
}

table.tbl_payment td
{
    height: 40px;
    font-size: 14px;
    text-align: right;
    width: 50%;
}

table.tbl_tableservice
{
    width: 100%;
    color: #000;
}

table.tbl_tableservice td
{
    height: 40px;
    font-size: 14px;
    text-align: right;
    width: 33%;
}

table.tbl_address
{
    width: 100%;
    color: #000;
}

table.tbl_address td
{
    height: 40px;
    font-size: 14px;
    text-align: center;
    width: 50%;
}

td.tbl_total_row
{
    border-top: solid 1px #ccc;
}

table.table_old_order td
{
    padding: 5px;
    vertical-align: top;
    font-size: 15px;
}

table.table_old_order th
{
    border: dotted 1px #ccc;
    padding: 5px;
    vertical-align: top;
    font-size: 15px;
}

table.table_old_order tr
{
    border: dotted 1px #ccc;
}

.tr_order
{
}

.tr_order:hover
{
    /*background-color: #ff7;*/
}

.tr_order_hover
{
    /*background-color: #ff7;*/
    background-color: rgb(82,135,178);
}

tr.refunded
{
    color: #a00;
    border: dotted 1px #a00;
}

label.refunded
{
    color: #800000;
    font-weight: bold;
}

label.canceled
{
    color: #500000;
    font-weight: bold;
}

label.paid
{
    color: #008000;
    font-weight: bold;
}

label.unpaid
{
    color: #FF0000;
    font-weight: bold;
}

label.progress
{
    color: #0000FF;
    font-weight: bold;
}
/*---------------------------*/