#toastem{
  position: fixed;
  z-index: 9999;
  top: 0px;
  right: 0px;
}
.toastem-notification {
    display: flex;
    gap: 7px;
    position: relative;
    overflow: hidden;
    /*margin-top: 10px;*/
    /*margin-right: 10px;*/
    padding: 10px;
    width: 300px;
    /* border-radius: 10px; */
    border-left: 4px solid #ff5722;
    color: white;
    right: -400px;
    box-shadow: 3px 3px 4px 0px #505050;
}
.toastem-title {
    font-size: large;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 6px;
    margin-bottom: 7px;
}
.toastem-buttonbar {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
}
.toastem-default {
    background: #3c3b3b;
}
.toastem-success {
    background: var(--dk-green);
}
.toastem-info {
    background: #c33c3c;
}
.toastem-warning {
    background: #b8a61d;
}
.toastem-danger {
    background: #c33c3c;
}
.toastem-info {
    background: #558ec0;
}

@media screen and (max-width: 1340px) {
    .toastem-notification > span:first-of-type {
        display:none;
    }
}