/* You can add global styles to this file, and also import other style files */

.mdc-text-field--disabled.mdc-text-field--filled {
	background-color: #4c4f57;
}

@keyframes spinner {
	to {
		transform: rotate(360deg);
	}
}

.spinner:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	border-radius: 50%;
	border: 2px solid #ffffff;
	border-top-color: #000000;
	animation: spinner .8s linear infinite;
}

.mat-dialog-actions {
	display: grid !important;
	grid-template-columns: 1fr auto !important;
	align-items: center !important;
}

.mat-dialog-actions {
	display: grid !important;
	grid-template-columns: 1fr auto !important;
	align-items: center !important;
}

.mat-dialog-left {
	display: flex !important;
	align-items: center !important;
}

.error-icon {
	margin-right: 8px !important;
}

.error-message {
	margin: 0 !important;
	overflow: auto !important;
}

.mat-dialog-right {
	display: flex !important;
	justify-content: flex-end !important;
	align-items: center !important;
}

.button-bottom {
	display: flex !important;
	align-items: center !important;
}

.button-bottom button {
	margin-left: 8px !important;
}
