.menu-ls{
    padding: 0;
}
.menu-ls li{
    list-style: none;
}
.title-menu{
    font-size: 1.4em;
    text-align: center;
    font-weight: bold;
}
.left-menu{
    width:10%;
    height: 500px;
    overflow: hidden;
    float:left;
    border-top: 3px black solid;
    border-right: 3px black solid;
    border-bottom: 3px black solid;
    background-color: #1f8b3896;
}
.title-menu a{
    text-decoration: none;
    color: white;
}
.container-main{
    margin-left:10%;
}
.menu-icon{
    margin: 5px;
    padding: 5px;
}
/*.menu-icon:hover{
    font-size: 1.2em;
    background-color:rgb(9, 51, 1);
    color:white;
    cursor: pointer;
}*/
.menu-ls .item:hover{
    font-size: 1.2em;
    background-color:rgb(9, 51, 1);
    color:white;
    cursor: pointer;   
}
.right{
    text-align: right;
}
.left{
    text-align: left;
}
.center{
    text-align: center;
}
.entete-vente{
    margin-bottom: 20px;
}

.scan-result-product .result{
    display:block;
}

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

.entete{
    text-align: left;
    font-size: 1.5em;
    margin: 5px;
}

.details{
    width: 100%;
}
.fill{
    float: left;    
}
.group-overflow{
    overflow: hidden;
}
.group{
    overflow: auto;
    height: 300px;
    border-bottom: 0.5px solid black;
    margin-bottom: 20px;
    margin-left: 20px;
}
.detail-line, .detail-pay{
    display: block;
    text-align: left;
}
.pay{
    border-left: 1px solid black;
}

.form-input{
    margin: 4px;
    display: block;
    padding: .375rem .75rem;
    font-size: .9rem;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.l0{
    background-color:lightcyan;
}

.l1{
    background-color:ivory;
}

#result-scan{
    display:block;
}

.result-detail{
    font-size: 0.9em;
}

.result-detail-div-prix .price{
    font-size: 1.5em;
    font-weight: 900;
}

.total{
    margin: 2px;
    font-size: 1.2em;
    color: red;
}

.finish{
    margin:10px;
}

.right{
    float:right;
}

.title{
    font-weight: bold;
    padding-left: 4px;
}

.result-total{
    font-size:24px;
    text-align: right;
}

.thsort{
    cursor:pointer;
}

.action i{
    cursor:pointer;
    margin : 2px;
    border: 0.1px black solid;
    padding : 5px;
}

.action i:hover, .hover-ls:hover{
    background-color: yellowgreen;
}

td.number{
    text-align: right;
}
input[type="number"] {
    width:80px;
    text-align: right;
 }

 .error{
     color:firebrick;
     font-weight: bold;
     font-size: 16px;
 }

 .error-line{
    display: block;
    font-weight: bold;
 }

 .errors{
    background-color: lightcoral;
    border: 2px black solid;
    border-radius: 9px;
    margin: 10px;
 }

 .frm-menu{
    margin: 5px;
 }

 .frm-menu  [type=submit], [type=button]{
    font-size: 16px;
    background-color: #1f8b3896;
    font-weight: bold !important;
 }

 .edit-pro{
     margin: 5px;
 }

 .vertical-line-bottom{
     border-bottom: darkgrey 0.1em solid;
 }

 .titre-fiche-produit{
     font-size:16px;
     text-align: center;
     font-weight: bold;
 }

 .liste-pro:hover{
    background-color: #02411534;
    cursor:pointer;
 }

 .isweb0{
    background-color: #1a0000;
    color:yellow;
    display: none;

 }

 .trvisible{
    display:table-row;
 }

 .actions{
     margin:15px;
     padding :15px;
 }

 .frm-menu.actions [type=submit]{
    padding: 15px;
 }
 .buy [type=submit], button.buy{
    background-color:rgb(89, 255, 89);
 }
 .notbuy [type=submit], button.notbuy{
    background-color: rgba(163, 24, 24, 0.664);
 }
 .colis [type=submit], button.colis{
    background-color: rgb(141, 141, 14);
 }
 .colisbuy [type=submit], button.colisbuy{
    background-color: rgb(0, 225, 255);
 }

 .ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
} 

.lstemail:hover{
    background-color:#8b72729f;
    cursor: pointer;
}

input:disabled{
    background-color:rgba(0, 59, 10, 0.616);
    color:rgb(0, 0, 0);
}
.fa:hover{
    cursor: pointer;
}

.jschart {
    /*max-width: 600px;
    max-height: 400px;*/
  }

.gescom{
    
}


.warning-stock {
    font-size: 2em;
    border: 2px red solid;
}

.stock{
    font-size:1.6em;
    border-bottom: 1px black solid;
}

span.detail-pack {
    font-size: 0.8em;
    display: block;
}
.table thead th.r {
    text-align: right;
}