.status-ribbon {
    background: #596167;
    position: fixed;
    display: flex;
    right: 50px;
    bottom: 50px;
    z-index: 10000;
    pointer-events: none;
    opacity: 0;
    transition: 0.8s opacity;
    max-width: 400px;
    padding: 15px;
}

.status-ribbon-icon {
    height: 100%;
    margin: auto;
    margin-right: 15px;
}

.status-ribbon-text {
    margin: auto;
    font-size: 14px;
    color: white;
    /* text-transform: uppercase; */
    pointer-events: none;
}

.status-ribbon-visible {
    opacity: 1;
}

.status-ribbon i {
    font-size: 2em;
}

.status-ribbon.error i {
    color: #e73e3e;
}

.status-ribbon.success i {
    color: #52e652;
}

.status-ribbon.warning i {
    color: #e4e652;
}