/* RED */

.warning-yellow {
	background-color:#f8b64c;	
	
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}

.warning-yellow:hover {
	background-color:#ffd15c;
	
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}

.warning-yellow > div {
	text-align: center; padding: 20px; font-weight: 700;
}


/* RED */
.warning-red {
	background-color:#f1543f;	
	
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}

.warning-red:hover {
	background-color:#ff7058;	
	
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}

.warning-red > div {
	text-align: center; padding: 20px; font-weight: 700;
}

/* RED */
.warning-green {
	background-color:#63cf38;	
	
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}

.warning-green:hover {
	background-color:#8ee96a;	
	
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}

.warning-green > div {
	text-align: center; padding: 20px; font-weight: 700;
}

/* RED */
.warning-blue {
	background-color:#54c0eb;	
	
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}

.warning-blue:hover {
	background-color:#84dbff;	
	
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}

.warning-blue > div {
	text-align: center; padding: 20px; font-weight: 700;
}