.appbar {
	color: var(--md-sys-color-appbar-title) !important;
	background-color: var(--md-sys-color-appbar-background) !important;
}

.text-normal, .normal-text {
	color: var(--md-sys-color-on-background) !important;
}

.primary {
	background-color: var(--md-sys-color-primary) !important;
	color: var(--md-sys-color-on-primary) !important;
}

.text-primary {
	color: var(--md-sys-color-primary) !important;
}

.primary-text {
	color: var(--md-sys-color-on-primary) !important;
}

.on-primary {
	background-color: var(--md-sys-color-on-primary) !important;
}

.on-primary-text {
	color: var(--md-sys-color-primary) !important;
}

.primary-container {
	background-color: var(--md-sys-color-primary-container) !important;
	color: var(--md-sys-color-on-primary-container) !important;
}

.primary-container-text {
	color: var(--md-sys-color-on-primary-container) !important;
}

.on-primary-container {
	background-color: var(--md-sys-color-on-primary-container) !important;
	color: var(--md-sys-color-primary-container) !important;
}

.on-primary-container-text {
	color: var(--md-sys-color-primary-container) !important;
}

.secondary {
	background-color: var(--md-sys-color-secondary) !important;
	color: var(--md-sys-color-on-secondary) !important;
}

.text-secondary {
	color: var(--md-sys-color-secondary) !important;
}

.secondary-text {
	color: var(--md-sys-color-on-secondary) !important;
}


.on-secondary {
	background-color: var(--md-sys-color-on-secondary) !important;
	color: var(--md-sys-color-secondary) !important;
}

.on-secondary-text {
	color: var(--md-sys-color-secondary) !important;
}

.secondary-container {
	background-color: var(--md-sys-color-secondary-container) !important;
	color: var(--md-sys-color-on-secondary-container) !important;
}

.secondary-container-text {
	color: var(--md-sys-color-on-secondary-container) !important;
}

.on-secondary-container {
	background-color: var(--md-sys-color-on-secondary-container) !important;
	color: var(--md-sys-color-secondary-container) !important;
}

.on-secondary-container-text {
	color: var(--md-sys-color-secondary-container) !important;
}

.tertiary {
	background-color: var(--md-sys-color-tertiary) !important;
	color: var(--md-sys-color-on-tertiary) !important;
	text-shadow: 1px 1px 3px var(--md-sys-color-tertiary-container);
}

.text-tertiary {
	color: var(--md-sys-color-tertiary) !important;
}

.tertiary-text {
	color: var(--md-sys-color-on-tertiary) !important;
	text-shadow: 1px 1px 3px var(--md-sys-color-tertiary-container);
}

.on-tertiary {
	background-color: var(--md-sys-color-on-tertiary) !important;
	color: var(--md-sys-color-tertiary) !important;
}

.on-tertiary-text {
	color: var(--md-sys-color-tertiary) !important;
}

.tertiary-container {
	background-color: var(--md-sys-color-tertiary-container) !important;
	color: var(--md-sys-color-on-tertiary-container) !important;
}

.tertiary-container-text {
	color: var(--md-sys-color-on-tertiary-container) !important;
}

.on-tertiary-container {
	background-color: var(--md-sys-color-on-tertiary-container) !important;
	color: var(--md-sys-color-tertiary-container) !important;
}

.on-tertiary-container-text {
	color: var(--md-sys-color-tertiary-container) !important;
}

.error {
	background-color: var(--md-sys-color-error) !important;
	color: var(--md-sys-color-on-error) !important;
}

.error-text {
	color: var(--md-sys-color-error) !important;
}

.text-error {
	color: var(--md-sys-color-on-error) !important;
}

.error-container {
	background-color: var(--md-sys-color-error-container) !important;
	color: var(--md-sys-color-error-container) !important;
}

.error-container-text {
	color: var(--md-sys-color-error-container) !important;
}

.on-error {
	background-color: var(--md-sys-color-on-error) !important;
}

.on-error-text {
	color: var(--md-sys-color-on-error) !important;
}

.on-error-container {
	background-color: var(--md-sys-color-on-error-container) !important;
}

.on-error-container-text {
	color: var(--md-sys-color-on-error-container) !important;
}

.background {
	background-color: var(--md-sys-color-background) !important;
}

.background-text {
	color: var(--md-sys-color-on-background) !important;
}

.on-background {
	background-color: var(--md-sys-color-on-background) !important;
}

.on-background-text {
	color: var(--md-sys-color-on-background) !important;
}

.surface {
	background-color: var(--md-sys-color-surface) !important;
}

.surface-text {
	color: var(--md-sys-color-surface) !important;
}

.on-surface {
	background-color: var(--md-sys-color-on-surface) !important;
}

.on-surface-text {
	color: var(--md-sys-color-on-surface) !important;
}

.surface-variant {
	background-color: var(--md-sys-color-surface-variant) !important;
}

.surface-variant-text {
	color: var(--md-sys-color-surface-variant) !important;
}

.on-surface-variant {
	background-color: var(--md-sys-color-on-surface-variant) !important;
}

.on-surface-variant-text {
	color: var(--md-sys-color-on-surface-variant) !important;
}

.outline {
	background-color: var(--md-sys-color-outline) !important;
}

.outline-text {
	color: var(--md-sys-color-outline) !important;
}

.inverse-on-surface {
	background-color: var(--md-sys-color-inverse-on-surface) !important;
}

.inverse-on-surface-text {
	color: var(--md-sys-color-inverse-on-surface) !important;
}

.inverse-surface {
	background-color: var(--md-sys-color-inverse-surface) !important;
}

.inverse-surface-text {
	color: var(--md-sys-color-inverse-surface) !important;
}

.inverse-primary {
	background-color: var(--md-sys-color-inverse-primary) !important;
}

.inverse-primary-text {
	color: var(--md-sys-color-inverse-primary) !important;
}

.shadow {
	background-color: var(--md-sys-color-shadow) !important;
}

.shadow-text {
	color: var(--md-sys-color-shadow) !important;
}

.surface-tint {
	background-color: var(--md-sys-color-surface-tint) !important;
}

.surface-tint-text {
	color: var(--md-sys-color-surface-tint) !important;
}

.outline-variant {
	background-color: var(--md-sys-color-outline-variant) !important;
}

.outline-variant-text {
	color: var(--md-sys-color-outline-variant) !important;
}

.scrim {
	background-color: var(--md-sys-color-scrim) !important;
}

.scrim-text {
	color: var(--md-sys-color-scrim) !important;
}

.item-total {
	background-color: var(--md-sys-color-item-total-background) !important;
	color: var(--md-sys-color-item-total-text) !important;
}

.item-total-text {
	color: var(--md-sys-color-item-total-text) !important;
}

.item-total-title, .item-total .title-label{
	color: var(--md-sys-color-item-total-title) !important;
}

.group-total {
	background-color: var(--md-sys-color-group-total-background) !important;
	color: var(--md-sys-color-group-total-text) !important;
}

.group-total-text {
	color: var(--md-sys-color-group-total-text) !important;
}

.group-total-title ,.group-total .title-label{
	color: var(--md-sys-color-group-total-title) !important;
}

.grand-total {
	background-color: var(--md-sys-color-grand-total-background) !important;
	color: var(--md-sys-color-grand-total-text) !important;
}

.grand-total-text .grand-total .title-label{
	color: var(--md-sys-color-grand-total-text) !important;
}

.grand-total-title {
	color: var(--md-sys-color-grand-total-title) !important;
}