body{

}
#system-name{
    position: relative;
    left: 15px!important;
}
#branch-switch-list{
    padding-right: 15px;
    padding-left: 15px;
}
#hide-position-section{
    display: none;
}
#section-two-recover-account{
    display: none;
}
#section-three-recover-account{
    display: none;
}

#support-style{
    font-size: 11px;
    font-family: sans-serif;
    position: relative;
    top: 10px;
    white-space: nowrap!important;
}
#show-new-cart-item-btn-section{
    display: none;
}
#new-item-cart-container{
    max-height: 220px;
    overflow: auto;
}
.select2-container {
    z-index: 999999 !important;
}
#assign-user-role-modal-body{
    max-height: 750px;
    overflow: auto;
}
#item-des-style{
    display: flex;
    white-space: nowrap;
}
#item-des-style .item-image{
  margin-right: 10px;
}
#category-table-list{
    font-size: 13px;
}
#category-table-list{
    font-size: 13px;
}
#item-uom-attributes{
    width: 100% !important;
}
#item-category{
    width: 100% !important;
}
#display-purchase-order-item-list-style{
    max-height: 600px!important;
    overflow: auto;
}
#pos-body-style{
    height: 450px;
    overflow: auto;
}
#box-display-item{
   font-size: 12px;
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   justify-content: space-between;
   max-height: 630px;
   overflow: auto;
}
#box-item-content{
    width: 150px;
    height: 150px;
    max-width: 150px;
    max-height: 150px;
    border: 1px solid #eee;
    margin-bottom: 15px;
    margin-right: 5px;
    text-align: center;
    position: relative;
    cursor: pointer;
    background-color: #a1db75;
    color: #0c0c0c;
    transition:0.3s ease;
    border-radius: 5px;
}
#box-item-content:hover{
    background-color: #91D948;
    transition:0.3s ease;
}
#box-item-content .image-container{

}
#box-item-content .image-container img{
    width: 45px;
    margin-top: 20px;
    border: 1px solid #ddd;
    margin-bottom: 3px;
    top: 7px;
    position: relative;
}
#pos-item-name{
    width: inherit;
    text-align: center;
    height: auto;
    margin-top: 5px;
    padding: 2px;
}
#pos-item-qty-box{
    font-size: 12px;
    position: absolute;
    background-color: #ddd;
    color: darkred;
    font-weight: bold;
    padding: 2px;
    width: 65px;
    height: 20px;
    text-align: start;
    border-radius: 3px;
    margin-top: 2px;
    white-space: nowrap;
    margin-bottom: 5px;
}

#pos-item-price-box{
    position: relative;
    top: 4px;
    font-weight:bold;
    color: darkred;
}
#pos-table-style thead tr th{
    color: #ffffff;
    font-weight: bold;
}
#price-text-field-style{
    border:1px solid;
    text-shadow: none!important;
    box-shadow: none;
}
#price-text-field-style{
    width: 65px;
}
#price-text-field-style:focus {
    box-shadow: none; /* Optional: Add a box shadow for emphasis */
    outline:none;
}
#button-addon-add{
    border: none;
}
#button-addon-reduce{
    border: none;
}
#pos-item-discount:hover{
    cursor: pointer;
    background-color:#b0b2ff;
    color: #ffffff;
    font-size: 15px;
    transition: 0.3s ease-out;
}
#display-pos-cash-order-style p{
    padding: 10px;
    background-color:#007bff;
    width: 100%;
    color: #ffffff;
    margin-bottom: 0;
    border: 1px solid #eee;
}
#display-pos-cash-order-style p span{
    font-weight: bold;
    font-size: 18px;
}
#sales-summary-container{
    border: 1px solid #1a202c;
    padding: 2px;
}
#report-title{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    justify-content: center;
    align-items: center;
}
.sales-report-display-content{
    padding: 0 25px!important;
}
.sales-report-content{
    font-weight: bold;
    font-size: 19px;
}
#container-permission {
    max-height: 800px;
    overflow: auto;
}
#display-expenses-category-list-style{
    max-height: 500px;
    overflow: auto;
}
#navs-sales-summary-item-based-style{
    max-height: 600px;
    overflow: auto;
}
#receipt-style{
    font-family: 'Courier New', monospace;
    font-size: 12pt; /* Adjust the size as needed */
}
#customer-bill-style{
    font-family: 'Courier New', monospace;
    font-size: 12pt; /* Adjust the size as needed */
}
#inv-item-list-display{
    font-family: 'Courier New', monospace;
    font-size: 12pt; /* Adjust the size as needed */
}
#footer-style{
    position: fixed;
    bottom: -60px;
    left: 0px;
    right: 0px;
    height: 60px;
    font-size: 20px !important;
    color: white; !important;
}
#account-list{
    max-height: 700px;
    overflow: auto;
}
#display-item-invoice-style{
    max-height: 600px;
    overflow: auto;
}
#display-single-purchase-item-list-style{
    max-height: 600px;
    overflow: auto;
}
#purchase-content-links{
    display: flex;
    white-space: nowrap;
}