.flash-container
{
    position:fixed;top:20px;right:20px;z-index:1111; display: flex;
    justify-content: space-between; align-items: center;
    height: 40px;
}

.flash-message
{
    padding:9px 20px;margin:5px 0;border-radius:var(--border-radius);color:#fff;font-size:14px;opacity:0; transform:translateX(100%);transition:all 0.3s ease; width: 100% !important; flex-grow: 1;
}
.flash-message.show{opacity:1;transform:translateX(0)}
.flash-success{background:#15951a;}
.flash-error{background:#f44336}
.flash-warning{background:#ff9800}
.flash-info{background:#2196F3}
.flash-close{float:right; cursor: pointer;margin-left:15px;font-weight:bold}

@media (max-width: 850px) {

    .flash-container
    {
        min-width: 70%;
        max-width: 90%;
        top:inherit;
        bottom: 50px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 999;
    }
}