html,
body {
    height: 100%;
}

body {
    /* display: flex; */
    align-items: center;
    background-color: #f5f5f5;
    padding-bottom: 20px;
}

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}


.form-signin .form-floating:focus-within {
    z-index: 2;
}


.card {
    width: 100%;
    max-width: 380px;
    min-width: 320px;
}

.btn {
    font-weight: bold;
    margin: 5px;
}

.sidemenu-btn {
    width: 250px;
    text-align: left;
    color: white;
}

.fa {
    padding-right: 5px;
    font-size: larger;
}

.sidemenu-icon {
    margin-right: 5px;
    text-align: right;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th,
td {
    padding: 8px;
}

button {
    margin-right: 5px;
}

.text-green {
    color: #198754 !important;
}

.bg-green {
    background-color: #198754 !important;
}

.text-blue {
    color: #0d6efd !important;
}

.bg-blue {
    background-color: #0d6efd !important;
}

.text-red {
    color: #dc3545 !important;
}

.bg-red {
    background-color: #dc3545 !important;
}

.text-grey {
    color: #A9A9A9 !important;
}

.bg-grey {
    background-color: #A9A9A9 !important;
}

.bg-primary {
    background-color: #0d6efd !important;
    color: #C0C0C0 !important;
}