

/*.ul_notification__content {
	width: 420px;
    height: 100%;
    background: rebeccapurple;
    margin: 0 auto;
}*/

.notification-row {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #F6F6F6; /* @notification-color;*/
    overflow: auto;
    color: #717174; /*@steel-grey;*/

    width: 420px;
    height: 100%;
    margin: 15px auto 0;
}

.notification-row:last-child {
	margin-bottom: 15px;
}

.notification-row--error {
    background-color: #fef5f4; /*@row-error-color;*/
}

.notification-row--info {
    /* default styles*/
}

.notification-row__header {
    color: #3A3F42; /*@black;*/
    position: relative;
}

.notification-row__header--error {
    color: #DD2412; /*@error-color;*/
}

.notification-row__header--info {
    /* default styles*/
}


.notification-row__header, 
.notification-row__description {
    padding-left: 20px;
    padding-right: 20px;
}

.notification-row__icon,
.notification-row__message {
	margin-right: 6px;
}

.notification-row__icon {
	font-size: 20px;
	position: absolute;
	top: 1px;
}

.notification-row__message {
    display: inline-block;
    padding-left: 28px;
}  

.notification-row__description {
    margin-top: 8px;
}


@media (max-width: 767px) {
	.notification-row {
		width: 100%;
	}
}

@media (min-width: 768px) {
	.notification-row {
		width: 420px;
	}
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}