#table-display {
    font-size: 16px;
}
.required:after {
    content:"*";
    color: #FF0000FF;
}

#table-display th,
#table-display td {
    padding: 4px 8px;
}

a, button{
    text-decoration: none;
}

body{
    background-color: rgba(243, 243, 243, 0.5);
    font-family: "Raleway", sans-serif;
    min-height: 100dvh;
}

.h4, h4{
    font-size: x-large;
}

.btn-light{
    background-color: #cdcdcd;
    outline-color: grey;
}

.form-switch .form-check-input{
    height: 20px;
}

.page-title{
    font-weight: bold;
}

.btn-lg{
    width: 13em;
    text-size-adjust: auto;
}

.btn-circle{
    width: 38px;
}

.actions > * {
    display: grid;
    grid-template-columns: 1fr min-content;
    align-items: start;
}

.dt-buttons{
    float: unset!important;
}

.html5buttons{
    margin-right: 1rem;
}

.html5buttons, #dt_length, #dt_filter{
    display: inline;
}

#dt_filter{
    float: right;
}

.big-number{
    --size: 80px;
    font-size: var(--size);
    line-height: var(--size);
    font-weight: 800;
}