.astext {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
	color: #0967b1;
}

.hidden {
	display: none;
}

.hyperText_fileUpload {
	cursor: pointer;
	color: #0967b1;
}

	.hyperText_fileUpload::file-selector-button {
		display: none
	}

input.hyperText_fileUpload {
	color: grey;
}

button.button--red {
	background-color: #ff4545;
	color: #fff1f1;
}

input.input--validatable {
	padding-left: 30px;
}

input.input--valid {
	background: url(/dist/images/blue_check.svg);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 5px 50%;
}

input.input--invalid {
	background: url(/dist/images/blue_cross.svg);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 5px 50%;
}

input.input--validating {
	background: url(/dist/images/loading_ellipses.svg);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 5px 50%;
}

/* NOTIFICATIONS */
.notification {
	display: inline-flex;
	border-radius: 8px;
	padding: 10px;
	margin: 2.5vh 0;
}

	.notification div:nth-child(1) {
		margin: auto 0.6vw;
	}

		.notification div:nth-child(1) > img {
			vertical-align: middle;
		}

	.notification div:nth-child(2) {
		display: flex;
		flex-direction: column;
		height: fit-content;
		padding-left: 1vw;
		margin: auto 0
	}

.notification--success {
	border: 1px green solid;
	background-color: rgba(230, 247, 230, 0.4);
}

.notification--warning {
	border: 1px orange solid;
	background-color: rgba(235, 127, 12, 0.4);
}

.notification--fail {
	border: 1px red solid;
	background-color: rgba(184, 4, 4, 0.13);
}