body {
    background-color: #F8F8F8;
}

.logo {
    display: block;
    text-align: center;
}

.first-header {
    background: #561032;
    padding: 8px 8px;
    color: #ffffff;
    text-align: center;
    display: block;
    text-decoration: none;
}

a.first-header:hover {
    color: white;
    text-decoration: none;
}

@media (min-width: 992px) {
    .container {
        max-width: 696px;
    }
}

.login-button {
    text-align: center;
}

.login-h2 {
    text-align: center;
}

/* input {
    margin: .4rem;
} */

.div-kid {
    display: block;
    border: 1px solid rgb(218, 218, 218);
    padding: 8px 16px;
    margin-bottom: 16px;
}

i.bi-asterisk {
    color: #a77a94;
}

/* .btn {
    margin-bottom: 4px;
} */

.label {
    display: inline-block;
    width: 300px;
    font-weight: bold;
}

.success-form {
    position: fixed;
    display: block;
    top: 20px;
    right: 20px;
    z-index: 999;
}

/* bootstrap 5 input remove border on focus */

textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active {
    outline: 0px !important;
    -webkit-appearance: none;
    box-shadow: none !important;
}

b {
    font-weight: 600;
}

.form-label {
    font-weight: 600;
}

.page-link {
    color: #000;
}

.active>.page-link,
.page-link.active {
    background-color: #561032;
    border-color: #561032;
}

.list-group-item {
    background-color: #f8f8f8;
    border: unset;
}

table {
    border-top: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}

.text-warning {
    color: rgb(189, 156, 55) !important;
}