/* TruckStock brand tokens from Axure branding (Feature #374). File=truckstock-brand.css */
:root {
    --ts-navy: #04395E;
    --ts-orange: #F26522;
    --ts-slate: #ADBABD;
    --ts-slate-40: rgba(173, 186, 189, 0.4);
    --ts-dark-red: #6B0504;
    --ts-light-blue: #91B7C7;
    --ts-neutral: #F2F2F2;
    --ts-page: #FFFFFF;
    --ts-link: #1E98D7;
    --ts-text: #333333;
    --ts-on-primary: #FFFFFF;
    --ts-header-band-height: 0px;
    --ts-header-bar-height: 106px;
    --ts-header-height: calc(var(--ts-header-band-height) + var(--ts-header-bar-height));
    --ts-footer-height: 40px;
    --ts-font-body: "Arial", Helvetica, sans-serif;
    --ts-font-heading: "Barlow", "Arial", sans-serif;
}

html,
body {
    --mud-default-borderradius: 0;
    font-family: var(--ts-font-body);
    color: var(--ts-text);
    background-color: var(--ts-page);
}

h1, h2, h3, h4, h5, h6,
.mud-typography-h1,
.mud-typography-h2,
.mud-typography-h3,
.mud-typography-h4,
.mud-typography-h5,
.mud-typography-h6 {
    font-family: var(--ts-font-heading);
}

.mud-button-filled.mud-button-filled-primary .mud-button-label,
.mud-button-filled-primary {
    letter-spacing: 1.5px;
}

.ts-page-title {
    font-family: var(--ts-font-heading);
    font-weight: 700;
    font-size: 52px;
    line-height: 1.15;
    color: var(--ts-text);
    margin: 0 0 0.5rem 0;
}

.ts-page-title:focus,
.ts-page-title:focus-visible,
h1:focus,
h1:focus-visible {
    outline: none;
}

.ts-page-subtitle {
    font-family: var(--ts-font-body);
    font-size: 16px;
    font-weight: 400;
    color: var(--ts-text);
    margin: 0 0 1.5rem 0;
}

/* Truck Maintenance (#678): ADD TRUCK top-right on title row per Axure ou51n6 */
.truck-maintenance-page .truck-maintenance-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.truck-maintenance-page .truck-maintenance-title {
    margin: 0;
    min-height: 70px;
}

.truck-maintenance-page .truck-maintenance-add-btn {
    margin-top: 11px;
    min-width: 163px;
    flex-shrink: 0;
}

.truck-maintenance-page .truck-maintenance-subtitle {
    margin: 0 0 17px;
}

.ts-primary-btn,
.mud-button,
.mud-button-root {
    border-radius: 0 !important;
}

.ts-primary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 131px;
    height: 40px;
    padding: 0 1.5rem;
    border: 0;
    border-radius: 0 !important;
    clip-path: polygon(11px 0, 100% 0, calc(100% - 11px) 100%, 0 100%);
    font-family: var(--ts-font-heading);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}

/* Dashboard/admin hub cards use per-accent fills via DashboardActionCard — never navy default. */
.ts-primary-btn:not(.dash-card-btn) {
    background-color: var(--ts-navy);
    color: var(--ts-on-primary) !important;
}

.ts-primary-btn.ts-primary-btn-muted:not(.dash-card-btn) {
    background-color: #ADBABD !important;
    color: #000 !important;
}

.ts-primary-btn-danger {
    background-color: var(--ts-dark-red);
    color: var(--ts-on-primary) !important;
}

.ts-primary-btn-orange {
    background-color: var(--ts-orange);
    color: var(--ts-on-primary) !important;
}

/* Dialog save buttons — do not rely on .mud-dialog.ts-truck-dialog-surface ancestor (MudBlazor portal). */
.ts-primary-btn.truck-form-save.ts-primary-btn-orange,
.ts-primary-btn.user-dialog-save.ts-primary-btn-orange,
.ts-primary-btn.part-dialog-save.ts-primary-btn-orange,
.ts-primary-btn.stockroom-form-save.ts-primary-btn-orange,
.ts-primary-btn.supplier-dialog-save.ts-primary-btn-orange,
.ts-primary-btn.supplier-part-dialog-save.ts-primary-btn-orange,
.ts-primary-btn.part-category-dialog-save.ts-primary-btn-orange,
.ts-primary-btn.department-dialog-save.ts-primary-btn-orange,
.ts-primary-btn.part-category-delete-dialog-delete.ts-primary-btn-orange,
.ts-primary-btn.department-delete-dialog-delete.ts-primary-btn-orange,
.ts-primary-btn.supplier-delete-dialog-delete.ts-primary-btn-orange,
.ts-primary-btn.part-template-form-save.ts-primary-btn-orange,
.ts-primary-btn.part-template-part-form-save.ts-primary-btn-orange,
.ts-primary-btn.part-template-delete-dialog-delete.ts-primary-btn-orange,
.ts-primary-btn.part-template-part-delete-dialog-delete.ts-primary-btn-orange,
.ts-primary-btn.user-delete-dialog-delete.ts-primary-btn-orange,
.part-category-maintenance-page .part-category-add-btn.ts-primary-btn-orange,
.truck-maintenance-page .truck-maintenance-add-btn.ts-primary-btn-orange,
.supplier-maintenance-page .supplier-add-btn.ts-primary-btn-orange,
.stock-room-maintenance-page .stock-room-add-btn.ts-primary-btn-orange,
.super-user-users-page .super-user-users-add-btn.ts-primary-btn-orange {
    background-color: #F26522 !important;
    color: #fff !important;
}

