.alerta{
    position:fixed;
    right:15px;
    padding:10px;
    -webkit-box-shadow:0 0 8px rgba(0,0,0,.8);
    box-shadow:0 0 8px rgba(0,0,0,.8);
    max-width:calc(100% - 30px);
    max-height:calc(100% - 30px);
    z-index:10000;
}

.alerta.bottom{
    bottom:10%
}

.alerta.top{
    top:10%
}

.alerta.center{
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}

.alerta.success{
    background:#12a053;
    color:#fff
}

.alerta.warning{
    background:#ffbd40;
    color:#000
}

.alerta.danger{
    background:#f72a3c;
    color:#fff
}