div.dataTables_filter,
div.dataTables_length {
  display: inline-block;
 /* margin-left: 1em;*/
}


#invoice-POS{
    box-shadow: 0 0 1in -0.25in rgba(0, 0, 0, 0.5);
    padding:2mm;
    margin: 0 auto;
    width: 80mm;
    background: #FFF;
    }
    
    ::selection {background: #f31544; color: #FFF;}
    ::moz-selection {background: #f31544; color: #FFF;}
    h1{
    font-size: 1.5em;
    color: #222;
    }
    h2{font-size: .6em;}
    h3{
    font-size: 1.2em;
    font-weight: 300;
    line-height: 2em;
    }
    p{
    font-size: .3em;
    color: #666;
    line-height: 1.2em;
    }
    
    #top, #mid,#bot{ /* Targets all id with 'col-' */
    border-bottom: 1px solid #EEE;
    }
    
    #top{min-height: 20px;}
    #mid{min-height: 50px;}
    #bot{ min-height: 50px;}
    
    .info{
    display: block;
  
    margin-left: 0;
    }
    .title{
    float: right;
    }
    .title p{text-align: right;}
    table{
    width: 100%;
    border-collapse: collapse;
    }
    
    .tabletitle{
 
    font-size: .5em;
    background: #EEE;
    }
    .service{border-bottom: 1px solid #EEE;}
    .item{width: 40mm;}
    .itemtext{font-size: .5em;}
    
    #legalcopy{
    margin-top: 5mm;
    }



ul#navullist {list-style-type: none; }
ul#navullist li { display: inline; }










.soall{
    border: 1px solid black !important;
 }
 .so{
    border: 1px solid #C0C0C0 !important;
    background-color: #C0C0C0 !important;
    border-radius: 15px;
 }
 
 .sa{
    border: 1px solid #DCDCDC !important;
    background-color: #DCDCDC !important;
   
 }
 
 .sov{
    border: 1px solid black !important;
 }
 
 .sok{
    border: 1px solid #C0C0C0 !important;
 }
 .sop{
    border: 1px solid black !important;
    border-radius: 15px;
    margin:5px;
 }
 
 .slr{
   border-right: 1px solid black !important;
 }
 .sll{
   border-left: 1px solid black !important;
 }
 .slb{
   border-bottom: 1px solid black !important;
 }
 .slt{
   border-top: 1px solid black !important;
 }
 


#table {
    display: block;
}


.grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
   /* background-color: #2196F3;*/
    padding: 10px;
  }
  .grid-item {
    /*background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.8);*/
    padding: 20px;
    font-size: 30px;
    text-align: center;
  }

.modal-full {
    min-width: 90%;
    margin-left: 150px;
    margin-right: 5px;
   
}

.modal-full .modal-content {
    min-height: 100vh;
}
/*
#details-vente{
    max-width: 80%;

}

.mt-vente{
    max-width: 80%;

}
*/


.grey-bg {  
    background-color: #F5F7FA;
}