.ts-primary-btn.truck-form-save.ts-primary-btn-orange:hover,
.ts-primary-btn.truck-form-save.ts-primary-btn-orange:focus,
.ts-primary-btn.user-dialog-save.ts-primary-btn-orange:hover,
.ts-primary-btn.user-dialog-save.ts-primary-btn-orange:focus,
.ts-primary-btn.part-dialog-save.ts-primary-btn-orange:hover,
.ts-primary-btn.part-dialog-save.ts-primary-btn-orange:focus,
.ts-primary-btn.stockroom-form-save.ts-primary-btn-orange:hover,
.ts-primary-btn.stockroom-form-save.ts-primary-btn-orange:focus,
.ts-primary-btn.supplier-dialog-save.ts-primary-btn-orange:hover,
.ts-primary-btn.supplier-dialog-save.ts-primary-btn-orange:focus,
.ts-primary-btn.supplier-part-dialog-save.ts-primary-btn-orange:hover,
.ts-primary-btn.supplier-part-dialog-save.ts-primary-btn-orange:focus,
.ts-primary-btn.part-category-dialog-save.ts-primary-btn-orange:hover,
.ts-primary-btn.part-category-dialog-save.ts-primary-btn-orange:focus,
.ts-primary-btn.department-dialog-save.ts-primary-btn-orange:hover,
.ts-primary-btn.department-dialog-save.ts-primary-btn-orange:focus,
.ts-primary-btn.part-category-delete-dialog-delete.ts-primary-btn-orange:hover,
.ts-primary-btn.part-category-delete-dialog-delete.ts-primary-btn-orange:focus,
.ts-primary-btn.department-delete-dialog-delete.ts-primary-btn-orange:hover,
.ts-primary-btn.department-delete-dialog-delete.ts-primary-btn-orange:focus,
.ts-primary-btn.supplier-delete-dialog-delete.ts-primary-btn-orange:hover,
.ts-primary-btn.supplier-delete-dialog-delete.ts-primary-btn-orange:focus,
.ts-primary-btn.part-template-form-save.ts-primary-btn-orange:hover,
.ts-primary-btn.part-template-form-save.ts-primary-btn-orange:focus,
.ts-primary-btn.part-template-part-form-save.ts-primary-btn-orange:hover,
.ts-primary-btn.part-template-part-form-save.ts-primary-btn-orange:focus,
.ts-primary-btn.part-template-delete-dialog-delete.ts-primary-btn-orange:hover,
.ts-primary-btn.part-template-delete-dialog-delete.ts-primary-btn-orange:focus,
.ts-primary-btn.part-template-part-delete-dialog-delete.ts-primary-btn-orange:hover,
.ts-primary-btn.part-template-part-delete-dialog-delete.ts-primary-btn-orange:focus,
.ts-primary-btn.user-delete-dialog-delete.ts-primary-btn-orange:hover,
.ts-primary-btn.user-delete-dialog-delete.ts-primary-btn-orange:focus,
.part-category-maintenance-page .part-category-add-btn.ts-primary-btn-orange:hover,
.part-category-maintenance-page .part-category-add-btn.ts-primary-btn-orange:focus,
.truck-maintenance-page .truck-maintenance-add-btn.ts-primary-btn-orange:hover,
.truck-maintenance-page .truck-maintenance-add-btn.ts-primary-btn-orange:focus,
.supplier-maintenance-page .supplier-add-btn.ts-primary-btn-orange:hover,
.supplier-maintenance-page .supplier-add-btn.ts-primary-btn-orange:focus,
.stock-room-maintenance-page .stock-room-add-btn.ts-primary-btn-orange:hover,
.stock-room-maintenance-page .stock-room-add-btn.ts-primary-btn-orange:focus,
.super-user-users-page .super-user-users-add-btn.ts-primary-btn-orange:hover,
.super-user-users-page .super-user-users-add-btn.ts-primary-btn-orange:focus {
    background-color: rgb(242 101 34 / 0.8) !important;
    color: #fff !important;
}

.ts-primary-btn:not(.dash-card-btn):not(.ts-primary-btn-orange):not(.ts-primary-btn-muted):not(.ts-primary-btn-danger):hover,
.ts-primary-btn:not(.dash-card-btn):not(.ts-primary-btn-orange):not(.ts-primary-btn-muted):not(.ts-primary-btn-danger):focus {
    /* Axure primary_button mouseOver: same fill at 80% opacity (lightens over the page). */
    background-color: rgb(4 57 94 / 0.8);
    color: var(--ts-on-primary) !important;
    text-decoration: none;
}

.ts-primary-btn.ts-primary-btn-muted:not(.dash-card-btn):hover,
.ts-primary-btn.ts-primary-btn-muted:not(.dash-card-btn):focus {
    /* Axure CANCEL: same #ADBABD / #000, fill at 80% opacity (not whole-button fade). */
    background-color: rgb(173 186 189 / 0.8) !important;
    color: #000 !important;
}

/* Home hero GET STARTED — Axure u11: #91B7C7 fill, #000 text, hover 80% fill. */
.ts-primary-btn.home-hero-cta {
    background-color: var(--ts-light-blue);
    color: #000 !important;
}

.ts-primary-btn.home-hero-cta:hover,
.ts-primary-btn.home-hero-cta:focus {
    background-color: rgb(145 183 199 / 0.8);
    color: #000 !important;
}

.ts-primary-btn.ts-primary-btn-danger:hover,
.ts-primary-btn.ts-primary-btn-danger:focus {
    background-color: rgb(107 5 4 / 0.8);
    color: var(--ts-on-primary) !important;
}

.ts-primary-btn-orange:hover,
.ts-primary-btn-orange:focus {
    background-color: rgb(242 101 34 / 0.8);
    color: var(--ts-on-primary) !important;
}

.ts-primary-btn:not(.dash-card-btn):not(.ts-primary-btn-orange):not(.ts-primary-btn-muted):not(.ts-primary-btn-danger):disabled:hover,
.ts-primary-btn:not(.dash-card-btn):not(.ts-primary-btn-orange):not(.ts-primary-btn-muted):not(.ts-primary-btn-danger):disabled:focus {
    background-color: var(--ts-navy);
}

.ts-primary-btn-muted:disabled:hover,
.ts-primary-btn-muted:disabled:focus {
    background-color: var(--ts-slate);
}

.ts-primary-btn-danger:disabled:hover,
.ts-primary-btn-danger:disabled:focus {
    background-color: var(--ts-dark-red);
}

.ts-primary-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.ts-link-back {
    font-family: var(--ts-font-body);
    font-size: 16px;
    color: var(--ts-navy);
    text-decoration: none;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
}

/* Table wrapper panels — half padding vs legacy 16px 22px (#845). */
.ts-table-panel {
    box-sizing: border-box;
    width: 100%;
    padding: 8px 11px;
    background: #F2F2F2;
}

/* Branded admin/upload/report page shell (669–674). */
.ts-admin-page {
    background: #fff;
    padding-top: 22px;
    padding-bottom: 2rem;
}

.ts-admin-page .ts-admin-title {
    margin: 0;
    min-height: 70px;
}

.ts-admin-page .ts-admin-subtitle {
    margin: 0 0 22px;
    max-width: 960px;
}

.ts-admin-actions,
.ts-admin-filter-row,
.report-action-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.ts-admin-filter-row {
    align-items: flex-end;
}

.ts-admin-section-title {
    margin: 16px 0 8px;
    font-family: "Barlow", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    color: #ADBABD;
    text-transform: uppercase;
}

