/*Share สำหรับสร้างเอง ใหม่  และ share หลายหน้า
     ถ้าแก้ไขจาก template ใช้ custom.css*/


#main-content {
    font-size: 14px;
}

.nice-adjustable-info {
    font-size: 26px;
    font-weight: 900;
    color: blue;
    padding-top: 5px; 
}



    .barWidth {
        background-color: #0088cc;
                    display: block;
                    height: 1em;
                    margin-left: 0px;
        margin-top: 0.2em;
                    padding-left: 0px;
                    float: left;
    }
    .percent {
        color: #aaa;
        font-size: 0.9em;
         height: 10px;
        font-style: italic;
    }


.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th
{
}

tr th.price,
tr td.price
{
    text-align: right;
    padding-right: 15px;
    min-width: 80px;
    max-width: 110px;
    font-size: 14px;
    width: 100px;
}
tr th.index,
tr td.index
{
    width: 30px;
}
tr th.remove,
tr td.remove
{
    text-align: right;
    padding-right: 15px;
    width: 30px;
}

tr th.quantity,
tr td.quantity
{
    text-align: center;
    padding-right: 15px;
    min-width: 40px;
    max-width: 80px;
    width: 70px;
}

tr th.product,
tr td.product
{
    padding-left: 15px;
}

tr th.money,
tr td.money
{
    text-align: right;
    padding-right: 15px;
 
}
.list-selected
    {
     
    font-weight: bold;
 

    text-decoration: none;
    color: black !important;
background-color: #EFCEF0;

    }
.list-selected:hover {
 
}


 a:active
    {
        font-weight: bold;
    }

/*POS*/
 
.empty-border
{
    float: left;
    width: 100%;
    min-height: 500px;
    margin-right: 10px;
    border: 2px dashed transparent;
    margin: 20px 10px 50px 5px;
    background: transparent;
    border-color: firebrick;
    border-color: rgba(0,0,0,0.2);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}


.nice-dialog .form-control-static {
    font-size: 36px;
    margin-top: 0px;
}

/*
--------------------------- 
current table-panel for POS
---------------------------
*/

.nice-info {
    /*small*/
    font-size: 16px;
}

.current-table
{
    float: right;
    padding-right: 15px;
}

    .current-table .title
    {
        color: blue;
    }

span.text.helper
{
    padding-left: 5px;
    color: rgb(228, 87, 87);
    font-style: italic;
    display: inline-block;
}
/*POS- edit- Order*/
 .deleted {
        text-decoration: line-through;
        color: gray !important;
        font-style: italic;
    }


/*Report */
tr#popup-row
{
    background-color: #eee;
}

#popup-row > td
{
    padding: 10px 0px 10px 100px;
    background-color: #eee;
}

#table-popup
{
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

    #table-popup td, #table-popup th
    {
        border-left: 0px solid !important;
        /*background-color: #eee !important;
        line-height: 25px;*/
    }

    #table-detail > tbody > tr:hover{
 
   
}

/*Open - Clsoe shop */

#o1,#o2,#o3 {
    border: 1px solid black;
    padding: 10px

}


/* MENU Admin*/
#a button.btn,
#a button.btn i,
#b button.btn,
#b button.btn i,
#c-d button.btn ,
#c-d button.btn i {
    font-size: 13px;
}

.feeds .col1 .cont .cont-col2 .desc {
margin-left: 55px !important;
padding-top: 1px !important;
padding-bottom: 5px;
overflow: hidden;
}

     .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
cursor: pointer !important;
background-color: white !important;
}
     .input-xsmall {
width: 65px !important;
}

     .tooltip {
 
opacity: 100;
 }