.alerta {
    position: fixed;
    right: 25px;
    padding: 15px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 8px rgba(0, 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,
.alerta.light {
    background: #fff;
}
.alerta.success {
    background: #12a053;
    color: #fff;
}
.alerta.warning {
    background: #ffbd40;
    color: #000;
}
.alerta.info {
    background: #009cdf;
    color: #fff;
}
.alerta.dark {
    background: #8aa3ac;
    color: #000;
}
.alerta.danger {
    background: #f72a3c;
    color: #fff;
}