/* Manage Trucks / Stockrooms (Axure ou51n6 / 7qjiqk) — Add/Edit modal 640, heading_3 36px. */
.mud-dialog.ts-truck-dialog-surface,
.ts-truck-dialog-surface,
.mud-dialog.ts-stockroom-dialog-surface,
.ts-stockroom-dialog-surface,
.mud-dialog.ts-supplier-dialog-surface,
.ts-supplier-dialog-surface,
.mud-dialog.ts-part-dialog-surface,
.ts-part-dialog-surface {
    width: 640px !important;
    max-width: 640px !important;
    border-radius: 0 !important;
}

.ts-truck-dialog-title {
    margin: 0;
    width: 100%;
    text-align: center;
    font-family: "Barlow", Arial, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
    color: #333;
}

.mud-dialog.ts-truck-dialog-surface .mud-dialog-title,
.mud-dialog.ts-stockroom-dialog-surface .mud-dialog-title,
.mud-dialog.ts-supplier-dialog-surface .mud-dialog-title,
.mud-dialog.ts-confirm-dialog-surface .mud-dialog-title {
    justify-content: center;
    text-align: center;
    padding-left: 48px;
    padding-right: 48px;
}

/* Delete confirm — close (X) only in header; title and body sit below. */
.mud-dialog.ts-department-delete-dialog .mud-dialog-title,
.mud-dialog.ts-supplier-delete-dialog .mud-dialog-title,
.mud-dialog.ts-part-category-delete-dialog .mud-dialog-title,
.mud-dialog.ts-part-template-delete-dialog .mud-dialog-title,
.mud-dialog.ts-part-template-part-delete-dialog .mud-dialog-title,
.mud-dialog.ts-user-delete-dialog .mud-dialog-title {
    justify-content: flex-end;
    min-height: 36px;
    padding: 4px 4px 0 48px;
}

.mud-dialog.ts-department-delete-dialog .mud-dialog-title .mud-typography-h6,
.mud-dialog.ts-supplier-delete-dialog .mud-dialog-title .mud-typography-h6,
.mud-dialog.ts-part-category-delete-dialog .mud-dialog-title .mud-typography-h6,
.mud-dialog.ts-part-template-delete-dialog .mud-dialog-title .mud-typography-h6,
.mud-dialog.ts-part-template-part-delete-dialog .mud-dialog-title .mud-typography-h6,
.mud-dialog.ts-user-delete-dialog .mud-dialog-title .mud-typography-h6 {
    display: none !important;
}

.mud-dialog.ts-department-delete-dialog .mud-dialog-content,
.mud-dialog.ts-supplier-delete-dialog .mud-dialog-content,
.mud-dialog.ts-part-category-delete-dialog .mud-dialog-content,
.mud-dialog.ts-part-template-delete-dialog .mud-dialog-content,
.mud-dialog.ts-part-template-part-delete-dialog .mud-dialog-content,
.mud-dialog.ts-user-delete-dialog .mud-dialog-content {
    padding-top: 0 !important;
}

.mud-dialog.ts-truck-dialog-surface .ts-primary-btn:not(.ts-primary-btn-orange):not(.ts-primary-btn-muted):not(.ts-primary-btn-danger),
.mud-dialog.ts-stockroom-dialog-surface .ts-primary-btn:not(.ts-primary-btn-orange):not(.ts-primary-btn-muted):not(.ts-primary-btn-danger),
.mud-dialog.ts-supplier-dialog-surface .ts-primary-btn:not(.ts-primary-btn-orange):not(.ts-primary-btn-muted):not(.ts-primary-btn-danger),
.mud-dialog.ts-part-dialog-surface .ts-primary-btn:not(.ts-primary-btn-orange):not(.ts-primary-btn-muted):not(.ts-primary-btn-danger),
.mud-dialog.ts-confirm-dialog-surface .ts-primary-btn:not(.ts-primary-btn-orange):not(.ts-primary-btn-muted):not(.ts-primary-btn-danger) {
    background-color: #04395E !important;
    color: #fff !important;
}

.mud-dialog.ts-truck-dialog-surface .ts-primary-btn-muted,
.mud-dialog.ts-stockroom-dialog-surface .ts-primary-btn-muted,
.mud-dialog.ts-supplier-dialog-surface .ts-primary-btn-muted,
.mud-dialog.ts-part-dialog-surface .ts-primary-btn-muted,
.mud-dialog.ts-confirm-dialog-surface .ts-primary-btn-muted {
    background-color: #ADBABD !important;
    color: #000 !important;
}

.mud-dialog.ts-truck-dialog-surface .ts-primary-btn-danger,
.mud-dialog.ts-stockroom-dialog-surface .ts-primary-btn-danger,
.mud-dialog.ts-confirm-dialog-surface .ts-primary-btn-danger {
    background-color: #6B0504 !important;
    color: #fff !important;
}

.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.ts-primary-btn-orange,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.user-dialog-save,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.truck-form-save,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.part-category-dialog-save,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.department-dialog-save,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.part-template-form-save,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.part-template-part-form-save,
.mud-dialog.ts-confirm-dialog-surface .ts-primary-btn.part-category-delete-dialog-delete,
.mud-dialog.ts-confirm-dialog-surface .ts-primary-btn.department-delete-dialog-delete,
.mud-dialog.ts-confirm-dialog-surface .ts-primary-btn.supplier-delete-dialog-delete,
.mud-dialog.ts-confirm-dialog-surface .ts-primary-btn.part-template-delete-dialog-delete,
.mud-dialog.ts-confirm-dialog-surface .ts-primary-btn.part-template-part-delete-dialog-delete,
.mud-dialog.ts-confirm-dialog-surface .ts-primary-btn.user-delete-dialog-delete,
.ts-truck-dialog-surface .ts-primary-btn.ts-primary-btn-orange,
.ts-truck-dialog-surface .ts-primary-btn.user-dialog-save,
.ts-truck-dialog-surface .ts-primary-btn.truck-form-save,
.ts-truck-dialog-surface .ts-primary-btn.part-category-dialog-save,
.ts-truck-dialog-surface .ts-primary-btn.department-dialog-save,
.ts-truck-dialog-surface .ts-primary-btn.part-template-form-save,
.ts-truck-dialog-surface .ts-primary-btn.part-template-part-form-save,
.ts-confirm-dialog-surface .ts-primary-btn.part-category-delete-dialog-delete,
.ts-confirm-dialog-surface .ts-primary-btn.department-delete-dialog-delete,
.ts-confirm-dialog-surface .ts-primary-btn.supplier-delete-dialog-delete,
.ts-confirm-dialog-surface .ts-primary-btn.part-template-delete-dialog-delete,
.ts-confirm-dialog-surface .ts-primary-btn.part-template-part-delete-dialog-delete,
.ts-confirm-dialog-surface .ts-primary-btn.user-delete-dialog-delete {
    background-color: #F26522 !important;
    color: #fff !important;
}

