/* CSS - Sending alert */
.ms_alert {
	max-width: 100%;
	width: 400px;
	position: relative;
	height: 60px;
}

.ms_alert .ms_icon,
.ms_alert .ms_content {
	display: table;
	float: left;
	height: 100%;
	padding: 5px;
}

.ms_alert .ms_icon {
	width: 60px;
	max-width: 25%;
	position: relative;
}
.ms_alert .ms_content {
	width: 340px;
	max-width: 75%;
	position: relative;
}

.ms_alert .ms_icon div,
.ms_alert .ms_content div {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	position: relative;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}
.ms_alert .ms_icon div {text-align: center;font-size: 30px;}
.ms_alert .ms_content div {font-size: 20px; padding-left: 5px;}

.ms_alert[data-type=good] .ms_icon {background-color:#7FCC7F;}
.ms_alert[data-type=good] .ms_content {background-color:#46B546;}
.ms_alert[data-type=fail] .ms_icon {background-color:#FFB2B2;}
.ms_alert[data-type=fail] .ms_content{background-color:#FF4C4C;}

/*

<div class="ms_alert" data-type="'.$data['kolor'].'">
					<div class="ms_icon">
						<div>
							<i class="'.$data['icon'].'"></i>
						</div>
					</div>
					<div class="ms_content">
						<div>
							'.$data['tresc'].'
						</div>
					</div>
					<p id="clearfloat"></p>
				</div>

 */