:root {
    --umb-background-color: var(--bs-light-rgb);
    --umb-primary-button-text-color: #FFFFFF;
    --umb-primary-button-background-color: #3bc1ca;
    --umb-primary-button-background-color-rgb: 59, 193, 202;
    --umb-text-color: #98908d;
    --umb-heading-color: #3bc1ca;
    --bs-heading-color: var(--umb-heading-color);
    --umb-card-background-color: #FFFFFF;
    --bs-primary: var(--umb-primary-button-background-color);
    --bs-primary-rgb: var(--umb-primary-button-background-color-rgb);
    --bs-body-color: var(--umb-text-color);
    --bs-card-color: var(--bs-body-color);
    --bs-card-bg: var(--umb-card-background-color);
}

:root body {
    --bs-light-rgb: var(--umb-background-color);
}

:root .card {
    --bs-card-bg: var(--umb-card-background-color);
}

:root .link-primary:hover, :root .link-primary:focus {
    color: var(--umb-primary-button-background-color) !important;
    text-decoration-color: var(--umb-primary-button-background-color) !important;
}

:root .btn-primary {
    --bs-btn-color: var(--umb-primary-button-text-color);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.dialog-card .row > * {
    --bs-gutter-y: 0.5rem;
}

#loginform .divider {
    display: flex;
    align-items: center;
}

#loginform .divider span {
    margin-left: 6px;
    margin-right: 6px;
}

#loginform .divider::before, #loginform .divider::after {
    content: "";
    height: 1px;
    background-color: silver;
    flex-grow: 1;
}

pre#mfa-totp-key {
    white-space: pre-wrap;
    word-break: break-word;
    word-wrap: break-word;
}

pre#mfa-recovery-codes {
    font-family: monospace;
    white-space: pre-line;
}

div#privacy_policy_container {
    height: 400px;
    overflow-y: scroll;
    padding: 5px;
}