.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.ts-primary-btn-orange:hover,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.ts-primary-btn-orange:focus,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.user-dialog-save:hover,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.user-dialog-save:focus,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.truck-form-save:hover,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.truck-form-save:focus,
.ts-truck-dialog-surface .ts-primary-btn.ts-primary-btn-orange:hover,
.ts-truck-dialog-surface .ts-primary-btn.ts-primary-btn-orange:focus,
.ts-truck-dialog-surface .ts-primary-btn.user-dialog-save:hover,
.ts-truck-dialog-surface .ts-primary-btn.user-dialog-save:focus,
.ts-truck-dialog-surface .ts-primary-btn.truck-form-save:hover,
.ts-truck-dialog-surface .ts-primary-btn.truck-form-save:focus,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.part-category-dialog-save:hover,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.part-category-dialog-save:focus,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.department-dialog-save:hover,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.department-dialog-save:focus,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.part-template-form-save:hover,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.part-template-form-save:focus,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.part-template-part-form-save:hover,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.part-template-part-form-save:focus,
.mud-dialog.ts-confirm-dialog-surface .ts-primary-btn.part-category-delete-dialog-delete:hover,
.mud-dialog.ts-confirm-dialog-surface .ts-primary-btn.part-category-delete-dialog-delete:focus,
.mud-dialog.ts-confirm-dialog-surface .ts-primary-btn.department-delete-dialog-delete:hover,
.mud-dialog.ts-confirm-dialog-surface .ts-primary-btn.department-delete-dialog-delete:focus,
.mud-dialog.ts-confirm-dialog-surface .ts-primary-btn.supplier-delete-dialog-delete:hover,
.mud-dialog.ts-confirm-dialog-surface .ts-primary-btn.supplier-delete-dialog-delete:focus,
.mud-dialog.ts-confirm-dialog-surface .ts-primary-btn.part-template-delete-dialog-delete:hover,
.mud-dialog.ts-confirm-dialog-surface .ts-primary-btn.part-template-delete-dialog-delete:focus,
.mud-dialog.ts-confirm-dialog-surface .ts-primary-btn.part-template-part-delete-dialog-delete:hover,
.mud-dialog.ts-confirm-dialog-surface .ts-primary-btn.part-template-part-delete-dialog-delete:focus,
.mud-dialog.ts-confirm-dialog-surface .ts-primary-btn.user-delete-dialog-delete:hover,
.mud-dialog.ts-confirm-dialog-surface .ts-primary-btn.user-delete-dialog-delete:focus,
.ts-truck-dialog-surface .ts-primary-btn.part-category-dialog-save:hover,
.ts-truck-dialog-surface .ts-primary-btn.part-category-dialog-save:focus,
.ts-truck-dialog-surface .ts-primary-btn.department-dialog-save:hover,
.ts-truck-dialog-surface .ts-primary-btn.department-dialog-save:focus,
.ts-truck-dialog-surface .ts-primary-btn.part-template-form-save:hover,
.ts-truck-dialog-surface .ts-primary-btn.part-template-form-save:focus,
.ts-truck-dialog-surface .ts-primary-btn.part-template-part-form-save:hover,
.ts-truck-dialog-surface .ts-primary-btn.part-template-part-form-save:focus,
.ts-confirm-dialog-surface .ts-primary-btn.part-category-delete-dialog-delete:hover,
.ts-confirm-dialog-surface .ts-primary-btn.part-category-delete-dialog-delete:focus,
.ts-confirm-dialog-surface .ts-primary-btn.department-delete-dialog-delete:hover,
.ts-confirm-dialog-surface .ts-primary-btn.department-delete-dialog-delete:focus,
.ts-confirm-dialog-surface .ts-primary-btn.supplier-delete-dialog-delete:hover,
.ts-confirm-dialog-surface .ts-primary-btn.supplier-delete-dialog-delete:focus,
.ts-confirm-dialog-surface .ts-primary-btn.part-template-delete-dialog-delete:hover,
.ts-confirm-dialog-surface .ts-primary-btn.part-template-delete-dialog-delete:focus,
.ts-confirm-dialog-surface .ts-primary-btn.part-template-part-delete-dialog-delete:hover,
.ts-confirm-dialog-surface .ts-primary-btn.part-template-part-delete-dialog-delete:focus,
.ts-confirm-dialog-surface .ts-primary-btn.user-delete-dialog-delete:hover,
.ts-confirm-dialog-surface .ts-primary-btn.user-delete-dialog-delete:focus {
    background-color: rgb(242 101 34 / 0.8) !important;
    color: #fff !important;
}

.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.ts-primary-btn-orange:disabled:hover,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.ts-primary-btn-orange:disabled:focus,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.user-dialog-save:disabled:hover,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.user-dialog-save:disabled:focus,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.truck-form-save:disabled:hover,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.truck-form-save:disabled:focus,
.ts-truck-dialog-surface .ts-primary-btn.ts-primary-btn-orange:disabled:hover,
.ts-truck-dialog-surface .ts-primary-btn.ts-primary-btn-orange:disabled:focus,
.ts-truck-dialog-surface .ts-primary-btn.user-dialog-save:disabled:hover,
.ts-truck-dialog-surface .ts-primary-btn.user-dialog-save:disabled:focus,
.ts-truck-dialog-surface .ts-primary-btn.truck-form-save:disabled:hover,
.ts-truck-dialog-surface .ts-primary-btn.truck-form-save:disabled:focus,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.part-template-form-save:disabled:hover,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.part-template-form-save:disabled:focus,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.part-template-part-form-save:disabled:hover,
.mud-dialog.ts-truck-dialog-surface .ts-primary-btn.part-template-part-form-save:disabled:focus,
.ts-truck-dialog-surface .ts-primary-btn.part-template-form-save:disabled:hover,
.ts-truck-dialog-surface .ts-primary-btn.part-template-form-save:disabled:focus,
.ts-truck-dialog-surface .ts-primary-btn.part-template-part-form-save:disabled:hover,
.ts-truck-dialog-surface .ts-primary-btn.part-template-part-form-save:disabled:focus {
    background-color: #F26522 !important;
}

