/*#region
output from MudThemeProvider
*/
:root {
	--mud-palette-black: rgba(39,44,52,1);
	--mud-palette-white: rgba(255,255,255,1);
	--mud-palette-primary: rgba(101,37,213,1);
	--mud-palette-primary-rgb: 101,37,213;
	--mud-palette-primary-text: rgba(255,255,255,1);
	--mud-palette-primary-darken: rgb(87,32,182);
	--mud-palette-primary-lighten: rgb(122,64,221);
	--mud-palette-primary-hover: rgba(101,37,213,0.09803921568627451);
	--mud-palette-secondary: rgba(255,0,0,1);
	--mud-palette-secondary-rgb: 255,0,0;
	--mud-palette-secondary-text: rgba(255,255,255,1);
	--mud-palette-secondary-darken: rgb(214,0,0);
	--mud-palette-secondary-lighten: rgb(255,36,36);
	--mud-palette-secondary-hover: rgba(255,0,0,0.09803921568627451);
	--mud-palette-tertiary: rgba(30,200,165,1);
	--mud-palette-tertiary-rgb: 30,200,165;
	--mud-palette-tertiary-text: rgba(255,255,255,1);
	--mud-palette-tertiary-darken: rgb(25,169,140);
	--mud-palette-tertiary-lighten: rgb(42,223,187);
	--mud-palette-tertiary-hover: rgba(30,200,165,0.09803921568627451);
	--mud-palette-info: rgba(33,150,243,1);
	--mud-palette-info-rgb: 33,150,243;
	--mud-palette-info-text: rgba(255,255,255,1);
	--mud-palette-info-darken: rgb(12,128,223);
	--mud-palette-info-lighten: rgb(71,167,245);
	--mud-palette-info-hover: rgba(33,150,243,0.09803921568627451);
	--mud-palette-success: rgba(0,200,83,1);
	--mud-palette-success-rgb: 0,200,83;
	--mud-palette-success-text: rgba(255,255,255,1);
	--mud-palette-success-darken: rgb(0,163,68);
	--mud-palette-success-lighten: rgb(0,235,98);
	--mud-palette-success-hover: rgba(0,200,83,0.09803921568627451);
	--mud-palette-warning: rgba(255,152,0,1);
	--mud-palette-warning-rgb: 255,152,0;
	--mud-palette-warning-text: rgba(255,255,255,1);
	--mud-palette-warning-darken: rgb(214,129,0);
	--mud-palette-warning-lighten: rgb(255,167,36);
	--mud-palette-warning-hover: rgba(255,152,0,0.09803921568627451);
	--mud-palette-error: rgba(244,67,54,1);
	--mud-palette-error-rgb: 244,67,54;
	--mud-palette-error-text: rgba(255,255,255,1);
	--mud-palette-error-darken: rgb(242,28,13);
	--mud-palette-error-lighten: rgb(246,96,85);
	--mud-palette-error-hover: rgba(244,67,54,0.09803921568627451);
	--mud-palette-dark: rgba(0,0,0,1);
	--mud-palette-dark-rgb: 0,0,0;
	--mud-palette-dark-text: rgba(255,255,255,1);
	--mud-palette-dark-darken: rgb(0,0,0);
	--mud-palette-dark-lighten: rgb(21,21,21);
	--mud-palette-dark-hover: rgba(0,0,0,0.09803921568627451);
	--mud-palette-text-primary: rgba(0,0,0,1);
	--mud-palette-text-secondary: rgba(0,0,0,0.5372549019607843);
	--mud-palette-text-disabled: rgba(0,0,0,0.3764705882352941);
	--mud-palette-action-default: rgba(0,0,0,1);
	--mud-palette-action-default-hover: rgba(0,0,0,0.09803921568627451);
	--mud-palette-action-disabled: rgba(0,0,0,0.25882352941176473);
	--mud-palette-action-disabled-background: rgba(0,0,0,0.11764705882352941);
	--mud-palette-surface: rgba(255,255,255,1);
	--mud-palette-background: rgba(255,255,255,1);
	--mud-palette-background-gray: rgba(245,245,245,1);
	--mud-palette-drawer-background: rgba(255,255,255,1);
	--mud-palette-drawer-text: rgba(66,66,66,1);
	--mud-palette-drawer-icon: rgba(97,97,97,1);
	--mud-palette-appbar-background: rgba(0,0,0,1);
	--mud-palette-appbar-text: rgba(255,255,255,1);
	--mud-palette-lines-default: rgba(0,0,0,0.11764705882352941);
	--mud-palette-lines-inputs: rgba(189,189,189,1);
	--mud-palette-table-lines: rgba(224,224,224,1);
	--mud-palette-table-striped: rgba(0,0,0,0.0196078431372549);
	--mud-palette-table-hover: rgba(0,0,0,0.047058823529411764);
	--mud-palette-divider: rgba(0,0,0,0.11764705882352941);
	--mud-palette-divider-light: rgba(0,0,0,0.8);
	--mud-palette-skeleton: rgba(0,0,0,0.10980392156862745);
	--mud-palette-gray-default: #9E9E9E;
	--mud-palette-gray-light: #BDBDBD;
	--mud-palette-gray-lighter: #E0E0E0;
	--mud-palette-gray-dark: #757575;
	--mud-palette-gray-darker: #616161;
	--mud-palette-overlay-dark: rgba(33,33,33,0.4980392156862745);
	--mud-palette-overlay-light: rgba(255,255,255,0.4980392156862745);
	--mud-palette-border-opacity: 1;
	--mud-ripple-color: var(--mud-palette-text-primary);
	--mud-ripple-opacity: 0.1;
	--mud-ripple-opacity-secondary: 0.2;
	--mud-elevation-0: none;
	--mud-elevation-1: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
	--mud-elevation-2: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
	--mud-elevation-3: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12);
	--mud-elevation-4: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
	--mud-elevation-5: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12);
	--mud-elevation-6: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
	--mud-elevation-7: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12);
	--mud-elevation-8: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
	--mud-elevation-9: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12);
	--mud-elevation-10: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12);
	--mud-elevation-11: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12);
	--mud-elevation-12: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12);
	--mud-elevation-13: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12);
	--mud-elevation-14: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12);
	--mud-elevation-15: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12);
	--mud-elevation-16: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12);
	--mud-elevation-17: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12);
	--mud-elevation-18: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12);
	--mud-elevation-19: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12);
	--mud-elevation-20: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12);
	--mud-elevation-21: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12);
	--mud-elevation-22: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12);
	--mud-elevation-23: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12);
	--mud-elevation-24: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);
	--mud-elevation-25: 0 5px 5px -3px rgba(0,0,0,.06), 0 8px 10px 1px rgba(0,0,0,.042), 0 3px 14px 2px rgba(0,0,0,.036);
	--mud-default-borderradius: 4px;
	--mud-drawer-width-left: 240px;
	--mud-drawer-width-right: 240px;
	--mud-drawer-width-mini-left: 56px;
	--mud-drawer-width-mini-right: 56px;
	--mud-appbar-height: 70px;
	--mud-typography-default-family: Roboto, Helvetica, Arial, sans-serif;
	--mud-typography-default-size: .875rem;
	--mud-typography-default-weight: 400;
	--mud-typography-default-lineheight: 1.43;
	--mud-typography-default-letterspacing: .01071em;
	--mud-typography-default-text-transform: none;
	--mud-typography-h1-family: Roboto, Helvetica, Arial, sans-serif;
	--mud-typography-h1-size: 6rem;
	--mud-typography-h1-weight: 300;
	--mud-typography-h1-lineheight: 1.167;
	--mud-typography-h1-letterspacing: -.01562em;
	--mud-typography-h1-text-transform: none;
	--mud-typography-h2-family: Roboto, Helvetica, Arial, sans-serif;
	--mud-typography-h2-size: 3.75rem;
	--mud-typography-h2-weight: 300;
	--mud-typography-h2-lineheight: 1.2;
	--mud-typography-h2-letterspacing: -.00833em;
	--mud-typography-h2-text-transform: none;
	--mud-typography-h3-family: Roboto, Helvetica, Arial, sans-serif;
	--mud-typography-h3-size: 3rem;
	--mud-typography-h3-weight: 400;
	--mud-typography-h3-lineheight: 1.167;
	--mud-typography-h3-letterspacing: 0;
	--mud-typography-h3-text-transform: none;
	--mud-typography-h4-family: Roboto, Helvetica, Arial, sans-serif;
	--mud-typography-h4-size: 2.125rem;
	--mud-typography-h4-weight: 400;
	--mud-typography-h4-lineheight: 1.235;
	--mud-typography-h4-letterspacing: .00735em;
	--mud-typography-h4-text-transform: none;
	--mud-typography-h5-family: Roboto, Helvetica, Arial, sans-serif;
	--mud-typography-h5-size: 1.5rem;
	--mud-typography-h5-weight: 400;
	--mud-typography-h5-lineheight: 1.334;
	--mud-typography-h5-letterspacing: 0;
	--mud-typography-h5-text-transform: none;
	--mud-typography-h6-family: Roboto, Helvetica, Arial, sans-serif;
	--mud-typography-h6-size: 1.25rem;
	--mud-typography-h6-weight: 500;
	--mud-typography-h6-lineheight: 1.6;
	--mud-typography-h6-letterspacing: .0075em;
	--mud-typography-h6-text-transform: none;
	--mud-typography-subtitle1-family: Roboto, Helvetica, Arial, sans-serif;
	--mud-typography-subtitle1-size: 1rem;
	--mud-typography-subtitle1-weight: 400;
	--mud-typography-subtitle1-lineheight: 1.75;
	--mud-typography-subtitle1-letterspacing: .00938em;
	--mud-typography-subtitle1-text-transform: none;
	--mud-typography-subtitle2-family: Roboto, Helvetica, Arial, sans-serif;
	--mud-typography-subtitle2-size: .875rem;
	--mud-typography-subtitle2-weight: 500;
	--mud-typography-subtitle2-lineheight: 1.57;
	--mud-typography-subtitle2-letterspacing: .00714em;
	--mud-typography-subtitle2-text-transform: none;
	--mud-typography-body1-family: Roboto, Helvetica, Arial, sans-serif;
	--mud-typography-body1-size: 1rem;
	--mud-typography-body1-weight: 400;
	--mud-typography-body1-lineheight: 1.5;
	--mud-typography-body1-letterspacing: .00938em;
	--mud-typography-body1-text-transform: none;
	--mud-typography-body2-family: Roboto, Helvetica, Arial, sans-serif;
	--mud-typography-body2-size: .875rem;
	--mud-typography-body2-weight: 400;
	--mud-typography-body2-lineheight: 1.43;
	--mud-typography-body2-letterspacing: .01071em;
	--mud-typography-body2-text-transform: none;
	--mud-typography-button-family: Roboto, Helvetica, Arial, sans-serif;
	--mud-typography-button-size: .875rem;
	--mud-typography-button-weight: 500;
	--mud-typography-button-lineheight: 1.75;
	--mud-typography-button-letterspacing: .02857em;
	--mud-typography-button-text-transform: uppercase;
	--mud-typography-caption-family: Roboto, Helvetica, Arial, sans-serif;
	--mud-typography-caption-size: .75rem;
	--mud-typography-caption-weight: 400;
	--mud-typography-caption-lineheight: 1.66;
	--mud-typography-caption-letterspacing: .03333em;
	--mud-typography-caption-text-transform: none;
	--mud-typography-overline-family: Roboto, Helvetica, Arial, sans-serif;
	--mud-typography-overline-size: .75rem;
	--mud-typography-overline-weight: 400;
	--mud-typography-overline-lineheight: 2.66;
	--mud-typography-overline-letterspacing: .08333em;
	--mud-typography-overline-text-transform: none;
	--mud-zindex-drawer: 1100;
	--mud-zindex-appbar: 1300;
	--mud-zindex-dialog: 1400;
	--mud-zindex-popover: 1200;
	--mud-zindex-snackbar: 1500;
	--mud-zindex-tooltip: 1600;
	--mud-native-html-color-scheme: light;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	z-index: 1;
}

