#toaster, #confirm {
    min-width: 250px;
    position: fixed;
    z-index: 1000;
    bottom: 30px;
    width: 50%;
    left: 50%;
    transform: translateX(-50%);
}

div.toast, div.confirm {
    margin-top: 2px;
    font-size: 17px;
    padding: 16px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
}

.primary   { background-color:#007bff!important }
.secondary { background-color:#6c757d!important }
.success   { background-color:#28a745!important }
.danger    { background-color:#dc3545!important }
.warning   { background-color:#ffc107!important }
.info      { background-color:#17a2b8!important }
.light     { background-color:#f8f9fa!important }
.dark      { background-color:#343a40!important }

.text-primary   { color:#007bff!important }
.text-secondary { color:#6c757d!important }
.text-success   { color:#28a745!important }
.text-danger    { color:#dc3545!important }
.text-warning   { color:#ffc107!important }
.text-info      { color:#17a2b8!important }
.text-light     { color:#f8f9fa!important }
.text-dark      { color:#343a40!important }