/**
 * @package BBC Message Boxes
 * @version 3.0
 * @author Diego Andrés <diegoandres_cortes@outlook.com>
 * @copyright Copyright (c) 2020, SMF Tricks
 * @license https://www.mozilla.org/en-US/MPL/2.0/
 */

.error_bbc, .warning_bbc, .okay_bbc, .info_bbc {
	margin: 0 0 1.5em;
	padding: 1em 1.5em 1em 5.5em;
	border-style: solid;
	border-width: 0 2px;
	color: #444;
	background-position: 2.2em center;
	background-repeat: no-repeat;
}
/** Silk Icons **/
.error_bbc {
	background-image: url(../images/bbc/error.png);
	background-color: #fbe3e4;
	border-color: #e0011b
}
.error_bbc a {color: #d12f19}

.warning_bbc {
	background-image: url(../images/bbc/warning.png);
	background-color: #fff6bf;
	border-color: #ffd324
}
.warning_bbc a  {color: #817134}

.okay_bbc   {
	background-image: url(../images/bbc/okay.png);
	background-color: #e9ffdd;
	border-color: #72c868
}
.okay_bbc a {color: #529214}

.info_bbc {
	background-image: url(../images/bbc/info.png);
	background-color: #e2ecee; 
	border-color: #9ddae6
}
.info_bbc a {color: #2d7ba2}

/** Modern **/
.error_bbc.modern {
	background-image: url(../images/bbc/error_new.png);
}
.warning_bbc.modern {
	background-image: url(../images/bbc/warning_new.png);
}
.info_bbc.modern {
	background-image: url(../images/bbc/info_new.png);
}
.okay_bbc.modern {
	background-image: url(../images/bbc/okay_new.png);
}
/** Octagon **/
.error_bbc.octagon {
	background-image: url(../images/bbc/error_octagon.png);
}
.warning_bbc.octagon {
	background-image: url(../images/bbc/warning_octagon.png);
}
.info_bbc.octagon {
	background-image: url(../images/bbc/info_octagon.png);
}
.okay_bbc.octagon {
	background-image: url(../images/bbc/okay_octagon.png);
}

/* Lists */
.error_bbc ul, .warning_bbc ul, .okay_bbc ul, .info_bbc ul {
	list-style: none;
	margin: 1.3em 1.5em
}
.error_bbc ul li, .warning_bbc ul li, .okay_bbc ul li, .info_bbc ul li {
	background-repeat: no-repeat;
	background-position: 0 0.55em;
	padding-left: 1.3em
}
/** Silk Icons **/
.error_bbc ul li  {
	background-image: url(../images/bbc/error-bullet.png); }
.warning_bbc ul li  {
	background-image: url(../images/bbc/warning-bullet.png); }
.okay_bbc ul li {
	background-image: url(../images/bbc/okay-bullet.png); }
.info_bbc ul li {
	background-image: url(../images/bbc/info-bullet.png); }