.tfl {
display: none !important;
}

 
/*Set the row height to the viewport*/
.row-height{
    height: 100vh;
  }
  
  /*Set up the columns with a 100% height, body color and overflow scroll*/
  
  #ItemtabALL{
    width:600px; 
    overflow-y:scroll; 
    position:relative;
    height: 300px;
  }
  
  #right{
    background-color: blue;
    height: 100%;
    overflow-y: scroll; 
  }
  
  #mid{
    background-color: green;
    height: 100%;
    overflow-y: scroll; 
  }
  
  .wrapper{ width:1000px; overflow:scroll; position:relative; height:800px;}
  
  .list {
    margin: auto;
    height: 370px;
    width: 300px;
    overflow-y: auto; /* This changed */
  }
  
  .skin-green #total-amount {
    background-color: #f39c12;
}

  #total-amount {
    position:relative;
    width:100%;
    height:80px;
    background-color:#00a65a;
    border-top:1px solid #fff;
    box-shadow:-1px -3px 3px rgba(0,0,0,.3)
   }
   #total-amount .total-amount-inner {
    text-align:center;
    color:#fff
   }
   #total-amount .total-amount-inner .currency-symbol {
    font-size:2em
   }
   #total-amount .total-amount-inner span {
    display:inline-block
   }
   #total-amount .total-amount-inner .main-amount {
    z-index:1003;
    font-size:4em;
    text-shadow:1px 1px 5px rgba(0,0,0,.3)
   }
  
   @media (max-width:480px) {
    #keyboard-shortcut,
    #screen-lock,
    #scrolling-sidebar,
    #togglingfullscreen {
     display:none
    }
    .pos .contents #item-list .btn {
     width:33.333%
    }
    .total-amount-inner .main-amount {
     font-size:2em;
     font-weight:700
    }
    #botbuttons button {
     height:auto
    }
    .customer-name>input {
     padding:10px 38px
    }
    .previous-due {
     right:38px
    }
    .previous-due h4 {
     padding:0 10px;
     font-size:10px
    }
    .previous-due span {
     margin-top:0;
     padding:0 5px
    }
    .add-icon {
     width:38px
    }
    .add-icon img {
     height:20px;
     width:20px;
     margin:10px 0 0 10px
    }
    .skin-black .previous-due span {
     margin-top:2px;
     border-top:1px solid #fff
    }
    .pos #list-table-div {
     min-height:50px
    }
    .pos .modal-content h3 {
     font-size:1.4rem
    }
    .checkout-payment-option .full-due,
    .checkout-payment-option .full-paid {
     font-size:14px
    }
    #pay-form .panel-heading,
    #pay-form .title {
     font-size:2rem
    }
    .modal-lg {
     width:auto
    }
    #total-amount {
     height:auto
    }
    #total-amount .total-amount-inner .main-amount {
     font-size:3em
    }
    #invoice {
     padding:10px
    }
    .modal-lg {
     width:auto!important
    }
    .modal-dialog .box-body {
     padding:1em
    }
    .bootboox-container {
     min-height:50px;
     overflow-y:scroll
    }
   }