/*-----------------------------------------------------------

                    ORIGINAL APP.CSS STYLES 

------------------------------------------------------------*/

* {
	text-rendering: optimizeLegibility;
}

html, body * {
	font-size: 16px;
}

/* Added responsive width constraints */
.mud-main-content { min-width: 0; }
img, .mud-table, .mud-grid, .mud-paper, .mud-card { max-width: 100%; }

/* Grid frame for footer stability */
.main-layout {
	min-height: 100dvh;
	display: grid;
	grid-template-rows: var(--mud-appbar-height) 1fr auto;
}

@media (max-width: 960px) {
	.mud-container > section {
		margin-left: 0;
		margin-right: 0;
		padding: 1.5rem;
	}
}

a, .btn-link {
	color: var(--mud-palette-primary);
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
	box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

h1:focus {
	outline: none;
}

.valid.modified:not([type=checkbox]) {
	outline: 1px solid #26b050;
}

.invalid {
	outline: 1px solid #e50000;
}

.validation-message {
	color: #e50000;
}

.blazor-error-boundary {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTEuMTcwMiA2Ni42MDI1IDI2Ny44NzQgOTMuNjA1MSAyNjcuMjI4IDkzLjU1MjEgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
	padding: 1rem 1rem 1rem 3.7rem;
	color: white;
}

.blazor-error-boundary::after {
	content: "An error has occurred."
}

.darker-border-checkbox.form-check-input {
	border-color: #929292;
}

strong {
	font-weight: 600;
}

u {
	text-underline-offset: 4px;
}

/*  Visually hidden utility class for accessibilty */
.sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
 

/*-----------------------------------------------------------

                    MAIN LAYOUT STYLES 

------------------------------------------------------------*/


:root {
	--mud-palette-primary-darker: #006bd0;
	--mud-palette-error-darker: #c80e0e;
	--mud-palette-warning-darker: #a34500;
}

/*---   Typography  ---*/

/* Web - H2 Large */

.heading--large {
	font-size: var(--mud-typography-h1-size);
	font-family: var(--mud-typography-h1-family);
	line-height: var(--mud-typography-h1-lineheight);
	letter-spacing: var(--mud-typography-h1-letterspacing);
	text-transform: var(--mud-typography-h1-text-transform);
}

/* Web - Bold Heading (SB) */

.heading--bold {
	font-weight: 600;
}

/* Web - Big Text */
.text--large {
	font-size: 2.5rem;
	font-weight: 500;
	line-height: 3rem;
}

/* Web - Support Text (I) */
.mud-typography-caption {
	font-size: 0.875rem;
	font-style: italic;
	font-weight: 400;
	line-height: 1.25rem;
	color: var(--mud-palette-gray-default);
}

/* Web - Accent */
.mud-typography-overline {
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.25rem;
	text-transform: uppercase;
}

/* Gutter */
.mud-typography-gutterbottom {
	margin-bottom: .25em;
}

sup {
	line-height: 1rem;
}

/*---   Buttons  ---*/

.mud-button-root {
	padding: .75rem;
	line-height: 1.5rem;
	border-radius: 3rem;
}

.mud-button-root:not(.mud-width-full) {
	max-width: 22rem;
}

.mud-container section:first-of-type {
	padding-top: 0;
}


/*---   Alerts   ---*/ 

/* Base Styles (common) */

.mud-alert {
	display: flex;
	padding: 1rem;
	border-radius: var(--mud-default-borderradius);
}

.mud-alert-icon {
	opacity: unset;
	padding: unset;
	font-size: 1.5rem;
}

.mud-alert-icon.mud-alert-icon-left {
	margin-right: .75rem;
	margin-inline-end: .75rem;
	margin-inline-start: unset;
} 

.mud-alert-message {
	color: var(--mud-palette-text-primary);
	font-weight: 400;
	line-height: 1.5rem;
	padding: unset;
	text-wrap: pretty;
} 

.mud-alert.mud-dense {
	padding: .5em;
}
/* Optional Elements */

.mud-alert-close {
	display: flex;
	flex: 0;
	align-items: start;
}

.mud-alert-close .mud-icon-root {
	opacity: .5;
}

.mud-alert .mud-button-root:not(.mud-icon-button) {
	padding: .33rem;
	margin-top: .5rem;
} 

/* Severity Levels */

.mud-alert.mud-alert-text-success {
	border: 1px solid var(--mud-palette-success);
	background-color: var(--mud-palette-success-lighten);  
}

.mud-alert.mud-alert-text-info {
	border: 1px solid var(--mud-palette-info); 
	background-color: var(--mud-palette-info-lighten);  
}

.mud-alert.mud-alert-text-warning {
	border: 1px solid var(--mud-palette-warning); 
	background-color: var(--mud-palette-warning-lighten); 
}

.mud-alert.mud-alert-text-error {
	border: 1px solid var(--mud-palette-error);
	background-color: var(--mud-palette-error-lighten);  
}

.mud-alert.mud-alert-filled-success .mud-alert-message,
.mud-alert.mud-alert-filled-info  .mud-alert-message, 
.mud-alert.mud-alert-filled-warning .mud-alert-message, 
.mud-alert.mud-alert-filled-error  .mud-alert-message {
	color: inherit;
}


/*---	Base Tabs	---*/

.mud-tabs {
	margin-top: 1.5rem;
}

.mud-tabs-panels {
	padding: 2.5rem 0;
}

.mud-tabs-tabbar-wrapper {
	margin: auto 2.5rem;
}

.mud-tabs-tabbar {
	border-bottom: 1px solid var(--mud-palette-divider-light);
	margin: auto -2.5rem;
}

.mud-tab {
	font-family: var(--mud-typography-h2-family);
	font-size: var(--mud-typography-h2-size);
	font-weight: var(--mud-typography-h2-weight);
	line-height: var(--mud-typography-h2-lineheight);
	letter-spacing: var(--mud-typography-h2-letterspacing);
	text-transform: var(--mud-typography-h2-text-transform);
 }

.mud-tab-slider {
	position: absolute;
	background: var(--mud-palette-primary);
}

.mud-tab.mud-tab-active.tab-panel {
	color: var(--mud-palette-primary);
}

.mud-tab.mud-tab-active:hover {
	background: var(--mud-palette-background)
}


/*---	Base Accordion (Expansion Panels) 	---*/
 
.accordion-title.mud-typography-h3 {
	color: var(--mud-palette-text-primary);
	font-size: var(--mud-typography-body1-size);
	font-weight: var(--mud-typography-body1-weight);
	line-height: var(--mud-typography-body1-lineheight);
}

.accordion-icon path {
	border-radius: 3rem;
	font-size: inherit;
	width: auto;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mud-expand-panel-header > div > div > .accordion-icon > path:nth-child(2) {
	fill: var(--mud-palette-info-lighten);
	opacity: 1;
}

.mud-expand-panel-header > div > div > .accordion-icon > path:nth-child(3) {
	fill: var(--mud-palette-primary);
}

.mud-expansion-panels {
	border: 1px solid var(--mud-palette-gray-lighter);
	border-radius: 0.75rem;
}

.mud-expand-panel:last-of-type .mud-panel-expanded {
	border-bottom: 1px solid var(--mud-palette-gray-lighter);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	margin-bottom: 0;
}

.mud-expand-panel.mud-panel-expanded.mud-elevation-0.mud-expand-panel-border {
	margin-bottom: unset;
}

.mud-expand-panel-header {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top: 1px solid var(--mud-palette-gray-lighter);
}

.mud-expand-panel:first-of-type .mud-expand-panel-header:first-of-type {
	border-top-right-radius: inherit;
	border-top-left-radius: inherit;
	border-top: unset;
}

.mud-expand-panel.mud-expand-panel-border {
	border-bottom: 0;
}

.mud-expand-panel .mud-expand-panel-content {
	padding: 0 2.5rem 1rem 1.5rem;
	flex: 1 1 auto;
	max-width: 100%;
}

.mud-expand-panel.mud-panel-expanded {
	margin-top: 0;
}


/*---	   Simple Table		---*/

.mud-table.mud-table-outlined,
.mud-simple-table .mud-table.mud-table-outlined {
	border: 1px solid var(--mud-palette-gray-lighter);
	border-radius: var(--mud-default-borderradius);
}

.mud-simple-table table * tr > td,
.mud-simple-table table * tr th {
	display: table-cell;
	padding: .75rem 1.5rem;
	font-size: inherit;
	text-align: inherit;
	font-weight: inherit;
	line-height: inherit;
	border-bottom: 1px solid var(--mud-palette-gray-lighter);
	letter-spacing: inherit;
	vertical-align: inherit;
}

.mud-simple-table .mud-table-row {
	line-height: unset;
	letter-spacing: unset;
	border-bottom: unset;
}

.mud-simple-table td.mud-table-cell[align="Right"] {
	text-align: end;
}

.mud-simple-table table * tr > td:last-of-type {
	text-align: end;
}

.mud-simple-table tr.mud-table-row:last-of-type {
	border-bottom: 0;
}

.mud-table-row:last-of-type .mud-table-cell {
	border-bottom: 0;
}

.mud-table-cell {
	font-size: 1rem;	
	border-bottom: 1px solid var(--mud-palette-gray-lighter); 
}


/*---  Base Dialog  ---*/

.mud-dialog-container {
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: var(--mud-zindex-dialog);
}

.mud-dialog {
	padding: 2.5rem;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.10);
}

.dialog__title-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: .75rem;
	padding: unset;
}

