body {
    background-color: #e5e4e4;
}
.offcanvas-footer{
    padding:1rem 1rem;
    border-top:1px solid #dee2ec;
    text-align:center;
}
.print-line,.print-linedtl{
    margin:0.375rem 0;
}
.print-line {
    border-bottom: 1px solid;
}
.print-linedtl {
    border-bottom: 1px dashed;
}

.text-gray {
    opacity: 55%
}
.btn-lighter {
    background-color: #fff;
    border-color: #000;
    border-radius: 25px;
    width: 100%;
}
#order{
    background-color:#fff;
}
#frm-right .dtl-ls {
    height: 410px;
    overflow-y: auto;
}
#frm-right img{
    max-height:5rem;
    border-radius:10px;
    max-width:7.5rem;
}
.btn-circle{
    border-radius:50px !important;
}
#order-dtl .hr{
    border-bottom:dashed 1px;
    opacity:.25;
    height:1px;
    margin-top:1rem;
    margin-bottom:1rem;
}
#order-dtl .dtl{
    margin:0 10px;
}
#order-dtl .form-control {
    border-radius: 30px;
    margin: 0 5px;
}
.btn-func {
    width: 25%;
}
.btn-func-lg {
    width: 35%;
}
.btn-func,.btn-func-lg{ 
    margin:10px;
    height:3rem;
}
#ls{
    overflow-y:auto;
}
#ls .item img {
    height: 6rem;
    border-radius: 10px;
}
#ls .item small{
    font-weight:bold;
    opacity:0.6;
}
#frmNote .qrcode{
    width:320px;
}
#frmPrint .qrcode {
    width: 160px;
}
.fs-small{
    font-size:small;
}