.layout-wrapper {
	display: flex;
	flex-flow: column;
	min-height: 100vh;
}
.mud-container.inner-wrapper {
	display: flex;
	grid-template-rows: 1fr;
	flex-direction: column;
	gap: 16px;
	max-width: unset;

}

.mud-main-content.content-wrapper {
	display: flex;
	flex-direction: column;
	padding: 20px;
	gap: 16px;
	align-items: stretch;
}
	.mud-main-content.content-wrapper .center {
		align-self: center;
	}
	.account-form {
		display: flex;
		flex-direction: column;
		gap: 24px;
		padding: 10px;
	}
.app-button {
	border: 1px solid white;
	border-radius: 50%;
	
}

.mud-button-root.app-button {
	border: 1px solid white;
}
.mud-input-control > .mud-input-control-input-container{
	gap: 1.2rem;
}

.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text.mud-input-text-with-label {
	margin-top: 8px !important;
}

	.mud-select.select-wrapper .mud-input-text-with-label ~ label.mud-input-label.mud-input-label-inputcontrol {
		transform: translate(0, 1.5px) scale(0.75);
		transform-origin: top left;
	}

.mud-popover.select-popover {
	width: auto !important;
	max-width: initial !important;
}

@media (min-width: 481px) {
	.mud-main-content.content-wrapper {
		align-items: center;
	}
	.account-form {
		min-width: 400px;
	}
}
@media (max-width: 480px){
	.account-form {
		width: 100%;
		width: -moz-available; 
		width: -webkit-fill-available; 
		width: fill-available;
	}
}

.form-fields {
	display: flex;
	flex-direction: column;
	gap: 16px;
}


.account-form .buttonSubmit {
	align-self: center;
}