.notification {
    height: 20px;
    margin-left: auto;
    overflow: hidden;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    opacity: 1;
    max-width: 800px;
}

.notification.visible {
    opacity: 1;
    max-width: 800px;
}

.notification-icon {
    padding: 0 0 0 5px;
    margin-right: 7px;
    font-size: 18px !important;

}
.notification-message {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 700px;
    display: inline-block;
}



.notification-success { color: #4caf50; }
.notification-info { color: #2196f3; }
.notification-warning { color: #ff9800; }
.notification-error { color: #f44336; }