.mud-dialog.ts-part-dialog-surface .ts-primary-btn-orange,
.mud-dialog.ts-part-dialog-surface .part-dialog-save {
    background-color: #F26522 !important;
    color: #fff !important;
}

.mud-dialog.ts-part-dialog-surface .ts-primary-btn-orange:hover,
.mud-dialog.ts-part-dialog-surface .ts-primary-btn-orange:focus,
.mud-dialog.ts-part-dialog-surface .part-dialog-save:hover,
.mud-dialog.ts-part-dialog-surface .part-dialog-save:focus {
    background-color: rgb(242 101 34 / 0.8) !important;
    color: #fff !important;
}

.mud-dialog.ts-part-dialog-surface .ts-primary-btn-orange:disabled:hover,
.mud-dialog.ts-part-dialog-surface .ts-primary-btn-orange:disabled:focus,
.mud-dialog.ts-part-dialog-surface .part-dialog-save:disabled:hover,
.mud-dialog.ts-part-dialog-surface .part-dialog-save:disabled:focus {
    background-color: #F26522 !important;
}

.mud-dialog.ts-stockroom-dialog-surface .ts-primary-btn-orange,
.mud-dialog.ts-stockroom-dialog-surface .stockroom-form-save {
    background-color: #F26522 !important;
    color: #fff !important;
}

.mud-dialog.ts-stockroom-dialog-surface .ts-primary-btn-orange:hover,
.mud-dialog.ts-stockroom-dialog-surface .ts-primary-btn-orange:focus,
.mud-dialog.ts-stockroom-dialog-surface .stockroom-form-save:hover,
.mud-dialog.ts-stockroom-dialog-surface .stockroom-form-save:focus {
    background-color: rgb(242 101 34 / 0.8) !important;
    color: #fff !important;
}

.mud-dialog.ts-stockroom-dialog-surface .ts-primary-btn-orange:disabled:hover,
.mud-dialog.ts-stockroom-dialog-surface .ts-primary-btn-orange:disabled:focus,
.mud-dialog.ts-stockroom-dialog-surface .stockroom-form-save:disabled:hover,
.mud-dialog.ts-stockroom-dialog-surface .stockroom-form-save:disabled:focus {
    background-color: #F26522 !important;
}

.mud-dialog.ts-department-dialog-surface .ts-primary-btn-orange,
.mud-dialog.ts-department-dialog-surface .department-dialog-save {
    background-color: #F26522 !important;
    color: #fff !important;
}

.mud-dialog.ts-department-dialog-surface .ts-primary-btn-orange:hover,
.mud-dialog.ts-department-dialog-surface .ts-primary-btn-orange:focus,
.mud-dialog.ts-department-dialog-surface .department-dialog-save:hover,
.mud-dialog.ts-department-dialog-surface .department-dialog-save:focus {
    background-color: rgb(242 101 34 / 0.8) !important;
    color: #fff !important;
}

.mud-dialog.ts-department-dialog-surface .ts-primary-btn-orange:disabled:hover,
.mud-dialog.ts-department-dialog-surface .ts-primary-btn-orange:disabled:focus,
.mud-dialog.ts-department-dialog-surface .department-dialog-save:disabled:hover,
.mud-dialog.ts-department-dialog-surface .department-dialog-save:disabled:focus {
    background-color: #F26522 !important;
}

.mud-dialog.ts-supplier-dialog-surface .ts-primary-btn-orange,
.mud-dialog.ts-supplier-dialog-surface .supplier-dialog-save,
.mud-dialog.ts-supplier-dialog-surface .supplier-part-dialog-save {
    background-color: #F26522 !important;
    color: #fff !important;
}

.mud-dialog.ts-supplier-dialog-surface .ts-primary-btn-orange:hover,
.mud-dialog.ts-supplier-dialog-surface .ts-primary-btn-orange:focus,
.mud-dialog.ts-supplier-dialog-surface .supplier-dialog-save:hover,
.mud-dialog.ts-supplier-dialog-surface .supplier-dialog-save:focus,
.mud-dialog.ts-supplier-dialog-surface .supplier-part-dialog-save:hover,
.mud-dialog.ts-supplier-dialog-surface .supplier-part-dialog-save:focus {
    background-color: rgb(242 101 34 / 0.8) !important;
    color: #fff !important;
}

.mud-dialog.ts-supplier-dialog-surface .ts-primary-btn-orange:disabled:hover,
.mud-dialog.ts-supplier-dialog-surface .ts-primary-btn-orange:disabled:focus,
.mud-dialog.ts-supplier-dialog-surface .supplier-dialog-save:disabled:hover,
.mud-dialog.ts-supplier-dialog-surface .supplier-dialog-save:disabled:focus,
.mud-dialog.ts-supplier-dialog-surface .supplier-part-dialog-save:disabled:hover,
.mud-dialog.ts-supplier-dialog-surface .supplier-part-dialog-save:disabled:focus {
    background-color: #F26522 !important;
}

.ts-dialog-active-row {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 22px;
}

