@media screen and (max-width: 992px){
    body{
        background-color: green;
        width: 100%  !important;
    }
    .btn{
        box-shadow:none;
    }
    .main-header .navbar-static-top {
        margin-left: 0px;
        background-color: #6cb6f7;
        border-bottom: 1px solid #337ab7;
        height: 50px;
        margin-bottom:0;
    }
    #btn-sidebar-collapse {
        padding: 14px;
        float: right;
        background-color: inherit;
        color: #f7f7f7;
        font-weight: bold;
     }
     
    #btn-sidebar-collapse:hover ,#btn-sidebar-collapse:focus {
        background-color: #3e84c1;
        text-decoration: none;
    }
    .navbar-notifs-top{
        float: right !important;
        margin-right: -20px;
        width: 60%;
        color:mediumblue;

    }
    ul.nav.navbar-nav.navbar-left{
        float: left !important;
        margin-left: 10px;
        padding: 0px;

    }

    .top-client{
        margin: 0px !important;
        padding: 0px !important;
        display: inline-block;
    }
    span.top-client{
        float: left !important;
    }
    .main-sidebar{
        display: block;
        padding-top: 50px;
        position: absolute;
        top:0;
        left:0;
        width: 0px;
        height:150%;
        right: 0 !important;
        z-index: 2;
        background-color: rgba(19, 18, 18, 0.966);
        overflow: hidden;
        -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
        -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
        transition: transform .3s ease-in-out,width .3s ease-in-out;
    
     }
    .main-sidebar.sidebar_visible{
        width: 50% !important;;
    }
    .sidebar_btns_visible{
        width: auto !important;;
    }
    
    .main-sidebar.not-logged{
        width: 0 !important;
    }
    .main-sidebar .sidebar {
        border-left: 1px solid #000;
        border-bottom: 3px solid #000;
    }
     .main-sidebar .sidebar ul.navig {
        background-color: #ddd;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .main-sidebar .sidebar ul.navig li {
        padding: 10px;
        border: 1px solid #ccc;
    }
    .main-sidebar .sidebar ul.navig li:hover {
        background-color: #ccc;
    }
    .gnav-header{
        padding:0;
        border-bottom: 1px solid #333;
    }
    
    .gnav-header a{
        display:block;
        color: #eee;
        padding: 8px;
    }
    
    
    .gnav-header a.has-childs:after {
        font-family: 'Glyphicons Halflings';
        content: "\e114";    
        float: right; 
        color: #59ABE3;
    }
    
    .gnav-header a.collapsed:after {
        content: "\e079";
    }
    .gnav-header a.has-childs .fa {
        color: #d58512;
        font-size: 16px;
    }
    .subnav li a .fa {
        color: #f50c0c;
        font-size: 12px;
    }
    
    .gnav .subnav{
        padding: 0;
        margin: 0;
    }
    .gnav .subnav li{
        display:block;
        padding: 0;
        margin: 0;
        border-bottom: 1px inset #666;
    }
    .gnav .subnav a{
        display:block;
        margin: 0;
        padding: 8px;
        background-color: rgb(238, 238, 238);
        color: rgb(0, 0, 0);
    }
    .gnav .subnav .gnav-header a{
        background-color: #333;
    }
    
    .gnav-header a, .gnav .subnav li a{
        border-left: 5px solid transparent;
    }
    .gnav-header a:hover,.gnav-header a.has-childs, .gnav .subnav a:hover {
        border-left-color: #59ABE3;
        color: #fff;
        transition-duration:0.3s;
    }
    .gnav-header a.has-childs:hover {
        color: #F5D76E;
        border-left-color: #59ABE3;
    }
    
    .gnav .subnav li a:hover {
        border-left-color: #59ABE3;
    }
    
    .gnav .subnav a:hover, .gnav .subnav a:focus {
        color: rgb(0, 0, 0);
        background-color: rgb(247, 244, 91);
        font-size: 13px;
    }
    
    .gnav-header a .glyphicon, .subnav a .glyphicon{
        margin-right: 5px;
    }



    .ts_wrapper{
        width: 100%  !important;
    }
    .header-wrap{
        width: 100%  !important;
    }
    span.total-qte {
        font-size: 16px !important;
    }
    span.total-categories{
        font-size: 16px !important;
    }
    .categories{
        width: 30%  !important;
        margin-top: 40px !important; 
    }
    .search-box{
        width: 0%  !important;
    }
    .barcode {
       margin-top: 10px !important;
    }
    .navbar-notifs-top{
        float: right !important;
        margin-right: 0px;
        color:mediumblue;
    }
    .navbar-btn {
        margin-top: -2px;
        float: right !important;
        margin-left: 5px;
        height: auto;
    }
    .navbar-notifs-top span.btn{
        float: left !important;
        margin-left: 0px;
        height: auto;
    }
    .outils-list{
        /* margin-top: 50px !important;
         margin-right: 20px !important; */
        width: 100%;
        /*height: 105px; */
        white-space: normal;
        word-break: break-all;
        overflow: hidden;
        padding: 3px;
        vertical-align: top;
        margin-bottom: 5px;
     }
     .outils-list .btn{
        width: 40%  !important;
        height: 50px !important;
        margin: 10px !important;
    }
    .categories-list{
        width: 100%  !important;
        height: 500px !important;
        overflow-y: scroll !important;

    }
    .barcode, .header-wrap{
        display: none;
    }
    .col-arts{
        display: block !important;
        width: 70%  !important;
        margin-top: 40px !important; 
    }
    .articles-list{
        width: 100%  !important;
        height: 500px !important;
        overflow-y: scroll !important;
    }
    .top-inline-btns{
        margin-top: 60px !important; 
    }
    .amounts-precedents{
        display: none !important;
    }
    .section-ttc{
        width: 100%  !important;
        font-size: 16px;
    }
    .save-commande{
        width: 80%  !important;
        display: inline-block !important;
        margin-right: 10%;
        margin-top: 40px;
    }
    .save-commande-edit{
        width: 40%  !important;
        display: inline-block !important;
        margin-right: 6%;
        margin-top: 30px;
    }
    .number-commande{
        width: 40%  !important;
        display: inline-block !important;
        margin-right: 10%;
        margin-top: 10px;
        margin-bottom: 10px;

    }
    .btn_pay_modal{
        width: 100%;
    }
    .btn-expand-table{
        display: none !important; 
    }
    .full_screen_table{
        background-color: #333;
    }
    .articles-list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        box-shadow: inset 0 0 6px rgb(34, 166, 239);
        border-radius: 10px;
        background-color: #333;
    }
    .articles-list::-webkit-scrollbar {
        width: 20px;
        background-color: #333;
    }
    .articles-list::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgb(34, 166, 239);
        box-shadow: inset 0 0 6px rgb(34, 166, 239);
        background-color: #22A7F0;
    }
    
    
    .categories-list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        box-shadow: inset 0 0 6px rgb(34, 166, 239);
        border-radius: 10px;
        background-color: #333;
    }
    .categories-list::-webkit-scrollbar {
        width: 20px;
        background-color: #333;
    }
    .categories-list::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgb(34, 166, 239);
        box-shadow: inset 0 0 6px rgb(34, 166, 239);
        background-color: #22A7F0;
    }
    .articles-list .btn{
        width: 50%  !important;
        height: auto !important;
    }
    .col1{
        width: 100% !important;
    }
    .col2{
        display: none !important;
        width: 100% !important;

    }
    .button_tools{
        display: none !important;
    }
    .table-wrap{
        height: auto !important;
    }

    .total-section label{
        font-size: 16px;
    }
    .label-total {
        line-height: 38px;
        height: 45px;
        font-size: 18px !important;
    }
    .section-ttc {
        margin-top: auto;
    }
    div.clt-reponsive{
        display: none !important;
    }

}
@media screen and (max-width: 768px){
    body{
        background-color: #333 !important;
        width: 100%  !important;
    }
    .btn{
        box-shadow:none;
    }
    .main-header .navbar-static-top {
        margin-left: 0px;
        background-color: #337ab7;
        border-bottom: 1px solid #337ab7;
        height: 50px;
        margin-bottom:0;
    }
    #btn-sidebar-collapse {
        padding: 14px;
        float: right;
        background-color: inherit;
        color: #f7f7f7;
        font-weight: bold;
     }
     
    #btn-sidebar-collapse:hover ,#btn-sidebar-collapse:focus {
        background-color: #3e84c1;
        text-decoration: none;
    }
   
    .navbar-notifs-top{
        float: right !important;
        margin-right: -20px;
        width: 70%;
        color:mediumblue;

    }
    ul.nav.navbar-nav.navbar-left{
        float: left !important;
        margin-left: 10px;
        padding: 0px;

    }

    .top-client{
        margin: 0px !important;
        padding: 0px !important;
        display: inline-block;
    }
    span.top-client{
        float: left !important;
    }
    .main-sidebar{
        display: block;
        padding-top: 50px;
        position: absolute;
        top:0;
        left:0;
        width: 0px;
        height: 150%;
        right: 0 !important;
        z-index: 2;
        background-color: rgba(19, 18, 18, 0.966);
        overflow: hidden;
        -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
        -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
        transition: transform .3s ease-in-out,width .3s ease-in-out;
    
     }
    .main-sidebar.sidebar_visible{
        width: 60% !important;
    }
    .sidebar_btns_visible{
        width: auto !important;
    }
    
    .main-sidebar.not-logged{
        width: 0 !important;
    }
    .main-sidebar .sidebar {
        border-left: 1px solid #000;
        border-bottom: 3px solid #000;
    }
     .main-sidebar .sidebar ul.navig {
        background-color: #ddd;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .main-sidebar .sidebar ul.navig li {
        padding: 10px;
        border: 1px solid #ccc;
    }
    .main-sidebar .sidebar ul.navig li:hover {
        background-color: #ccc;
    }
    .gnav-header{
        padding:0;
        border-bottom: 1px solid #333;
    }
    
    .gnav-header a{
        display:block;
        color: #eee;
        padding: 8px;
    }
    
    
    .gnav-header a.has-childs:after {
        font-family: 'Glyphicons Halflings';
        content: "\e114";    
        float: right; 
        color: #59ABE3;
    }
    
    .gnav-header a.collapsed:after {
        content: "\e079";
    }
    .gnav-header a.has-childs .fa {
        color: #d58512;
        font-size: 16px;
    }
    .subnav li a .fa {
        color: #f50c0c;
        font-size: 12px;
    }
    
    .gnav .subnav{
        padding: 0;
        margin: 0;
    }
    .gnav .subnav li{
        display:block;
        padding: 0;
        margin: 0;
        border-bottom: 1px inset #666;
    }
    .gnav .subnav a{
        display:block;
        margin: 0;
        padding: 8px;
        background-color: rgb(238, 238, 238);
        color: rgb(0, 0, 0);
    }
    .gnav .subnav .gnav-header a{
        background-color: #333;
    }
    
    .gnav-header a, .gnav .subnav li a{
        border-left: 5px solid transparent;
    }
    .gnav-header a:hover,.gnav-header a.has-childs, .gnav .subnav a:hover {
        border-left-color: #59ABE3;
        color: #fff;
        transition-duration:0.3s;
    }
    .gnav-header a.has-childs:hover {
        color: #F5D76E;
        border-left-color: #59ABE3;
    }
    
    .gnav .subnav li a:hover {
        border-left-color: #59ABE3;
    }
    
    .gnav .subnav a:hover, .gnav .subnav a:focus {
        color: rgb(0, 0, 0);
        background-color: rgb(247, 244, 91);
        font-size: 13px;
    }
    
    .gnav-header a .glyphicon, .subnav a .glyphicon{
        margin-right: 5px;
    }



    .ts_wrapper{
        width: 100%  !important;
    }
    .header-wrap{
        width: 100%  !important;
    }
    span.total-qte {
        font-size: 16px !important;
    }
    span.total-categories{
        font-size: 16px !important;
    }
    .categories{
        width: 100%  !important;
    }
    .search-box{
        width: 0%  !important;
    }
    .barcode {
       margin-top: 10px !important;
    }
    .navbar-notifs-top{
        float: right !important;
        margin-right: 0px;
        color:mediumblue;
    }
    .navbar-btn {
        margin-top: -2px;
        float: right !important;
        margin-left: 5px;
        height: auto;
    }
    .navbar-notifs-top span.btn{
        float: left !important;
        margin-left: 0px;
        height: auto;
    }
   
    .categories{
        margin-top: 40px !important; 
    }
    .outils-list{
        /* margin-top: 50px !important;
         margin-right: 20px !important; */
        width: 100%;
        /*height: 105px; */
        white-space: normal;
        word-break: break-all;
        overflow: hidden;
        padding: 3px;
        vertical-align: top;
        margin-bottom: 5px;
     }
     .outils-list .btn{
        width: 40%  !important;
        height: 50px !important;
        margin: 10px !important;
    }
    .categories-list{
        width: 100%  !important;
        height: auto !important;
    }
    .col-arts{
        width: 100%  !important;
        display: none !important;
        margin-top: 40px !important; 
    }
    .articles-list{
        width: 100%  !important;
        height: auto !important;

    }
    .top-inline-btns{
        margin-top: 60px !important; 
    }
    .amounts-precedents{
        display: none !important;
    }
    .section-ttc{
        width: 100%  !important;
        font-size: 16px;
    }
    .save-commande{
        width: 80%  !important;
        display: inline-block !important;
        margin-right: 10%;
        margin-top: 40px;
    }
    .save-commande-edit{
        width: 40%  !important;
        display: inline-block !important;
        margin-right: 6%;
        margin-top: 30px;
    }
    .number-commande{
        width: 40%  !important;
        display: inline-block !important;
        margin-right: 10%;
        margin-top: 10px;
        margin-bottom: 10px;

    }
    .btn_pay_modal{
        width: 100%;
    }
    .btn-expand-table{
        display: none !important; 
    }
    .full_screen_table{
        background-color: #333;
    }
    .articles-list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        box-shadow: inset 0 0 6px rgb(34, 166, 239);
        border-radius: 0px;
        background-color: #333;
    }
    .articles-list::-webkit-scrollbar {
        width: 0px;
        background-color: #333;
    }
    .articles-list::-webkit-scrollbar-thumb {
        border-radius: 0px;
        -webkit-box-shadow: inset 0 0 6px rgb(34, 166, 239);
        box-shadow: inset 0 0 6px rgb(34, 166, 239);
        background-color: #22A7F0;
    }
    .table-wrap::-webkit-scrollbar {
        width: 0px;
        background-color: #333;
    }
    .table-wrap::-webkit-scrollbar-thumb {
        border-radius: 0px;
        -webkit-box-shadow: inset 0 0 6px rgb(34, 166, 239);
        box-shadow: inset 0 0 6px rgb(34, 166, 239);
        background-color: #22A7F0;
    }
    
    
    .categories-list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        box-shadow: inset 0 0 6px rgb(34, 166, 239);
        border-radius: 0px;
        background-color: #333;
    }
    .categories-list::-webkit-scrollbar {
        width: 0px;
        background-color: #333;
    }
    .categories-list::-webkit-scrollbar-thumb {
        border-radius: 0px;
        -webkit-box-shadow: inset 0 0 6px rgb(34, 166, 239);
        box-shadow: inset 0 0 6px rgb(34, 166, 239);
        background-color: #22A7F0;
    }
    .articles-list .btn{
        width: 33%  !important;
        height: auto !important;
    }
    .col2{
        display: none !important;
    }
    .table-wrap{
        height: auto !important;
    }

    .total-section label{
        font-size: 16px;
    }
    .label-total {
        line-height: 38px;
        height: 45px;
        font-size: 18px !important;
    }
    .section-ttc {
        margin-top: auto;
    }
    div.clt-reponsive{
        display: none !important;
    }
    div.remove-main-sidebar > i{
        margin: 5px;
        font-size: 30px;
        float: left !important;
        color: hsl(0, 36%, 95%);
    }
    .pos_logo{
        margin-top: 100px;
    }
    div.my_name{
        margin-right: 60px;;
    }
    .copyright{
        padding-bottom: 15px;
    }
    .my_name_my{
        padding-bottom: 15px;
        font-size: 13px;
        color:#eee;
        block-size: auto;
    }
}
@media screen and (max-width: 576px){
    body{
        background-color: rgba(15, 13, 15, 0.822) !important;
        width: 100%  !important;
    }
    .btn{
        box-shadow:none;
    }
    .main-header .navbar-static-top {
        margin-left: 0px;
        background-color: #337ab7;
        border-bottom: 1px solid #337ab7;
        height: 50px;
        margin-bottom:0;
    }
    #btn-sidebar-collapse {
        padding: 14px;
        float: right;
        background-color: inherit;
        color: #f7f7f7;
        font-weight: bold;
     }
     
    #btn-sidebar-collapse:hover ,#btn-sidebar-collapse:focus {
        background-color: #3e84c1;
        text-decoration: none;
    }
    .navbar-notifs-top{
        float: right !important;
        margin-right: -20px;
        width: 70%;
        color:mediumblue;

    }
   
    ul.nav.navbar-nav.navbar-left{
        float: left !important;
        margin-left: 10px;
        padding: 0px;
    }
    ul.nav.navbar-nav.navbar-notifs-top{
        margin-right: -40px;
       margin-left: -40px;
    }

    a.btn.btn-success.navbar-btn.show-invoice{
        margin-right: 0px !important;
    }
    .top-client{
        margin: 0px !important;
        padding: 0px !important;
        display: inline-block;
    }
    span.top-client{
        float: left !important;
    }
    
    .main-sidebar{
        display: block;
        padding-top: 50px;
        position: absolute;
        top:0;
        left:0;
        width: 0px;
        height:150%;
        right: 0 !important;
        z-index: 2;
        background-color: rgba(19, 18, 18, 0.966);
        overflow: hidden;
        -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
        -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
        transition: transform .3s ease-in-out,width .3s ease-in-out;
    
     }
    .main-sidebar.sidebar_visible{
        width: 80% !important;;
    }
    .sidebar_btns_visible{
        width: auto !important;;
    }
    div.remove-main-sidebar > i{
        margin: 5px;
        font-size: 30px;
        float: left !important;
        color: hsl(0, 36%, 95%);

    }
     
    .main-sidebar.not-logged{
        width: 0 !important;
    }
    .main-sidebar .sidebar {
        border-left: 1px solid #000;
        border-bottom: 3px solid #000;
    }
    .main-sidebar .sidebar ul.navig {
        background-color: #ddd;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .main-sidebar .sidebar ul.navig li {
        padding: 10px;
        border: 1px solid #ccc;
    }
    .main-sidebar .sidebar ul.navig li:hover {
        background-color: #ccc;
    }
    .gnav-header{
        padding:0;
        border-bottom: 1px solid #333;
    }
    
    .gnav-header a{
        display:block;
        color: #eee;
        padding: 8px;
    }
    
    
    .gnav-header a.has-childs:after {
        font-family: 'Glyphicons Halflings';
        content: "\e114";    
        float: right; 
        color: #59ABE3;
    }
    
    .gnav-header a.collapsed:after {
        content: "\e079";
    }
    .gnav-header a.has-childs .fa {
        color: #d58512;
        font-size: 16px;
    }
    .subnav li a .fa {
        color: #f50c0c;
        font-size: 12px;
    }
    
    .gnav .subnav{
        padding: 0;
        margin: 0;
    }
    .gnav .subnav li{
        display:block;
        padding: 0;
        margin: 0;
        border-bottom: 1px inset #666;
    }
    .gnav .subnav a{
        display:block;
        margin: 0;
        padding: 8px;
        background-color: rgb(238, 238, 238);
        color: rgb(0, 0, 0);
    }
    .gnav .subnav .gnav-header a{
        background-color: #333;
    }
    
    .gnav-header a, .gnav .subnav li a{
        border-left: 5px solid transparent;
    }
    .gnav-header a:hover,.gnav-header a.has-childs, .gnav .subnav a:hover {
        border-left-color: #59ABE3;
        color: #fff;
        transition-duration:0.3s;
    }
    .gnav-header a.has-childs:hover {
        color: #F5D76E;
        border-left-color: #59ABE3;
    }
    
    .gnav .subnav li a:hover {
        border-left-color: #59ABE3;
    }
    
    .gnav .subnav a:hover, .gnav .subnav a:focus {
        color: rgb(0, 0, 0);
        background-color: rgb(247, 244, 91);
        font-size: 13px;
    }
    
    .gnav-header a .glyphicon, .subnav a .glyphicon{
        margin-right: 5px;
    }



    .ts_wrapper{
        width: 100%  !important;
    }
    .header-wrap{
        width: 100%  !important;
    }
    span.total-qte {
        font-size: 16px !important;
    }
    span.total-categories{
        font-size: 16px !important;
    }
    .categories{
        width: 100%  !important;
    }
    .search-box{
        width: 0%  !important;
    }
    .barcode {
       margin-top: 10px !important;
    }
    .navbar-btn {
        margin-top: -2px;
        float: right !important;
        margin-left: 5px;
        height: auto;
    }
    .navbar-notifs-top span.btn{
        float: left !important;
        margin-left: 0px;
        height: auto;
    }
   
    .categories{
        margin-top: 40px !important; 
    }
    .outils-list{
        /* margin-top: 50px !important;
         margin-right: 20px !important; */
        width: 100%;
        /*height: 105px; */
        white-space: normal;
        word-break: break-all;
        overflow: hidden;
        padding: 3px;
        vertical-align: top;
        margin-bottom: 5px;
     }
     .outils-list .btn{
        width: 40%  !important;
        height: 50px !important;
        margin: 10px !important;
    }
    .categories-list{
        width: 100%  !important;
        height: auto !important;
    }
    .col-arts{
        width: 100%  !important;
        display: none !important;
        margin-top: 40px !important; 
    }
    .articles-list{
        width: 100%  !important;
        height: auto !important;
    }
    .top-inline-btns{
        margin-top: 60px !important; 
    }
    .amounts-precedents{
        display: none !important;
    }
    #showPriceCalc_ts{
        margin-right: 10px !important;
    }
    .section-ttc{
        width: 100%  !important;
        font-size: 16px;
    }
    .save-commande{
        width: 80%  !important;
        display: inline-block !important;
        margin-right: 10%;
        margin-top: 40px;
    }
    .save-commande-edit{
        width: 40%  !important;
        display: inline-block !important;
        margin-right: 6%;
        margin-top: 30px;
    }
    .number-commande{
        width: 40%  !important;
        display: inline-block !important;
        margin-right: 10%;
        margin-top: 10px;
        margin-bottom: 10px;

    }
    .btn_pay_modal{
        width: 100%;
    }
    .btn-expand-table{
        display: none !important; 
    }
    .full_screen_table{
        background-color: #333;
    }
    .articles-list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        box-shadow: inset 0 0 6px rgb(34, 166, 239);
        border-radius: 0px;
        background-color: #333;
    }
    .articles-list::-webkit-scrollbar {
        width: 0px;
        background-color: #333;
    }
    .articles-list::-webkit-scrollbar-thumb {
        border-radius: 0px;
        -webkit-box-shadow: inset 0 0 6px rgb(34, 166, 239);
        box-shadow: inset 0 0 6px rgb(34, 166, 239);
        background-color: #22A7F0;
    }
    .table-wrap::-webkit-scrollbar {
        width: 0px;
        background-color: #333;
    }
    .table-wrap::-webkit-scrollbar-thumb {
        border-radius: 0px;
        -webkit-box-shadow: inset 0 0 6px rgb(34, 166, 239);
        box-shadow: inset 0 0 6px rgb(34, 166, 239);
        background-color: #22A7F0;
    }
    
    
    .categories-list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        box-shadow: inset 0 0 6px rgb(34, 166, 239);
        border-radius: 0px;
        background-color: #333;
    }
    .categories-list::-webkit-scrollbar {
        width: 0px;
        background-color: #333;
    }
    .categories-list::-webkit-scrollbar-thumb {
        border-radius: 0px;
        -webkit-box-shadow: inset 0 0 6px rgb(34, 166, 239);
        box-shadow: inset 0 0 6px rgb(34, 166, 239);
        background-color: #22A7F0;
    }
    .articles-list .btn{
        width: 50%  !important;
        height: auto !important;
    }
    .col2{
        display: none !important;
    }
    .table-wrap{
        height: auto !important;
    }

    .total-section label{
        font-size: 16px;
    }
    .label-total {
        line-height: 38px;
        height: 45px;
        font-size: 18px !important;
    }
    .section-ttc {
        margin-top: auto;
    }
    div.clt-reponsive{
        display: none !important;
    }
    .pos_logo{
        margin-top: 150px;
    }
    div.my_name{
        margin-right: 60px;;
    }
    .copyright{
        padding-bottom: 15px;
    }
    .my_name_my{
        padding-bottom: 15px;
        font-size: 13px;
        color:#eee;
        block-size: auto;
    }

}