.alert-area{height:100vh;width:auto;position:fixed;z-index:999}.alerta{height:auto;font-weight:700;padding:.5em;padding-right:0;padding-left:0;margin:0 auto;width:auto;display:block;border-radius:10px;position:fixed;z-index:999;max-width:80%;font-size:.8em;display:grid;grid-template-columns:15% 70% 15%;transition:all .5s}@media (min-width:576px){.alerta{font-size:1em}}.alert-center-part,.alert-left-part,.alert-right-part{display:flex;align-items:center;justify-content:center}.top{top:2em}.bottom{bottom:2em}@keyframes from_left{from{left:-1000px}to{left:5px}}@keyframes from_right{from{right:-1000px}to{right:5px}}.left{animation:from_left .3s linear;left:5px}.right{animation:from_right .3s linear;right:5px}.success{border:1px solid #155e01;color:#28a745;background-color:#d3ecd9;border-left:10px solid #155e01!important}.danger{border:1px solid #ff0015;color:#b94a48;background-color:#f8d7db;border-left:10px solid #ff0015}.warning{border:1px solid #ffd727;color:#f19035;background-color:#fff4b7;border-left:10px solid #ffd727}.info{border:1px solid #273dff;color:#2634fd;background-color:#b7ebff;border-left:10px solid #273dff}.cerrar{color:#5f5f5f93;cursor:pointer;font-size:1.5em;transition:color .3s}.cerrar:hover{color:#2b2b2b}#close_all{margin-top:10px;margin-bottom:10px;height:2em;width:200px;display:flex;align-items:center;justify-content:center;background-color:hsla(0,0%,17%,.637);color:#fff;border-radius:30px;font-size:1em;position:fixed}#close_all:hover{background-color:hsla(0,0%,17%,.884);cursor:pointer}@keyframes from_left_close{from{left:-1000px}to{left:5px}}@keyframes from_right_close{from{right:-1000px}to{right:5px}}.left_close_all{animation:from_left_close .6s linear;left:5px}.right_close_all{animation:from_right_close .6s linear;right:5px}svg{height:20px;width:20px}.success>svg{color:#155e01}.danger>svg{color:hsla(355,100%,50%,1)}.warning>svg{color:#ffd727}.info>svg{color:#ffd727}