.alert {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100px;
    max-width: 200px;
    transform: translate(-50%,-50%);
    z-index: 99999;
    text-align: center;
    padding: 10px;
    border-radius: 8px;
}

.alert-success {
    color: #fff;
    background-color: #808080;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}