#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.cw-320 {
    width : 80%;
}

.card-header {
    background-color: rgba(100, 50, 220, 0.64) !important;
    color: rgba(var(--bs-white-rgb)) !important;
    border-radius: 8px 8px 0 0 !important;
}

.card .card-header {
    background-color: rgba(100, 50, 220, 0.64) !important;
    color: rgba(var(--bs-white-rgb)) !important;
    border-radius: 8px 8px 0 0 !important;
}

/* Ensure cards themselves have rounded corners */
.card {
    border-radius: 8px !important;
    overflow: hidden;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }


.dxbl-popup-cell{
    z-index:9999 !important;
}

:root .lpx-brand-logo {
    --lpx-logo: url('/images/logo/leptonx/Matrix_Logo_RGB_2.png');
    --lpx-logo-icon: url('/images/logo/leptonx/Matrix_Logo_RGB_2.png');
}


:root .dxbl-text-edit {
    --dxbl-fl-tab-group-tab-selected-color: var(--mm-primary-purple-alpha) !important;
    --dxbl-text-edit-focus-border-color: var(--mm-primary-dark) !important;
}

.dxbl-tabs-item .dxbl-active {
    background-color: var(--mm-primary-dark) !important;
    --dxbl-tabs-tab-selected-color: var(--mm-primary-dark) !important;
}

.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after, .dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after {
    content: "";
    position: absolute;
    z-index: 0;
    background-color: var(--mm-primary-dark) !important;
}

.dxbl-wait-indicator {
    --dxbl-wait-indicator-color: rgba(100, 50, 220, 0.64) !important;
    opacity : 80% !important;
}

.dxbl-wait-indicator,
.dxbl-wait-indicator-spin,
.dxbl-loading-panel-indicator {
    border-color: rgba(100, 50, 220, 0.2) !important;
    border-top-color: var(--mm-primary-purple) !important;
}

:root {
    --dxbl-tabs-tab-selected-color: #1E1A34 !important;
    --dxbl-wait-indicator-color: rgba(100, 50, 220, 0.64) !important;
    /* MeatMatrix Purple Theme Variables */
    --mm-primary-purple: rgba(100, 50, 220, 0.64);
    --mm-primary-purple-rgb: 100, 50, 220;
    --mm-primary-purple-alpha: rgba(100, 50, 220, 0.64);
    --mm-primary-dark: #1E1A34;
}
.dxbl-spin-btns {
    display: none !important;
}

.lpx-brand-logo-header {
    --lpx-logo: url('/images/logo/leptonx/Matrix_Logo_RGB_2.png');
    --lpx-logo-icon: url('/images/logo/leptonx/Matrix_Logo_RGB_2.png');
    background-image: var(--lpx-logo);
    background-repeat: no-repeat;
    background-size: 120px;
    background-position-y: center;
    margin-left: 9px;
    height: 60px;
}

.productionBatchHeader {
    background-color: var(--mm-primary-dark);
    color: white;
    height: 85px;
    width: 100%;
    position: fixed;
    text-align: left;
    padding-top : 10px;
    z-index: 1000;
}

.titleHeader {
    background-color: var(--mm-primary-dark);
    color: white;
    height: 85px;
    width: 100%;
    position: fixed;
    text-align: left;
    padding-top: 18px;
    z-index: 1000;
}


.productionBatchFooter {
    background-color: var(--mm-primary-dark);
    color: white;
    height: auto;
    width: 100%;
    min-height: 40px;
    position: fixed;
    text-align: center;
    bottom: 0;
}

.dxbl-grid-focused-row {
    background-color: rgb(30, 26, 52, 0.64) !important;
}

.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
    background-color: white !important;
}

.dxbl-text {
    color: var(--mm-primary-dark) !important;
    font-weight: bold;
}

.mmbreadcrumb {
    background-color: var(--mm-primary-dark);
    color: white;
    height: auto;
    text-align: left;
    font-weight: bold;
    --bs-link-hover-color: var(--mm-primary-purple) !important;
}

.mmbreadcrumb-destination {
    text-decoration: none;
    background-color: var(--mm-primary-dark);
    color: white;
    height: auto;
    position: fixed;
    text-align: left;
    font-weight: bold;
    --bs-link-hover-color: var(--mm-primary-purple);
}

.dxbl-btn-standalone {
    font-weight: bold;
    background-color: var(--mm-primary-purple-alpha) !important;
    color: white !important;
    border-color: var(--mm-primary-purple-alpha) !important;
    --dxbl-btn-bg: var(--mm-primary-purple-alpha) !important;
}

.mmRedBtn {
    background-color: #FF0000 !important;
    color: white !important;
    border-color: #FF0000 !important;
    font-weight: bold;
    text-align:center !important;
    justify-content: center;
    
}

