.notifications{
    position:fixed;
    top: 56px;
    left: 0;
    right: 0;
    width:100%;
    z-index:1100
}

.notifications .notification{
    display:block;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 16px;
}

.notification .notification-inner {
    display: flex;
    align-items: flex-start;
}

.notification .notification-inner .notification-icon {
    height: 24px;
    width: 24px;
    min-height: 24px;
    min-width: 24px;
    margin-right: 16px;
}

.notification .notification-inner .notification-icon img {
    height: 100%;
    width: 100%;
}

.notification .notification-inner .notification-text {
    flex: 1;
    min-width: 0px;
}

.notifications .notification.notification-success{
    background-color: #E5FAEF;
    color: #242E30;
}


.notifications .notification.notification-warning{
    background-color:#ffecb3;
    color:#0a3847

}

.notifications .notification.notification-error{
    background-color: #FFE9EA;
    color: #242E30;
}
    
.notifications .notification.notification-neutral{
    background-color: #EBF6FA;
    color: #242E30;
}

@media (min-width: 959px) {
    .notifications{
        top: 80px;
        left: auto;
        right: 0;
        width: 50%;
    }
}