body{
    font-family: TheSans,Arial Narrow,sans-serif;
    background-color: #fff;
}

.card-pf{
    border-radius: .25em;
}

.login-pf-header{
    background-image: url("../img/logo.svg");
    background-size: 209px 29px;
    background-repeat: no-repeat;
}
.login-pf-header #kc-page-title{
    padding-top: 50px;
}

@media (max-width: 769px) 
{
    body{
        border-top: 4px #dd052c solid;
    }
}
@media (min-width: 769px) 
{
    .login-pf body {
        background: url("../img/login-background.jpg") no-repeat center center fixed;
        background-size: cover;
        height: 100%;
    }
}
h1{
    font-family: TheMix,Baskerville,Garamond,Palatino,Palatino Linotype,Hoefler Text,Times New Roman,serif;
    font-weight: 600;
    font-size: 2.5rem;
}
#kc-header-wrapper{
    display: none;
}

#social-eherkenning, #social-eherkenning-oidc, #social-eidas, #social-eidas-oidc{
    box-sizing: border-box;
    cursor: pointer;
    background-color: #FFFFFF;
    font-family: TheSans, Arial Narrow, sans-serif;
    font-size: 18px;
    border-radius: 8px;
    border: 1px solid #949494;
    padding: 0px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 47px;
}
#social-eherkenning:hover, #social-eherkenning-oidc:hover, #social-eidas:hover, #social-eidas-oidc:hover {
    background-color: #FFFFFF;
    color: #0099fa;
    border: 2px solid #0099fa;
}

.button-icon{
    margin-right: 20px;
}

.kc-social-provider-name{
    margin-left: 20px;
    margin-right: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#kc-social-providers h4{
    display: none;
}
:root{
    --pf-global--FontFamily--sans-serif: TheSans,Arial Narrow,sans-serif;
    --pf-global--FontFamily--heading--sans-serif: TheMix,Baskerville,Garamond,Palatino,Palatino Linotype,Hoefler Text,Times New Roman,serif;

    --color-brand-primary: #dd052c;
    --color-brand-primary-text: #fff;
    --color-brand-secondary: #000;
    --color-brand-secondary-text: #fff;
    --color-button-background: #dd052c;
    --color-button-background-hover: #c40427;
    --color-button-text: #fff;
    --color-button-text-hover: #f5f5f5;
    --color-white: #fff;
    --color-black: #000;
    --color-brand-primary75: #e63e5e;
    --color-brand-primary40: #f29aa9;
    --color-brand-primary10: #fce5e9;
    --color-brand-primary02: #fffafb;
    --color-brand-primary-shadow: #c40427;
    --color-theme-primary: #dd052c;
    --color-positive: #94c048;
    --color-neutral: #0099fa;
    --color-warning: #fd9434;
    --color-error: #f44;
    --color-text: #000;
    --color-headings: #000;
    --color-links: #dd052c;
    --color-links-hover: #c40427;
    --form-border-color: #bbb;

    /* Primary colors */
    --pf-global--primary-color--100: #dd052c;
    --pf-global--primary-color--200: #c40427;

    /* Typography and iconography colors */
    --pf-global--Color--100: #000;
    --pf-global--Color--200: #000;
    --pf-global--link--Color: #0099fa;

    /* Status and state colors */
    --pf-global--danger-color--300: #f44;
    --pf-global--danger-color--200: #f44;
    --pf-global--danger-color--100: #f44;

    --pf-global--default-color--300: #0099fa;
    --pf-global--default-color--200: #0099fa;
    --pf-global--default-color--100: #0099fa;

    --pf-global--info-color--200: #0099fa;
    --pf-global--info-color--100: #0099fa;

    --pf-global--success-color--200: #94c048;
    --pf-global--success-color--100: #94c048;

    --pf-global--warning-color--200: #fd9434;
    --pf-global--warning-color--100: #fd9434;

    --pf-global--active-color--100: #0099fa;
    --pf-global--active-color--200: #0099fa;

    --pf-global--primary-color--dark-100: #0099fa;
}

.pf-c-button.pf-m-control{
    --pf-c-button--after--BorderColor: transparent !important;
}