/* 
	Mud Input Control
*/

.mud-input-control .mud-input > input.mud-input-root-outlined.mud-input-root-margin-normal,
div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-normal {
	padding-top: 12px;
	padding-bottom: 12px;
}

.mud-input-control.mud-input-text-primary .mud-input > input {
	color: var(--text-text-primary);
}

.mud-input-control.mud-input-adornment-mr-5 .mud-input-adornment {
	margin-right: 20px;
}

.mud-input-control.mud-input-adornment-text-secondary .mud-input-adornment > svg {
	fill: var(--text-text-secondary);
}

.mud-input-control.input-control-white .mud-input-control-input-container {
	background-color: var(--neutral-white);
}

/* 
	Mud Typography
*/

.mud-typography.mud-typography-text-primary {
	color: var(--text-text-primary);
}
.mud-typography.mud-typography-text-secondary {
	color: var(--text-text-secondary);
}
.mud-typography.mud-typography-interactive-primary {
	color: var(--interactive-primary);
}
.mud-typography.mud-typography-interactive-primary-darken {
	color: var(--interactive-primary-darken);
}
.mud-typography.mud-typography-neutral-black {
	color: var(--neutral-black);
}

.mud-typography.mud-typography-fs-20 {
	font-size: 20px;
}

.mud-typography.mud-typography-fw-400 {
	font-weight: 400;
}

.mud-typography.mud-typography-fw-600 {
	font-weight: 600;
}

.mud-typography.mud-typography-ls-0 {
	letter-spacing: 0;
}

/*
	Mud Dialog
*/

.mud-dialog.mud-button-close-icon-action .mud-button-close svg {
	fill: var(--icon-action);
}

.mud-overlay.mud-overlay-dialog {
	z-index: calc(var(--mud-zindex-dialog) + 1);
	backdrop-filter: blur(2px);
}
/*
	Mud Snackbar
*/

div.mud-snackbar {
	max-width: initial;
	border-radius: 8px;
}

.mud-snackbar.mud-alert-filled-success {
	background-color: var(--success-lighten);
	border: 1px solid var(--success-darken);
	color: var(--success-darken);
}

.mud-snackbar.mud-alert-filled-error {
	background-color: var(--error-lighten);
	border: 1px solid var(--error-darken);
	color: var(--error-darken);
}

/*
	Custom Mud Snackbar
*/

div.mud-snackbar.mud-alert-filled-waiting {
	border: 1px solid var(--text-text-secondary);
	background: var(--neutral-dark-lighten);
	color: var(--neutral-dark-darken);
}

.mud-snackbar.mud-alert-filled-waiting .mud-snackbar-icon {
	transform: rotate(180deg);
}

.mud-snackbar.mud-alert-filled-waiting .mud-snackbar-icon svg {
	fill: var(--text-text-primary);
}

.mud-snackbar.mud-alert-filled-waiting .mud-snackbar-content-message {
	color: var(--text-text-primary);
}

.mud-snackbar.mud-alert-filled-waiting .mud-snackbar-content-action .mud-snackbar-close-button svg {
	fill: var(--neutral-dark-darken);
}

div.mud-snackbar.dealer-change-snackbar {
	border: 1px solid var(--text-text-secondary);
	background: var(--neutral-dark-lighten);
	color: var(--neutral-dark-darken);
}

.mud-snackbar.dealer-change-snackbar .mud-snackbar-icon {
	transform: rotate(180deg);
}

.mud-snackbar.dealer-change-snackbar .mud-snackbar-icon svg {
	fill: var(--text-text-primary);
}

.mud-snackbar.dealer-change-snackbar .mud-snackbar-content-message {
	color: var(--text-text-primary);
}

.mud-snackbar.dealer-change-snackbar .mud-snackbar-content-action .mud-snackbar-close-button svg {
	fill: var(--neutral-dark-darken);
}

/*
	Datepicker
*/

.mud-picker.input-control-white .mud-input-control-input-container {
	background-color: var(--mud-palette-background);
}

/*
	Menu
*/

.mud-menu.button-mud-primary-text .mud-icon-button {
	color: var(--mud-palette-primary);
}

.mud-menu.button-active-interactive-primary-20 .mud-icon-button {
	background: linear-gradient(0deg, var(--interactive-primary-20) 0%, var(--interactive-primary-20) 100%), var(--interactive-primary-20) !important;
}

/*
	Menu Item
*/

.mud-menu-item.mud-menu-item-text-primary .mud-menu-item-text {
	color: var(--text-text-primary);
}

.mud-menu-item.mud-menu-item-icon-small .mud-menu-item-icon {
	font-size: 20px;
}

.mud-menu-item.mud-menu-item-icon-text-primary .mud-menu-item-icon {
	fill: var(--text-text-primary);
}

/*
	Hover components
*/
@media (hover: hover) and (pointer: fine) {
	/* Hover Mud Icon Button */
	.mud-icon-button.hover-interactive-primary-20:hover {
		background-color: var(--interactive-primary-20);
	}
	
	/* Hover Mud Menu */
	.mud-menu.button-hover-interactive-primary-20 .mud-icon-button:hover {
		background-color: var(--interactive-primary-20);
	}	
}