
    .hidden{display:none;} 
    td input,
    #LC div input
    {width: 80%;}

    #LC{margin-bottom: 50px;}
    #tbproduct0 th,#tbproduct1 th,
    #tbproduct0 div.row:first div,#tbproduct1 div.row:first div
    {
        cursor: s-resize;
    }
    tr.sel,div.table:not(.print) div.row.sel {
        background-color: #07BCE5 !important;
        color: #f6f2f2 !important;
    }
    tr.sel,tr.unsel,
    .row.sel,.row.unsel{
        cursor:pointer;
    }
    td[col='qtt'] input,
    #LC div[col='qtt'] input{
        width:90%;
    }
    .print input{border:0;}

    #controlbtn{
        position:fixed;
        bottom:10px;
        right:0px;
        width:50%;
        background-color:#FFF;
    }
    #controlbtn-top{
        width:100%;
        text-align:right;
    }
    .marque::before {
        content: "-";
    }
    .marque {
        font-style: italic;
    }
    
@media screen and (max-width: 768px) {

    #tbproduct0 tr td,
    #tbproduct0 tr th,
    #tbproduct1 tr td,
    #tbproduct1 tr th,
    #tbproduct0:not(.print) div,
    #tbproduct1:not(.print) div
    {
        /* text-transform: lowercase !important; */
        font-size: 13px !important;
    } 

    td input,
    #LC div[col="qtt"] input
    {width: 95%;}
    #LC div[col="qtt"]{
        padding:0 5px;
    }
    #controlbtn{width:70%;}
}
@media screen and (max-width: 380px) {
    #tbproduct0 tr td,
    #tbproduct0 tr th,
    #tbproduct1 tr td,
    #tbproduct1 tr th,
    #tbproduct0 div,
    #tbproduct1 div
    {
        /* text-transform: lowercase !important; */
        font-size: 11px !important;
    } 
    #controlbtn{width:100%;}
    #LC div[col="qtt"]{
        padding:0 2px;
    }

}