::-webkit-scrollbar-track {
	background: transparent;
}

::-webkit-scrollbar-thumb {
	background: #c4c4c4;
	border-radius: 1px;
}

::-webkit-scrollbar-thumb:hover {
	background: #a6a6a6;
}

html, body * {
	scrollbar-color: #c4c4c4 transparent;
	scrollbar-width: thin;
}

.mud-chart-serie:hover {
	filter: url(#lighten);
}
/*#endregion*/

/*#region
fix global scrollbar style because if any standard scrollbar styles are applied, all ::-webkit-scrollbar will be ignored
*/
html, body * {
	scrollbar-color: unset;
	scrollbar-width: unset;
}

@-moz-document url-prefix() {
	html, body {
		scrollbar-color: #c4c4c4 transparent;
		scrollbar-width: thin;
	}
}
/*#endregion*/


/*#region
prevent MudAppBar from shrinking below XS breakpoint
*/
.mud-appbar .mud-toolbar-appbar {
	height: var(--mud-appbar-height) !important;
}

.mud-main-content {
	padding-top: var(--mud-appbar-height) !important;
}

.mud-drawer {
	top: var(--mud-appbar-height) !important;
	height: calc(100% - var(--mud-appbar-height)) !important;
}
/*#endregion*/

/*#region
vertically center menu items
*/
.mud-navmenu .mud-nav-link {
	padding-top: 8px;
	padding-bottom: 7px;
}

.mud-navmenu.mud-navmenu-dense .mud-nav-link {
	padding-top: 4px;
	padding-bottom: 3px;
}
/*#endregion*/

/*darken default-color icons*/
.mud-icon-default {
	color: #000000;
}

/*improve required input indicator*/
.mud-input-control.mud-input-required > .mud-input-control-input-container > .mud-input-label::after {
	content: " *";
	color: red;
}

/*#region
left align label w/ input text
*/
label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
	padding-left: 0px !important;
}

