.message-box {
	max-width: fit-content;
	margin-bottom: 10px;
	min-height: 30px;
	padding: 10px 20px 10px 20px;
	border: 1px solid;
	display: flex;
	align-items: center;
	font-size: 13pt;
	transition: filter 0.1s ease-in, transform 0.1s ease-in, opacity 0.35s ease-in-out, font-size 0.1s ease-in;
	user-select: none;
	font-weight: 500;
	text-align: center;
	cursor: pointer;
}

	.message-box:hover {
		transform: scale(1.015);
		filter: brightness(110%);
	}

	.message-box:has(br) {
		padding: 20px !important;
	}

.message-box-margin {
	margin-top: 0 !important;
}

.message-box-relative {
	position: relative;
	margin: auto;
	top: 90px;
}

.NEUTRAL {
	background-color: #bfcbe3 !important;
}

.ERROR {
	background-color: #ff837a !important;
}

.OK {
	background-color: #8bf78e !important;
}

.close-button {
	position: relative;
	right: -11px;
	cursor: pointer;
	display: inline-block;
}

div div span.close-button:hover {
	transform: scale(1.06);
}

/*@keyframes fadeOut {
	from {
		transform: translateX(0%);
	}

	to {
		transform: translateX(100%);
	}
}*/