html, body {
    height: 100% !important;
    width: 100% !important;
}

body {
    padding-top: 3.5rem;
}

*, *:before, *:after {
    margin: 0;
    padding: 0;
}

#alertContainer {
    position: absolute; 
    top: 4rem; 
    right: 1rem;
}

.alert-message {
    min-width: 20rem;
    max-width: 20rem;
    padding-bottom: 1rem;
}

table.table-fit {
    width: auto !important;
    table-layout: auto !important;
}

table.table-fit thead th,
table.table-fit tbody td,
table.table-fit tfoot th,
table.table-fit tfoot td {
    width: auto !important;
}

/*
.text-purple {
    color: #800080;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #990099;
    --bs-btn-border-color: #990099;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #800080;
    --bs-btn-hover-border-color: #800080;
}
*/