.mud-dialog.ts-truck-dialog-surface .mud-dialog-content,
.mud-dialog.ts-stockroom-dialog-surface .mud-dialog-content,
.mud-dialog.ts-supplier-dialog-surface .mud-dialog-content,
.mud-dialog.ts-part-dialog-surface .mud-dialog-content,
.mud-dialog.ts-truck-dialog-surface .mud-dialog-content .mud-input-label,
.mud-dialog.ts-stockroom-dialog-surface .mud-dialog-content .mud-input-label,
.mud-dialog.ts-supplier-dialog-surface .mud-dialog-content .mud-input-label,
.mud-dialog.ts-part-dialog-surface .mud-dialog-content .mud-input-label,
.mud-dialog.ts-part-dialog-surface .mud-dialog-content .mud-input-label *,
.mud-dialog.ts-part-dialog-surface .mud-dialog-content .mud-input-slot,
.mud-dialog.ts-part-dialog-surface .mud-dialog-content .mud-input,
.mud-dialog.ts-part-dialog-surface .mud-dialog-content input,
.mud-dialog.ts-part-dialog-surface .mud-dialog-content .mud-select,
.mud-dialog.ts-part-dialog-surface .mud-dialog-content .mud-select-input,
.mud-dialog.ts-part-dialog-surface .mud-dialog-content .mud-typography,
.mud-dialog.ts-truck-dialog-surface .mud-dialog-content .mud-input-label *,
.mud-dialog.ts-stockroom-dialog-surface .mud-dialog-content .mud-input-label *,
.mud-dialog.ts-supplier-dialog-surface .mud-dialog-content .mud-input-label *,
.mud-dialog.ts-truck-dialog-surface .mud-dialog-content .mud-input-slot,
.mud-dialog.ts-stockroom-dialog-surface .mud-dialog-content .mud-input-slot,
.mud-dialog.ts-supplier-dialog-surface .mud-dialog-content .mud-input-slot,
.mud-dialog.ts-truck-dialog-surface .mud-dialog-content .mud-input,
.mud-dialog.ts-stockroom-dialog-surface .mud-dialog-content .mud-input,
.mud-dialog.ts-supplier-dialog-surface .mud-dialog-content .mud-input,
.mud-dialog.ts-truck-dialog-surface .mud-dialog-content input,
.mud-dialog.ts-stockroom-dialog-surface .mud-dialog-content input,
.mud-dialog.ts-supplier-dialog-surface .mud-dialog-content input,
.mud-dialog.ts-truck-dialog-surface .mud-dialog-content .mud-select,
.mud-dialog.ts-stockroom-dialog-surface .mud-dialog-content .mud-select,
.mud-dialog.ts-supplier-dialog-surface .mud-dialog-content .mud-select,
.mud-dialog.ts-truck-dialog-surface .mud-dialog-content .mud-select-input,
.mud-dialog.ts-stockroom-dialog-surface .mud-dialog-content .mud-select-input,
.mud-dialog.ts-supplier-dialog-surface .mud-dialog-content .mud-select-input,
.mud-dialog.ts-truck-dialog-surface .mud-dialog-content .mud-typography,
.mud-dialog.ts-stockroom-dialog-surface .mud-dialog-content .mud-typography,
.mud-dialog.ts-supplier-dialog-surface .mud-dialog-content .mud-typography {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
}

.mud-popover.ts-dialog-select-popover .mud-list-item-text,
.mud-popover.ts-dialog-select-popover .mud-typography,
.mud-popover.ts-dialog-select-popover .mud-list-item {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
}

.ts-dialog-active-label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #333;
}

.ts-dialog-active-row .ts-admin-active-switch .mud-switch-track {
    background-color: #ADBABD !important;
}

.ts-dialog-active-row .ts-admin-active-switch .mud-checked ~ .mud-switch-track,
.ts-dialog-active-row .ts-admin-active-switch .mud-switch-span:has(.mud-checked) .mud-switch-track {
    background-color: #F26522 !important;
    opacity: 1 !important;
}

.ts-dialog-active-row .ts-admin-active-switch.mud-disabled .mud-switch-track,
.ts-dialog-active-row .ts-admin-active-switch:has(:disabled) .mud-switch-track,
.ts-dialog-active-row .ts-admin-active-switch.mud-disabled .mud-checked ~ .mud-switch-track,
.ts-dialog-active-row .ts-admin-active-switch:has(:disabled) .mud-switch-span:has(.mud-checked) .mud-switch-track {
    background-color: #ADBABD !important;
    opacity: 0.45 !important;
}

.stock-room-maintenance-page .ts-admin-table-inventory th.ts-admin-col-max,
.stock-room-maintenance-page .ts-admin-table-inventory td.ts-admin-col-max,
.stock-room-maintenance-page .ts-admin-table-inventory th.ts-admin-col-current,
.stock-room-maintenance-page .ts-admin-table-inventory td.ts-admin-col-current {
    text-align: center !important;
}

.stock-room-maintenance-page .ts-admin-active-switch.mud-disabled .mud-switch-track,
.stock-room-maintenance-page .ts-admin-active-switch:has(:disabled) .mud-switch-track {
    background-color: #ADBABD !important;
    opacity: 0.45 !important;
}

