/* custom styles */
.btn-add-item{
    margin-top:30px !important;
}
.font-size-40{
    font-size:40px !important;
}

.operator-select {
    max-width: 230px !important;
    height: 1.75rem !important;
    padding: 5px !important;
    font-size: 0.75rem !important;
}

/* Style for the footer container */
.sidebar-footer {
    position: absolute;
    bottom: 10px;
    width: 220px;
    padding: 10px;
    background-color: #f8f9fa;
    border-top: 1px solid #e9ecef;
}
.sidebar-footer .nav-item {
    width: 100%;
}
.sidebar-footer .nav-link {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    cursor: pointer;
}
.sidebar-footer .nav-link .menu-icon {
    margin-right: 10px;
}

.quantity-text-field{
    font-size: 0.75rem !important;
}

/* Ensure this targets the tr element inside a table and applies the desired styles */
table tr.highlight-zero {
    background-color: #fff6f7 !important;  /* Red background for highlighting */
    color: #000000 !important;  /* Dark text color for visibility */
    border: 2px solid #f5c6cb !important;  /* Border for visibility */
}

/* Optional: If you want to specifically target the text color inside the highlighted row */
table tr.highlight-zero td {
    color: #000000 !important;  /* Ensure text color inside the row is also changed */
    background-color: #fff6f7 !important;
}3333