.container-popups-alertar{position: fixed;right: 0;top: 0;margin: 25px;z-index: 1000000001;transition: .4s;display: flex;flex-direction: column-reverse;align-items: flex-end;justify-content: flex-start;gap: 10px;overflow: hidden;}
.container-popups-alertar > .item{display: flex;align-items: center;justify-content: center;gap: 15px;font: 18px montserrat;font-weight: 600;color: #fff;background: #393939;border: 2px solid #292929;border-radius: 5px;padding: 0 25px 0 15px;max-width: 50vw;height: 45px;}
.container-popups-alertar > .item:hover{cursor: pointer;}
.container-popups-alertar > .item:last-child{animation: .5s popup-alerta-enter;}
.container-popups-alertar > .item i{width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;background-size: contain;background-position: center center;background-repeat: no-repeat;}

.container-popups-alertar > .item.ok{background: rgb(18, 163, 30);border-color: rgb(12, 95, 19);color: #fff;}
.container-popups-alertar > .item.ok i{background-image: url('content/verified.svg');}

.container-popups-alertar > .item.alert{background: rgb(189, 142, 12);border-color: rgb(95, 66, 12);color: #fff;}
.container-popups-alertar > .item.alert i{background-image: url('content/alert.svg');}

.container-popups-alertar > .item.error{background: rgb(163, 18, 18);border-color: rgb(95, 12, 12);color: #fff;}
.container-popups-alertar > .item.error i{background-image: url('content/error.svg');}

@keyframes popup-alerta-enter {
    from{margin: -35px 0 0 0;}
    to{margin: 0;}
}