.alert { 
 border: 1px solid rgba(0, 0, 0, 0);
 border-radius: 4px;
 margin-bottom: 20px;
 padding: 15px 15px 15px 45px;
 position: relative;
}
.alert:before {
 position: absolute;
 top: 50%;
 left: 13px;
 display: block;
 margin-top: -8px;
 width: 16px;
 height: 16px;
 background: url(/img/icon-er.png) no-repeat 0 0;
 content: '';
}
.alert-info { 
 background-color: #D9EDF7;
 border-color: #BCE8F1;
 color: #31708F;
}
.alert-info:before {
 background-position: 0 -16px;
}
.alert-warning {
 border-color: #faebcc;
 background-color: #fcf8e3;
 color: #8a6d3b;
}
.alert-warning:before {
 background-position: 0 -32px;
}
.alert-danger {
 border-color: #ebccd1;
 background-color: #f2dede;
 color: #a94442;
}
.alert-danger:before {
 background-position: 0 -48px;
}
.alert-success {
 border-color: #d6e9c6;
 background-color: #dff0d8;
 color: #3c763d;
}