.mud-dialog .mud-dialog-title {
	z-index: 1;
	flex: 0 0 auto;
	margin: 0;
	padding: unset;
	border-top-left-radius: var(--mud-default-borderradius);
	border-top-right-radius: var(--mud-default-borderradius);
	padding: unset;
	text-align: center
}

.mud-dialog .mud-dialog-title .mud-button-close {
	top: 1rem;
	right: 1rem;
	position: absolute;
}

.dialog__title-content .mud-typography-h2 {
	font-size: var(--mud-typography-h1-size);
	font-family: var(--mud-typography-default-family);
	line-height: var(--mud-typography-h1-lineheight);
	letter-spacing: var(--mud-typography-h1-letterspacing);
	text-transform: var(--mud-typography-h1-text-transform);
}

.mud-dialog .mud-dialog-content {
	padding: .75rem 0 1.5rem 0;
	text-align: center;
	-webkit-overflow-scrolling: touch;
	border-top-left-radius: var(--mud-default-borderradius);
	border-top-right-radius: var(--mud-default-borderradius);
}

.mud-dialog .mud-dialog-actions {
	flex: 0 0 auto;
	display: flex;
	padding: unset;
	gap: .75rem;
	align-items: center;
	justify-content: flex-end;
	border-bottom-left-radius: var(--mud-default-borderradius);
	border-bottom-right-radius: var(--mud-default-borderradius);
	flex-direction: column;
}


