:root {
    --unibwm-color-primary--normal: #ff6600;
    --unibwm-color-primary--hover: #cc4902;

    --unibwm-color-text-on-primary: #ffffff;
    --unibwm-color-text-on-secure: var(--unibwm-color-text-on-primary);
    --unibwm-color-text-on-alert: var(--unibwm-color-text-on-primary);

    --unibwm-color-text-id: var(--unibwm-color-primary--normal);
    --unibwm-color-text-sub: #494949;

    --unibwm-color-sid--normal: #b00020;
    --unibwm-color-sid--hover: #52000f;

    --unibwm-color-alert: #5d5d5d;

    --unibwm-color-background-keys: #ff6600;

    --pf-global--primary-color--100: var(--unibwm-color-primary--normal);
    --pf-global--primary-color--200: var(--unibwm-color-primary--hover);
    --pf-global--primary-color--dark-100: var(--unibwm-color-primary--normal);
    --pf-global--primary-color--dark-200: var(--unibwm-color-primary--hover);
}

.login-pf body {
    background: white none;
}

div.kc-logo-text {
    background-image: url(../img/unibwm-logo.svg);
    height: 85px;
    width: auto;
    max-width: 441px;
}

.pf-c-form-control:focus-visible {
    outline: var(--pf-global--primary-color--100) solid 2px;
}

/* SocialProvider Button Coloring */
#social-unibwm-sid {
    background: var(--unibwm-color-sid--normal);
    color: var(--unibwm-color-text-on-secure);
}
#social-unibwm-sid:hover {
    background: var(--unibwm-color-sid--hover);
}

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

.unibwm-divider-normal::before, .unibwm-divider-normal::after {
    flex: 1;
    content: '';
    padding: 1px;
    background-color: black;
    margin: 24px;
}

.unibwm-divider-primary::before, .unibwm-divider-primary::after {
    flex: 1;
    content: '';
    padding: 1px;
    background-color: var(--unibwm-color-primary--normal);
    margin: 24px;
}

.unibwm-divider-secure::before, .unibwm-divider-secure::after {
    flex: 1;
    content: '⚠';
    padding: 1px;
    color: var(--unibwm-color-primary--normal);
    font-size: 40px;
}

.unibwm-title-id {
    color: var(--unibwm-color-text-id);
    text-align: center;
    font-weight: 600;
    font-size: 32px !important;
}

.unibwm-title-sub {
    color: var(--unibwm-color-text-sub);
    text-align: center;
    font-weight: 600;
    margin-top: 0px;
}

.unibwm-alert-card {
    background: var(--unibwm-color-alert);
    color: var(--unibwm-color-text-on-alert);
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 24px;
    margin: 0 auto;
    margin-top: 40px;
}

.unibwm-alert-content p {
    color: var(--unibwm-color-text-on-alert);
}

.unibwm-alert-icon {
    flex-shrink: 0;
    margin-right: 25px;
    color: var(--unibwm-color-text-on-alert);
}

.unibwm-alert-title {
    font-weight: bold;
}

.unibwm-alert-message {
    font-size: 16px;
    color: var(--unibwm-color-text-on-alert) !important;
}

.unibwm-social-providers-card {
    margin-top: 40px;
}