/**
 * Bootstrapin alerttien vaihtaminen modern (2025) - tyyppisiksi
 * TODO: värit CSS-variableihin johonkin
 *
 * 04.09.2025 JP: Luotu
 * 05.09.2025 JP: Tepon mallista default-taustavärit
 */
 
.alert.alert-info
{
	color: 			#222;
	border-left: 	8px solid #6cd4ff;
	border-top: 	1px solid rgb(228,228,228);
	border-right: 	1px solid rgb(228,228,228);
	border-bottom: 	1px solid rgb(228,228,228);
	background: 	#ebf9ff;
	/*background: 	rgb(252,252,252);*/
}

.alert.alert-success
{
	color: 			#222;
	border-left: 	8px solid #71b48d;
	border-top: 	1px solid rgb(228,228,228);
	border-right: 	1px solid rgb(228,228,228);
	border-bottom: 	1px solid rgb(228,228,228);
	background: 	#d7eadf;
}

.alert.alert-danger
{
	color: 			#222;
	border-left: 	8px solid #ca2e55;
	border-top: 	1px solid rgb(228,228,228);
	border-right: 	1px solid rgb(228,228,228);
	border-bottom: 	1px solid rgb(228,228,228);
	background: 	#fbeef2;
}

.alert.alert-warning
{
	color: 			#222;
	border-left: 	8px solid #f19953;
	border-top: 	1px solid rgb(228,228,228);
	border-right: 	1px solid rgb(228,228,228);
	border-bottom: 	1px solid rgb(228,228,228);
	background: 	#fdf4ec;
}

.alert.alert-primary
{
	color: 			#222;
	border-left: 	8px solid #062b4A;
	border-top: 	1px solid rgb(228,228,228);
	border-right: 	1px solid rgb(228,228,228);
	border-bottom: 	1px solid rgb(228,228,228);
	background: 	#ecf6fd;
}

.alert.alert-default
{
	color: 			#222;
	border-left: 	8px solid #eeeeee;
	border-top: 	1px solid rgb(228,228,228);
	border-right: 	1px solid rgb(228,228,228);
	border-bottom: 	1px solid rgb(228,228,228);
	background: 	#fafafa;
}