:root {
    --grid-control-icon: var(--mud-palette-text-primary);
    --approved-background: #fafafa;
    --approved-background-hover: #e0e0e0;
    --draft-background: #FFE4C4;
    --draft-background-hover: #fbd2a1;
    --pending-background: #FFA726;
    --pending-background-hover: #ff9800;
    --rejected-background: #EF5350;
    --rejected-background-hover: #d5413e;
    --obsolete-background: darkgray;
    --obsolete-background-hover: #999;
}

.dark-mode {
    --grid-control-icon: var(--mud-palette-text-primary);
    --draft-background: #fbd2a1;
    --draft-background-hover: #FFE4C4;
    --pending-background: var(--mud-palette-warning);
    --rejected-background: var(--mud-palette-error-darken);
    --obsolete-background: #000;
    --obsolete-background-hover: #111;
}

.gap-0 {
    gap: 0px !important;
}

.text-white {
    color: #fff !important;
}

.w-100 {
    width: 100% !important;
}

/**** MudButton ****/
.mud-button-filled, .mud-fab {
    box-shadow: none;
}

.mud-button-outlined.mud-button-outlined-secondary, .mud-fab-secondary {
    border-color: #d1d9de !important;
    color: #333;
}

.mud-button-outlined.mud-button-outlined-secondary:hover {
    background-color: var(--mud-palette-secondary-darken) !important;
}

.mud-border-secondary {
    border-color: #d1d9de !important;
}

.dark-mode .mud-border-secondary {
    border-color: #000 !important;
}

.mud-icon-button:focus-visible, .mud-icon-button:active {
    background-color: var(--mud-palette-primary-hover) !important;
}

/**** MudSwitch ****/
.mud-switch-label-medium {
    font-size: 14px !important;
}

.dark-mode .mud-switch-span .mud-switch-track {
    background-color: #999;
}

.dark-mode .mud-switch-base.mud-dark-text {
    color: #333 !important;
}

.dark-mode .mud-switch-track.mud-dark {
    background-color: #000 !important;
}


/**** MudChip ****/
.mud-chip-filled.mud-chip-color-secondary {
    color: #333;
    border: 1px solid #d1d9de;
}

.mud-chip-text.mud-chip-color-secondary {
    color: #697074;
    border: 1px solid #d1d9de;
}

.dark-mode .mud-chip-text.mud-chip-color-secondary {
    border-color: #b2b0bf !important;
    color: #b2b0bf !important;
}

.mud-chip-text.mud-chip-color-secondary:hover {
    background: var(--mud-palette-secondary-darken) !important;
    color: #333 !important;
}

/***** MazDataGrid *****/
.mud-data-grid .mud-table-cell .column-header {
    min-height: 30px;
    color: #000;
}

.grid-header .mud-table-row:first-child {
    background: #f5f5f5;
}

.grid-column-centered {
    text-align: center;
}

.grid-column-centered .column-header {
    display: block !important;
    line-height: 16px;
}

.grid-center-item .mud-input-control-input-container {
    align-items: center;
}

.mud-icon-button.grid-center-item:hover {
    padding: 15px;
}


/**** Receiving Cell Highlighting ****/
.good-cell {
    background-color: rgb(187, 252, 185);
    color: black;
}

.in-progress-cell {
	background-color: rgb(158, 215, 241);
	color: black;
}

.error-cell {
	background-color: rgb(237, 120, 118);
	color: white;
}

.highlight-cell {
	background-color: rgb(237, 229, 118);
	color: black;
}