/*---   Form Styles   ---*/ /*		TO-DO: Verify whether these are still in use	*/

.form-group {
	display: flex;
	flex-direction: column;
	margin-top: 24px;
}

.form-group label {
	color: var(--Black-500, #010206);
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	margin: 4px 0;
}

.form-group input, .form-group select {
	margin-bottom: 12px;
	border-radius: 12px;
	border: 1.5px solid var(--Black-100, #EAEBEF);
	background: var(--White, #FFF);
	padding: 8px;
}

.form-group input[readonly] {
	background: var(--Black-100, #EAEBEF);
}

.form-group input:focus-visible {
	border: 1.5px solid var(--mud-palette-primary);
	outline-width: 0;
}

.form-group input[readonly]:focus-visible {
	border: 1.5px solid var(--Black-500, #010206);
}

.form-group input::placeholder {
	color: var(--mud-palette-gray-default);
}

.form-horizontal {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.form-field {
	display: flex;
	flex-direction: column;
}

.form-horizontal > .form-field {
	flex-grow: 1;
	margin-right: 16px;
}

.form-horizontal > .form-field:last-child {
	margin-right: 0;
}

/*---    Form Elements   ---*/

/*	Standard	*/
.mud-input.mud-input-outlined .mud-input-outlined-border,
.mud-input > input.mud-input-root-outlined.mud-input-root:-webkit-autofill,
div.mud-input-slot.mud-input-root-outlined.mud-input-root:-webkit-autofill {
	border-radius: .75rem;
}

.mud-input > input.mud-input-root,
div.mud-input-slot.mud-input-root {
	height: 3rem;
	padding: 0 1rem;
}

/*	Read-only	*/
.mud-input > input.mud-input-root-outlined[readonly]:not(.mud-select-input),
div.mud-input-slot.mud-input-root[readonly]:not(.mud-select-input) {
	background: var(--mud-palette-gray-lighter);
	border-radius: .75rem;
}

.mud-select-input {
	line-height: 3rem;
}

.input-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem;
}

.mud-typography-caption.disclaimer, .mud-typography-caption.disclaimer a {
	font-size: .75rem;
}

/*---	Input Labels	 ---*/

.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(-.25rem, -1.5rem) scale(1);
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-outlined.mud-input-label-inputcontrol {
	font-size: var(--mud-typography-subtitle2-size);
	font-family: var(--mud-typography-subtitle2-family);
	font-weight: var(--mud-typography-subtitle1-weight);
	line-height: var(--mud-typography-subtitle2-lineheight);
	letter-spacing: var(--mud-typography-subtitle2-letterspacing);
	text-transform: var(--mud-typography-subtitle2-text-transform);
}

.mud-input-control.mud-input-required > .mud-input-control-input-container > .mud-input-label::after {
	content: "*";
	margin-left: .25rem;
}

/*---	Input Helper Text	 ---*/

.mud-input-control.mud-input-input-control,
.mud-input-control.mud-select {
	margin-top: 0.25rem;
}

.mud-input-control-helper-container.px-2 {
	padding-left: .25rem !important;
	margin-top: .25rem;
}

/*---	Inline Validation Messages	 ---*/

.mud-input-helper-text.mud-input-error .me-auto {
	font-size: var(--mud-typography-subtitle2-size);
	font-weight: var(--mud-typography-subtitle2-weight);
}


/*---	Input Placeholder Text	 ---*/

.mud-input-root::placeholder {
	color: var(--mud-palette-gray-default); /* Standard syntax */
}

.mud-input-root::-webkit-input-placeholder {
	color: var(--mud-palette-gray-default); /* Chrome, Safari, and Opera */
}


/*---   Numeric Input	  ---*/

.mud-input-control.mud-input-number-control .mud-input-numeric-spin {
	flex-direction: row;
	right: .5rem;
}

.mud-input-numeric-spin .mud-button {
	width: 2rem;
}

.mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-outlined input {
	padding-inline-start: 1.5rem;
}

/*---   Pills / Chips  ---*/

.mud-chip.mud-chip-text {
	margin: 0;
}

.mud-chip-content {
	text-transform: uppercase;
	font-size: unset;
}

.mud-chip-text.mud-chip-color-success,
.mud-chip-text.mud-chip-color-success:hover:not(.mud-disabled) {
	color: var(--mud-palette-success);
	background-color: var(--mud-palette-success-lighten);
}

.mud-chip-text.mud-chip-color-,
.mud-chip-text.mud-chip-color-warning:hover:not(.mud-disabled) {
	color: var(--mud-palette-warning-darker);
	background-color: var(--mud-palette-warning-lighten);
}

.mud-chip-text.mud-chip-color-error,
.mud-chip-text.mud-chip-color-error:hover:not(.mud-disabled) {
	color: var(--mud-palette-error-darker);
	background-color: var(--mud-palette-error-lighten);
}

.mud-chip.mud-chip-text.mud-chip-color-default,
.mud-chip.mud-chip-text.mud-chip-color-default:hover:not(.mud-disabled) {
	color: var(--mud-palette-gray-dark);
	background-color: var(--mud-palette-gray-lighter);
} 

.mud-chip.mud-chip-size-medium {
	font-family: Poppins;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.25rem;
	text-transform: uppercase;
	display: inline-flex;
	padding: 0.375rem 1rem;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	border-radius: 3rem;
}

/*-----------------------------------------------------------

                   TOOLTIPS

------------------------------------------------------------*/

.tooltip__button--info {
	padding: 0;
}

.mud-popover-open.mud-tooltip {
	min-width: 16rem;
	max-width: calc(100dvw - 16rem);
	padding: .75rem 1rem;
	border-radius: .5rem;
}

.mud-tooltip-root.mud-tooltip-inline {
	transform: translateY(-.15rem);
}

.mud-tooltip .d-block {
	text-align: left;
}

.mud-tooltip .mud-typography-subtitle2 {
	display: flex;
	justify-content: left;
}

.mud-tooltip.mud-tooltip-center-right:not([data-mudpopover-flip]),
.mud-tooltip.mud-tooltip-center-left[data-mudpopover-flip] {
	transform: translateX(.5rem);
	background: var(--mud-palette-black);
} 


/*-----------------------------------------------------------

						LISTS 

------------------------------------------------------------*/

	.base__list .mud-list-item-text .mud-typography-body1 {
		font-size: var(--mud-typography-body2-size);
		font-family: var(--mud-typography-body2-family);
		font-weight: var(--mud-typography-body2-weight);
		line-height: var(--mud-typography-body2-lineheight);
		letter-spacing: var(--mud-typography-body2-letterspacing);
		text-transform: var(--mud-typography-body2-text-transform);
	}

	.base__list .mud-list-item.mud-list-item-gutters {
		padding: .5rem 0;
	}

	.base__list .mud-list-item-icon {
		min-width: min-content;
		padding-right: .75rem;
		margin-top: .25rem;
	}

	.base__list .mud-list-item-icon .mud-svg-icon {
		background-color: var(--mud-palette-info-lighten);
		border-radius: 3rem;
	}

	.base__list .mud-list-item {
		width: 100%;
		display: flex;
		position: relative;
		box-sizing: border-box;
		text-align: start;
		text-decoration: none;
		align-items: flex-start;
	}

	.base__list.policy_requirements__list .mud-list-item {
		padding-left: 2.5rem;
	}

	.policy_pending_content > div {
		margin-bottom: 0.5rem;
	}

/*-----------------------------------------------------------

                    UTILITY CLASSES

------------------------------------------------------------*/

.spacer__x-small {
	height: 1rem;
}

.spacer__small {
	height: 1.5rem
}

.spacer {
	height: 2.5rem;
}

.spacer__large {
	height: 3rem;
}



/*-----------------------------------------------------------

                    GRAPHICS

------------------------------------------------------------*/

.graphic {
	display: flex;
	justify-content: center;
}



/*-----------------------------------------------------------

                   PET COMPLIANCE (SHARED)

------------------------------------------------------------*/

.add-animal-btn {
	border-radius: 3rem;
	padding: 0.25rem 1.25rem;
	text-transform: none;
	height: 2.5rem !important;
	transition: all 150ms ease-in-out;
	margin-right: -1rem;
}

.add-animal-btn:hover {
	margin-right: 0;
}

.pet-card-info {
	display: flex;
	width: -webkit-fill-available;
}

.pet-avatar-img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}

.avatar-fallback {
	background-color: var(--mud-palette-primary);
	color: var(--mud-palette-white);
}

.pet-card-status {
	display: flex;
	justify-content: right;
	align-items: center;
	width: -webkit-fill-available;
	gap: .25rem;
}

.mud-avatar.mud-avatar-medium {
	width: 3rem;
	height: 3rem;
}

.tab-component__custom .mud-alert.alert-exempt-notice, 
.tab-component__custom .mud-alert.alert-action-required {
	margin: 0;
}

/* Exempt State */

.alert-exempt-notice {
	display: flex;
	padding: 1rem 1.5rem;
	border-radius: var(--mud-default-borderradius);
	margin: 1.5rem 0 0 0;
	margin-left: 2.5rem;
	padding: 1rem 1.5rem;
}

.mud-alert.alert-exempt-notice {
	margin: 1rem 0 0 2.5rem;
	padding: 1rem 1.5rem;
}

/* Action Required State */

.mud-alert.alert-action-required {
	margin: 1.5rem 0 0 2.5rem;
	padding: 1rem 1.5rem;
}

.alert-action-required .mud-alert-icon.mud-alert-icon-left .mud-svg-icon {
	max-width: .75rem;
	display: flex;
	align-content: center;
}

.alert-action-required .mud-alert-message {
	width: 100%;
	display: flex;
	justify-content: space-between;
}