.mmWarningText{
    color: red !important;
    font-weight: bold !important;
}

.mmNotificationBadge {
    position: fixed !important;
    background-color: var(--mm-primary-dark);
    top: 20px !important;
    right: 20px !important;
    padding: 10px !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 1500 !important;
    --info-icon: url('/images/Icons/bell-ring.png');
    background-image: var(--info-icon);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position-y: center;
}

.flyout-overview-target-container {
    position: fixed !important;
    display: flex !important;
    background-color: var(--mm-primary-dark);
    top: 20px !important;
    right: 20px !important;
}

.deviceInfo {
    position: fixed !important;
    top: 20px !important;
    right: 70px !important;
    padding: 10px !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 1500 !important;
    --info-icon: url('/images/Icons/settings.png');
    background-image: var(--info-icon);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position-y: center;
}

.gridlayout-footer{
    font-weight: bold;
    justify-content:center;
    padding-top: 10px;
}

.deviceInfoUnregistered {
    position: fixed !important;
    top: 20px !important;
    right: 70px !important;
    padding: 10px !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 1500 !important;
    --info-icon: url('/images/Icons/ban.png');
    background-image: var(--info-icon);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position-y: center;
}


.mmlogout {
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: #dc3545;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    z-index: 1600;
    transition: background-color 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

    .mmlogout:hover {
        background-color: #c82333;
        color: white;
        text-decoration: none;
    }

    .mmlogout:focus {
        outline: 2px solid #fff;
        outline-offset: 2px;
    }

    .mmlogout:active {
        background-color: #bd2130;
        transform: translateY(1px);
    }

.dxbl-list-box-item-selected {
    background-color: var(--mm-primary-purple-alpha) !important;
}


.required-field .dxbl-fl-cpt::after {
    content: "\00a0 *";
    color: #dc3545; /* Bootstrap danger color, adjust as needed */
    font-weight: bold;
}

/* Alternative version if you want the asterisk before the caption */
.required-field-before .dxbl-fl-cpt::before {
    content: "\00a0 * ";
    color: #dc3545;
    font-weight: bold;
}

.main-layout{
}

/* Additional DevExpress component color overrides */
.dxbl-checkbox-checked .dxbl-checkbox-mark,
.dxbl-checkbox:not(.dxbl-disabled):not(.dxbl-invalid).dxbl-checkbox-checked .dxbl-checkbox-mark {
    background-color: var(--mm-primary-purple) !important;
    border-color: var(--mm-primary-purple) !important;
}

/* DevExpress Loading Panel overrides */
.dxbl-loading-panel-indicator,
.dxbl-loading-panel-spinner {
    border-color: rgba(100, 50, 220, 0.2) !important;
    border-top-color: var(--mm-primary-purple) !important;
}

/* Grid loading animation overrides */
.dxbl-grid-loading-panel,
.dxbl-grid-loading-indicator,
.dxbl-grid .dxbl-loading-panel-indicator,
.dxbl-grid .dxbl-loading-panel-spinner {
    border-color: rgba(100, 50, 220, 0.2) !important;
    border-top-color: var(--mm-primary-purple) !important;
}

/* Ensure any remaining orange spinners are purple */
[class*="spinner"],
[class*="loading"] {
    border-color: rgba(100, 50, 220, 0.2) !important;
    border-top-color: var(--mm-primary-purple) !important;
}

/* Override DevExpress orange theme colors - Ultra Aggressive */
:root {
    --dxbl-accent: var(--mm-primary-purple) !important;
    --dxbl-accent-light: var(--mm-primary-purple-alpha) !important;
    --dxbl-checkbox-check-element-checked-bg: var(--mm-primary-purple) !important;
    --dxbl-checkbox-check-element-bg: var(--mm-primary-purple) !important;
    --dxbl-loading-indicator-color: var(--mm-primary-purple) !important;
    --dxbl-spinner-border-top-color: var(--mm-primary-purple) !important;
    --dxbl-grid-loading-indicator-color: var(--mm-primary-purple) !important;
    --dxbl-loading-panel-spinner-color: var(--mm-primary-purple) !important;
}


.form-control-w200 {
    width: 200px;
}

/* Rounded corners for buttons in CreateLivestockReceivingComponent */
.dxbl-btn,
.dxbl-btn-standalone,
.btn,
button {
    border-radius: 8px !important;
}

/* Rounded corners for attachment sections */
.attachment-section,
.dxbl-attachment,
.dxbl-upload,
.dxbl-file-upload,
[class*="attachment"] {
    border-radius: 8px !important;
}

/* Rounded corners for attachment containers and cards */
.attachment-container,
.attachment-card,
.dxbl-card {
    border-radius: 8px !important;
}

/* Rounded corners for modals */
.dxbl-modal-content,
.modal-content,
.dxbl-popup-wrapper,
.dxbl-popup-content {
    border-radius: 12px !important;
}

/* Rounded corners for modal headers and footers */
.dxbl-modal-header,
.modal-header,
.dxbl-popup-header {
    border-radius: 12px 12px 0 0 !important;
}

.dxbl-modal-footer,
.modal-footer,
.dxbl-popup-footer {
    border-radius: 0 0 12px 12px !important;
}

/* Rounded corners for all input elements */
input,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"],
textarea,
select,
.form-control,
.dxbl-text-edit,
.dxbl-text-edit-input,
.dxbl-combo-box,
.dxbl-combo-box-input,
.dxbl-date-edit,
.dxbl-date-edit-input,
.dxbl-dropdown,
.dxbl-dropdown-input,
.dxbl-listbox,
.dxbl-spin-edit,
.dxbl-spin-edit-input,
.dxbl-memo,
.dxbl-memo-input,
.dxbl-masked-input,
.dxbl-masked-input-input,
.dxbl-tag-box,
.dxbl-tag-box-input,
.dxbl-time-edit,
.dxbl-time-edit-input,
.dxbl-numeric-edit,
.dxbl-numeric-edit-input {
    border-radius: 8px !important;
}

/* DevExpress specific input containers */
.dxbl-text-edit-content,
.dxbl-combo-box-content,
.dxbl-date-edit-content,
.dxbl-dropdown-content,
.dxbl-spin-edit-content,
.dxbl-memo-content,
.dxbl-masked-input-content,
.dxbl-tag-box-content,
.dxbl-time-edit-content,
.dxbl-numeric-edit-content {
    border-radius: 8px !important;
}

/* Ensure dropdown lists also have rounded corners */
.dxbl-dropdown-list,
.dxbl-combo-box-dropdown,
.dxbl-listbox-list,
.dxbl-popup-edit-dropdown {
    border-radius: 8px !important;
}

/* Search boxes and filter inputs */
.dxbl-grid-search-text,
.dxbl-grid-filter-row input,
.dxbl-toolbar-search-input {
    border-radius: 8px !important;
}

/* Modal backdrop blur effect */
.modal-backdrop {
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
}

/* Blur background content when modal is open */
.modal-open .DxGridLayout,
.modal-open .DxAccordion,
.modal-open .dxbl-accordion-item,
.modal-open .productionBatchHeader,
.modal-open .productionBatchFooter,
.modal-open .gridlayout-item,
.modal-open .status-bar,
.modal-open .dxbl-grid,
.modal-open [class*="LiveStock"] {
    filter: blur(4px) !important;
    transition: filter 0.3s ease-in-out;
}

/* Ensure modal dialog and its contents are NOT blurred */
.modal,
.modal-dialog,
.modal-dialog.modal-xl,
.modal-content,
.modal-header,
.modal-body,
.modal-footer {
    filter: none !important;
    -webkit-filter: none !important;
    transform: translateZ(0) !important; /* Create new stacking context */
    position: relative;
    z-index: 1060 !important; /* Above the backdrop */
}

/* Double ensure modal contents stay sharp */
.modal-open .modal,
.modal-open .modal-dialog,
.modal-open .modal-dialog.modal-xl,
.modal-open .modal-dialog * {
    filter: none !important;
    -webkit-filter: none !important;
}

/* Spinner Overlay Styles */
.spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.spinner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.spinner-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.spinner-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid var(--mm-primary-purple, #6432DC);
    border-radius: 50%;
    animation: spinner-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: var(--mm-primary-purple, #6432DC) transparent transparent transparent;
}

.spinner-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.spinner-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.spinner-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes spinner-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.spinner-text {
    color: white;
    font-size: 18px;
    font-weight: 600;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

/* Menu Icon Classes */
.icon-beef-produce::before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url('/images/Iconography/White/png/Matrix Beef Produce.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-cold-storage::before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url('/images/Iconography/White/png/Matrix Cold Storage.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-dispatching::before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url('/images/Iconography/White/png/Matrix Dispatching.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-food-processing::before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url('/images/Iconography/White/png/Matrix Food Processing.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-fresh-produce::before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url('/images/Iconography/White/png/Matrix Fresh Produce.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-grading::before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url('/images/Iconography/White/png/Matrix Grading.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-lamb-produce::before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url('/images/Iconography/White/png/Matrix Lamb Produce.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-management::before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url('/images/Iconography/White/png/Matrix Management.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-pork-produce::before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url('/images/Iconography/White/png/Matrix Pork Produce.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-poultry-produce::before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url('/images/Iconography/White/png/Matrix Poultry Produce.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-production::before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url('/images/Iconography/White/png/Matrix Production.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-retail::before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url('/images/Iconography/White/png/Matrix Retail.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-seafood-produce::before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url('/images/Iconography/White/png/Matrix Seafood Produce.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-stock-batches::before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url('/images/Iconography/White/png/Matrix Stock Batches.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-weighbridge::before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url('/images/Iconography/White/png/Matrix Weighbridge.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.link-style {
    color: rgb(185, 187, 195);
    text-decoration: underline;
    cursor: pointer;
}

    .link-style:hover {
        color: rgb(185, 187, 195);
    }

.mmLightGrayBtn {
    background-color: rgb(185, 187, 195) !important;
    color: #000 !important;
    border-color: rgb(185, 187, 195) !important;
    font-weight: 500;
    text-align: center !important;
    justify-content: center;
}

.submitButtonAlign {
    margin-right: 19px !important;
    width : 148px !important;
}

.cwid-315
{
    width : 315px !important
}



.mneg {
    margin-left: -21px;
    width: 61px;
}


.module-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    padding: 0px 0;
}

.module-card {
    background: white;
    border-radius: 12px;
    padding: 32px 24px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid #e0e0e0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

    .module-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 16px rgba(100, 50, 220, 0.2);
        border-color: var(--mm-primary-purple);
    }

.module-icon {
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .module-icon::before {
        width: 120px !important;
        height: 120px !important;
    }

    .module-icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.submodule-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.module-card h3 {
    color: var(--mm-primary-dark);
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0;
}

@media (max-width: 768px) {
    .module-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 16px;
    }

    .module-card {
        padding: 24px 16px;
    }

    .module-icon {
        width: 60px;
        height: 60px;
    }

        .module-icon::before {
            width: 60px !important;
            height: 60px !important;
        }

    .dashboard-header h1 {
        font-size: 2rem;
    }
}

/* Navy Icon Classes for Dashboard */
.icon-navy-beef-produce::before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url('/images/Iconography/Navy/png/Matrix Beef Produce.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-navy-cold-storage::before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url('/images/Iconography/Navy/png/Matrix Cold Storage.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-navy-dispatching::before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url('/images/Iconography/Navy/png/Matrix Dispatching.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-navy-food-processing::before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url('/images/Iconography/Navy/png/Matrix Food Processing.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-navy-fresh-produce::before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url('/images/Iconography/Navy/png/Matrix Fresh Produce.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-navy-grading::before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url('/images/Iconography/Navy/png/Matrix Grading.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-navy-lamb-produce::before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url('/images/Iconography/Navy/png/Matrix Lamb Produce.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-navy-management::before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url('/images/Iconography/Navy/png/Matrix Management.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-navy-pork-produce::before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url('/images/Iconography/Navy/png/Matrix Pork Produce.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-navy-poultry-produce::before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url('/images/Iconography/Navy/png/Matrix Poultry Produce.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-navy-production::before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url('/images/Iconography/Navy/png/Matrix Production.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-navy-retail::before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url('/images/Iconography/Navy/png/Matrix Retail.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-navy-seafood-produce::before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url('/images/Iconography/Navy/png/Matrix Seafood Produce.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-navy-stock-batches::before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url('/images/Iconography/Navy/png/Matrix Stock Batches.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-navy-weighbridge::before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url('/images/Iconography/Navy/png/Matrix Weighbridge.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.module-dashboard {
    padding: 0px 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.dashboard-header {
    text-align: center;
    margin-bottom: 0px;
}

    .dashboard-header h1 {
        color: var(--mm-primary-dark);
        font-size: 2.5rem;
        margin-bottom: 10px;
    }

    .dashboard-header p {
        color: #666;
        font-size: 1.1rem;
    }

.back-button {
    background: var(--mm-primary-purple);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 20px;
    display: inline-block;
}

    .back-button:hover {
        background: rgba(100, 50, 220, 0.9);
    }

.text-weight-normal{
    font-weight : normal !important;
}

.wide-search
{
    width : 200px !important;
}

.SearchGLN
{

}

.win100{
    width : 100% !important;
}

.lblRMIS{
    font-weight : normal;
    color : black;
    margin-left : 25px;
    margin-top : 15px
}

.rmisSearchBtn {
    width : 200px;
    margin-left: 150px;
}

.rmisSubmitBtn{
    margin-right: 10px !important;
    width: 200px
}

.rmisSubmitSection {
    
    margin-left: 10px !important;
    margin-bottom: 13px !important;
}

.dxbrv-wrapper {
    --dxbrv-primary-color: #ffffff !important;
}

.w500rmis {
    width: 500px !important;
}

w100rmis {
    width : 100% !important;
}

.w20rmis
{
    width : 20px;
}

.text-primary-black
{
    color : black !important;
}

.dxbl-fl-cpt {
    font-weight : bold !important;
}

.normal-txt{
    font-weight : normal !important;
}