input {
	color:#333;
}

.alert {
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 40px;
}
/* RODE alert (foutmeldingen) */
.alert-danger {
	background-color: #edd; /* bg-red-50 */
	color: #c65151;            /* text-red-800 */
	border-color: #fecaca;     /* border-red-200 */
}

/* GROENE alert (success messages) */
.alert-success {
	background-color: #c2e1d2;
	color: #065f46;
	border-color: #44916d;
	padding: 10px 10px 10px 10px;
}

/* Specifieke kleuren per type */
.alert-danger .alert-icon i {
	color: #ef4444; /* text-red-500 */
}

.alert-success .alert-icon i {
	color: #10b981; /* text-green-500 */
}

/* Rood voor danger */
.alert-danger.alert-dismissible::after {
	color: #f87171; /* text-red-400 */
}

.alert-danger.alert-dismissible:hover::after {
	color: #dc2626; /* hover:text-red-600 */
}

/* Groen voor success */
.alert-success.alert-dismissible::after {
	color: #34d399; /* text-green-400 */
}

.alert-success.alert-dismissible:hover::after {
	color: #059669; /* hover:text-green-600 */
}

/* Fade in animatie */
.fade.in {
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
}


@media (max-width: 768px) {
	
	.xs-center {
		text-align: center;
	}
	
	.full-height {
		min-height: 100px;
		height:auto;
		padding:20px 0;
	}
	
	.align-vert-center {
		top: 0;
		transform: none;
	}
	
	h1 {
		margin-top:20px;
		margin-bottom:20px;
	}
	
	.logo {
		position:relative!important;
	}
	.col-logo {
	    padding-right: 15px;
		padding-left: 15px;
	}
}

@media (max-width: 1500px) {
	
	.col-logo {
	    padding-right: 15px;
		padding-left: 15px;
	}
}