.truck-maintenance-page .ts-admin-active-cell {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.truck-maintenance-page .ts-admin-table-trucks td.ts-admin-col-active,
.stock-room-maintenance-page .ts-admin-table-stockrooms td.ts-admin-col-active {
    text-align: center;
}

.stock-room-maintenance-page .ts-admin-table-stockrooms th.ts-admin-col-actions,
.stock-room-maintenance-page .ts-admin-table-stockrooms td.ts-admin-col-actions {
    width: 132px !important;
    min-width: 132px !important;
}

.stock-room-maintenance-page .ts-admin-active-cell {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.request-continue-bar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 80px !important;
    box-sizing: border-box;
    margin: 0;
    background-color: #F2F2F2 !important;
    border-top: 2px solid #04395E;
    z-index: 1200;
}

.request-continue-inner {
    background-color: #F2F2F2;
}

body:has(.request-continue-bar) .site-page-layout,
body:has(.request-continue-bar) .site-page-body,
body:has(.request-continue-bar) .site-page-container {
    background-color: #ffffff;
}

body:has(.request-continue-bar) .site-footer {
    display: none;
}

.ts-link-back:hover {
    text-decoration: underline;
    color: var(--ts-navy);
}

@media (max-width: 1199.98px) {
    .ts-page-title {
        font-size: 44px;
    }
}

@media (max-width: 767.98px) {
    .ts-page-title {
        font-size: 40px;
    }

    body:has(.request-items-page) .request-continue-inner,
    body:has(.receive-items-page) .request-continue-inner {
        justify-content: flex-start;
        padding: 0 21px 0 39px;
        gap: 20px;
    }

    body:has(.fulfill-items-page) .request-continue-bar,
    body:has(.fulfill-items-page) .request-continue-inner {
        height: 130px !important;
    }

    body:has(.fulfill-items-page) .request-continue-inner {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding: 20px 21px 0;
        gap: 10px;
    }
}

@media (max-width: 991.98px) {
    .request-items-page .spreadsheet-part-table table {
        table-layout: fixed !important;
        width: 100% !important;
    }

    .request-items-page .spreadsheet-part-table .mud-table-head th,
    .request-items-page .spreadsheet-part-table .mud-table-body td {
        padding-left: 4px !important;
        padding-right: 4px !important;
        box-sizing: border-box;
    }

    .request-items-page .spreadsheet-part-table .spreadsheet-col-sku {
        width: 19.5% !important;
        max-width: 19.5% !important;
    }

    .request-items-page .spreadsheet-part-table .spreadsheet-col-name {
        width: 34% !important;
        max-width: 34% !important;
        overflow-wrap: anywhere;
    }

    .request-items-page .spreadsheet-part-table .spreadsheet-col-max {
        width: 9.5% !important;
        max-width: 9.5% !important;
    }

    .request-items-page .spreadsheet-part-table .spreadsheet-col-qty,
    .request-items-page .spreadsheet-part-table .spreadsheet-qty-cell {
        width: 37% !important;
        max-width: 37% !important;
    }

    .receive-items-page .spreadsheet-part-table table,
    .fulfill-items-page .spreadsheet-part-table table,
    .transfer-stock-page .transfer-part-table table,
    .accept-transfer-page .accept-part-table table {
        table-layout: fixed !important;
        width: 100% !important;
    }

    .receive-items-page .spreadsheet-part-table .mud-table-head th,
    .receive-items-page .spreadsheet-part-table .mud-table-body td,
    .fulfill-items-page .spreadsheet-part-table .mud-table-head th,
    .fulfill-items-page .spreadsheet-part-table .mud-table-body td {
        padding-left: 4px !important;
        padding-right: 4px !important;
        box-sizing: border-box;
    }

    .receive-items-page .spreadsheet-part-table .spreadsheet-col-sku {
        width: 19.5% !important;
        max-width: 19.5% !important;
    }

    .receive-items-page .spreadsheet-part-table .spreadsheet-col-name {
        width: 34% !important;
        max-width: 34% !important;
        overflow-wrap: anywhere;
    }

    .receive-items-page .spreadsheet-part-table .spreadsheet-col-max {
        width: 9.5% !important;
        max-width: 9.5% !important;
    }

    .receive-items-page .spreadsheet-part-table .spreadsheet-col-qty,
    .receive-items-page .spreadsheet-part-table .spreadsheet-qty-cell {
        width: 37% !important;
        max-width: 37% !important;
    }

    .fulfill-items-page:not(.fulfill-assign-step) .spreadsheet-part-table .mud-table-container {
        overflow-x: hidden !important;
    }

    .fulfill-items-page:not(.fulfill-assign-step) .spreadsheet-part-table .spreadsheet-col-sku {
        width: 18% !important;
        max-width: 18% !important;
    }

    .fulfill-items-page:not(.fulfill-assign-step) .spreadsheet-part-table .spreadsheet-col-name {
        width: 42% !important;
        max-width: 42% !important;
        overflow-wrap: anywhere;
    }

    .fulfill-items-page:not(.fulfill-assign-step) .spreadsheet-part-table .spreadsheet-col-requests {
        width: 13% !important;
        max-width: 13% !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }

    .fulfill-items-page:not(.fulfill-assign-step) .spreadsheet-part-table .spreadsheet-col-qty,
    .fulfill-items-page:not(.fulfill-assign-step) .spreadsheet-part-table .spreadsheet-qty-cell {
        width: 13% !important;
        max-width: 13% !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }

    .fulfill-items-page:not(.fulfill-assign-step) .spreadsheet-part-table .spreadsheet-col-select {
        width: 14% !important;
        max-width: 14% !important;
        text-align: center !important;
    }

    .fulfill-items-page:not(.fulfill-assign-step) .spreadsheet-part-table .fulfill-select-check {
        display: block !important;
        margin: 0 auto !important;
    }

    .fulfill-items-page.fulfill-assign-step .fulfill-assign-table .spreadsheet-col-sku {
        width: 17% !important;
        max-width: 17% !important;
    }

    .fulfill-items-page.fulfill-assign-step .fulfill-assign-table .spreadsheet-col-name {
        width: 52% !important;
        max-width: 52% !important;
        overflow-wrap: anywhere;
    }

    .fulfill-items-page.fulfill-assign-step .fulfill-assign-table .spreadsheet-col-open {
        width: 14% !important;
        max-width: 14% !important;
        text-align: center !important;
    }

    .fulfill-items-page.fulfill-assign-step .fulfill-assign-table .spreadsheet-col-qty,
    .fulfill-items-page.fulfill-assign-step .fulfill-assign-table .spreadsheet-qty-cell {
        width: 18% !important;
        max-width: 18% !important;
        text-align: center !important;
    }

    .fulfill-items-page.fulfill-assign-step .fulfill-assign-table .spreadsheet-qty-cell {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .fulfill-items-page.fulfill-assign-step .fulfill-assign-table .spreadsheet-qty-input {
        display: block !important;
        margin: 0 !important;
    }

    .transfer-stock-page .transfer-parts-card .transfer-part-table .mud-table-container {
        overflow-x: hidden !important;
    }

    .transfer-stock-page .transfer-parts-card .transfer-col-sku {
        width: 16% !important;
    }

    .transfer-stock-page .transfer-parts-card .transfer-col-name {
        width: 34% !important;
        overflow-wrap: anywhere;
    }

    .transfer-stock-page .transfer-parts-card .transfer-col-onhand {
        width: 14% !important;
    }

    .transfer-stock-page .transfer-parts-card .transfer-col-qty,
    .transfer-stock-page .transfer-parts-card .spreadsheet-qty-cell {
        width: 36% !important;
        max-width: 36% !important;
        overflow: hidden !important;
    }

    .transfer-stock-page .transfer-outgoing .transfer-col-sku {
        width: 28% !important;
        overflow-wrap: anywhere;
    }

    .transfer-stock-page .transfer-outgoing .transfer-col-name {
        width: 50% !important;
        overflow-wrap: anywhere;
    }

    .transfer-stock-page .transfer-outgoing .transfer-outgoing-qty {
        width: 22% !important;
        max-width: 22% !important;
        text-align: right !important;
        white-space: nowrap !important;
    }

    .accept-transfer-page .accept-part-table .accept-col-sku {
        width: 28% !important;
        overflow-wrap: anywhere;
    }

    .accept-transfer-page .accept-part-table .accept-col-name {
        width: 50% !important;
        overflow-wrap: anywhere;
    }

    .accept-transfer-page .accept-part-table .accept-col-qty {
        width: 22% !important;
        max-width: 22% !important;
        text-align: right !important;
        white-space: nowrap !important;
    }
}

.current-truck-inv-page .ts-dash-inv-truck .mud-expand-panel-header {
    background: #FFFFFF !important;
}

.current-truck-inv-page .ts-dash-inv-truck.ts-dash-inv-truck-open .mud-expand-panel-header,
.current-truck-inv-page .ts-dash-inv-truck.mud-panel-expanded .mud-expand-panel-header,
.current-truck-inv-page .ts-dash-inv-truck.mud-expand-panel-expanded .mud-expand-panel-header {
    background: #F2F2F2 !important;
}

.current-truck-inv-page .ts-dash-inv-truck.ts-dash-inv-truck-open .ts-dash-inv-truck-title,
.current-truck-inv-page .ts-dash-inv-truck.mud-panel-expanded .ts-dash-inv-truck-title,
.current-truck-inv-page .ts-dash-inv-truck.mud-expand-panel-expanded .ts-dash-inv-truck-title {
    font-weight: 700 !important;
    color: #04395E !important;
}

.company-settings-page .company-settings-choose input[type="file"] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    opacity: 0 !important;
    font-size: 0 !important;
    border: 0 !important;
}

/* All snackbars: Axure zs1zew chrome. Devon #660: top-right, just under the header (126px logged out, 156px logged in). */
.mud-snackbar-location-bottom-left,
.mud-snackbar-location-bottom-right,
.mud-snackbar-location-top-center,
.mud-snackbar-location-bottom-center,
.mud-snackbar-location-top-right,
.mud-snackbar-location-top-left {
    top: calc(var(--ts-header-height) + 20px) !important;
    right: 20px !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
}

.mud-snackbar {
    box-sizing: border-box !important;
    min-width: 250px !important;
    min-height: 46px !important;
    margin: 0 0 8px !important;
    padding: 8px 14px 8px 10px !important;
    background-color: #91B7C7 !important;
    color: #000000 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.mud-snackbar .mud-snackbar-icon,
.mud-snackbar .mud-snackbar-close-button {
    display: none !important;
}

.mud-snackbar .mud-snackbar-content,
.mud-snackbar .mud-alert-message {
    padding: 0 !important;
    margin: 0 !important;
}

.mud-snackbar .mud-snackbar-content-message,
.mud-snackbar .mud-typography {
    font-family: "Barlow", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    color: #000000 !important;
}

.mud-snackbar.ts-request-success-snackbar,
.mud-snackbar.mud-alert-filled-success,
.mud-snackbar.mud-snackbar-filled-success {
    width: 250px !important;
    max-width: 250px !important;
    height: 46px !important;
}

.mud-snackbar.ts-request-success-snackbar .mud-snackbar-content-message,
.mud-snackbar.ts-request-success-snackbar .mud-typography,
.mud-snackbar.mud-alert-filled-success .mud-snackbar-content-message,
.mud-snackbar.mud-alert-filled-success .mud-typography,
.mud-snackbar.mud-snackbar-filled-success .mud-snackbar-content-message,
.mud-snackbar.mud-snackbar-filled-success .mud-typography {
    display: block !important;
    padding: 6px 0 6px 41px !important;
    background-image: url("../images/request-success-check.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px 30px;
    white-space: nowrap !important;
}

.manage-users-page .ts-admin-row-link-cancel {
    color: #6B0504 !important;
}

.manage-users-page .ts-admin-active-cell {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

.manage-users-page .ts-admin-table-users td.ts-admin-col-active {
    text-align: center !important;
}

@media (max-width: 991.98px) {
    .request-items-page .truck-inventory-cat-table .mud-table-container,
    .request-items-page .pending-requests-cat-table .mud-table-container {
        overflow-x: hidden !important;
    }

    .request-items-page .truck-inventory-cat-table table,
    .request-items-page .pending-requests-cat-table table {
        table-layout: fixed !important;
        width: 100% !important;
    }

    .request-items-page .truck-inventory-cat-table .mud-table-head th,
    .request-items-page .truck-inventory-cat-table .mud-table-body td,
    .request-items-page .pending-requests-cat-table .mud-table-head th,
    .request-items-page .pending-requests-cat-table .mud-table-body td {
        box-sizing: border-box !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .request-items-page .truck-inventory-cat-table .truck-inv-th-num,
    .request-items-page .truck-inventory-cat-table .truck-inv-td-num,
    .request-items-page .pending-requests-cat-table .pending-req-th-num,
    .request-items-page .pending-requests-cat-table .pending-req-td-num {
        width: 28% !important;
        max-width: 28% !important;
        overflow-wrap: anywhere !important;
    }

    .request-items-page .truck-inventory-cat-table .truck-inv-th-name,
    .request-items-page .truck-inventory-cat-table .truck-inv-td-name,
    .request-items-page .pending-requests-cat-table .pending-req-th-name,
    .request-items-page .pending-requests-cat-table .pending-req-td-name {
        width: 50% !important;
        max-width: 50% !important;
        overflow-wrap: anywhere !important;
    }

    .request-items-page .truck-inventory-cat-table .truck-inv-th-qty,
    .request-items-page .truck-inventory-cat-table .truck-inv-td-qty,
    .request-items-page .pending-requests-cat-table .pending-req-th-qty,
    .request-items-page .pending-requests-cat-table .pending-req-td-qty,
    .receive-items-page .truck-inventory-cat-table .truck-inv-th-qty,
    .receive-items-page .truck-inventory-cat-table .truck-inv-td-qty,
    .receive-items-page .pending-requests-cat-table .pending-req-th-qty,
    .receive-items-page .pending-requests-cat-table .pending-req-td-qty {
        width: 22% !important;
        max-width: 22% !important;
        text-align: right !important;
        white-space: nowrap !important;
    }

    .receive-items-page .truck-inventory-cat-table .mud-table-container,
    .receive-items-page .pending-requests-cat-table .mud-table-container {
        overflow-x: hidden !important;
    }

    .receive-items-page .truck-inventory-cat-table table,
    .receive-items-page .pending-requests-cat-table table {
        table-layout: fixed !important;
        width: 100% !important;
    }

    .receive-items-page .truck-inventory-cat-table .mud-table-head th,
    .receive-items-page .truck-inventory-cat-table .mud-table-body td,
    .receive-items-page .pending-requests-cat-table .mud-table-head th,
    .receive-items-page .pending-requests-cat-table .mud-table-body td {
        box-sizing: border-box !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .receive-items-page .truck-inventory-cat-table .truck-inv-th-num,
    .receive-items-page .truck-inventory-cat-table .truck-inv-td-num,
    .receive-items-page .pending-requests-cat-table .pending-req-th-num,
    .receive-items-page .pending-requests-cat-table .pending-req-td-num {
        width: 28% !important;
        max-width: 28% !important;
        overflow-wrap: anywhere !important;
    }

    .receive-items-page .truck-inventory-cat-table .truck-inv-th-name,
    .receive-items-page .truck-inventory-cat-table .truck-inv-td-name,
    .receive-items-page .pending-requests-cat-table .pending-req-th-name,
    .receive-items-page .pending-requests-cat-table .pending-req-td-name {
        width: 50% !important;
        max-width: 50% !important;
        overflow-wrap: anywhere !important;
    }
}