.grid-item-width-50 {
    width: 50%;
}

.table-cell-content-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-menu-center {
    display: flex;
    justify-content: center;
}

nav.mud-nav-group.no-collapse > button.mud-nav-link.mud-ripple.mud-expanded:first-child {
    pointer-events: none;
}

.editable-nav-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.expandable-editable-nav-group button:first-of-type {
    display: flex;
    align-items: center;
}


.form-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inline-code {
    background-color: #f5f5f5; /* Light gray background */
    color: #c7254e; /* Dark red text */
    font-family: 'Consolas', 'Courier New', monospace; /* Monospace font */
    font-size: 14px;
    padding: 2px 5px;
    border-radius: 4px;
    border: 1px solid #e0e0e0; /* Light border */
    white-space: nowrap; /* Prevent wrapping */
}

.nav-menu-favico {
    height: 24px;
    width: 24px;
}

.nav-menu-item-elipsis-text {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 95px;
    text-wrap-mode: nowrap;
}


.filter-active button:first-of-type {
    background: var(--mud-palette-gray-lighter);
}

.products-grid {
    height: 80vh;
}

.order-note-grid {
    height: 80vh;
}

.emag-grid {
    height: 85vh;
}

.incoming-invoice-grid {
    height: 85vh;
}

.record-service-grid {
    height: 85vh;
}

@media (min-width: 1280px) {
    .mud-container.content-container {
        max-width: 3440px;
    }
}

.column-name-width {
    width: 450px;
}

.column-barcode-width {
    width: 150px;
}

.column-salescode-width {
    width: 85px;
}

.column-productcode-width {
    width: 145px;
}

.column-emagid-width {
    width: 145px;
}

.column-stockstatus-width {
    width: 100px;
}

.column-price-width {
    width: 100px;
}

.column-stock-width {
    width: 60px;
}

.products-grid .mud-toolbar {
    justify-content: end;
}

.emag-grid .mud-toolbar {
    justify-content: end;
}

.incoming-invoice-grid .mud-toolbar {
    justify-content: end;
}

.record-service-grid .mud-toolbar {
    justify-content: end;
}

.order-note-grid .mud-toolbar {
    justify-content: end;
}

@media (max-width: 425px) {
    .mud-table-container {
        width: 100% !important;
    }
}

.ml-neg-12 {
    margin-left: -12px;
}

/* makes mud grid toolbar sticky work in combination with the sticky offset beneath it with the below class */
.mud-table-toolbar {
    top: 0;
    z-index: 10;
    background-color: var(--mud-palette-surface);
}

.products-grid .mud-table-root .mud-table-head th.mud-table-cell {
    top: 60px;
}

.products-grid-details .mud-table-root .mud-table-head th.mud-table-cell {
    top: 0px;
}