fieldset.mud-input-outlined-border legend {
	margin-left: 8px !important;
}

.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
.mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
	transform: translate(11px,-6px) scale(.75);
	padding-left: 5px !important;
}
/*#endregion*/

/*#region
reduce padding to waste less space to the right of the adornment
*/
.mud-input-adorned-end {
	padding-inline-end: 8px !important;
}
/*#endregion*/

/*#region
improve button styling
*/
.mud-button-filled-size-medium,
.mud-button-text-size-medium {
	padding-top: 7px;
	padding-bottom: 5px;
}

.mud-button-outlined-size-medium {
	padding-top: 6px;
	padding-bottom: 4px;
}
/*#endregion*/

/*#region
align sort icon w/ header text and theme
*/
.mud-table .mud-table-sort-label {
	width: 100%;
}

.mud-table .mud-table-sort-label-icon {
	margin-top: -4px;
	color: #ff0000;
}

.mud-table .mud-table-sort-label:hover {
	color: unset;
	opacity: 1;
}

.mud-table .mud-table-sort-label:hover .mud-table-sort-label-icon {
	opacity: 1;
}
/*#endregion*/

/*#region
make current day more obvious
*/
.mud-picker-calendar .mud-day.mud-current {
	color: #ff0000 !important;
	background-color: #fafafa;
}

.mud-picker-calendar .mud-day.mud-current:hover {
	background-color: var(--mud-palette-action-default-hover);
}
/*#endregion*/


/*#region
improve styling of selected item within select and autocomplete inputs
*/
.mud-popover-provider .mud-popover .mud-selected-item.mud-primary-hover {
	background-color: rgba(93, 0, 255, .1) !important;
}

.mud-popover-provider .mud-popover .mud-selected-item.mud-primary-text {
	color: rgb(93, 0, 255) !important;
}
/*#endregion*/