body {
    background: url("../img/GDN-Teams-optie-1-2048x1536.jpg") no-repeat center center fixed;
    background-size: cover;
    min-height: 100vh;
}

@font-face {
    font-family: 'RO Sans';
    src: url('../webfonts/RO-SansWebText-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RO Sans';
    src: url('../webfonts/RO-SansWebText-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

:root {
    --pf-global--FontFamily--sans-serif: "RO Sans", "Calibri", sans-serif;
    --pf-global--FontFamily--heading--sans-serif: "RO Sans", "Calibri", sans-serif;
    --pf-c-alert--BorderTopWidth: 0px;
    --pf-global--active-color--100: #06c;
    --pf-global--active-color--200: #bee1f4;
    --pf-global--active-color--300: #2b9af3;
    --pf-global--active-color--400: #73bcf7;
    --pf-global--disabled-color--100: #6a6e73;
    --pf-global--disabled-color--200: #d2d2d2;
    --pf-global--disabled-color--300: #f0f0f0;
    --pf-global--primary-color--100: #06c;
    --pf-global--primary-color--200: #004080;
    --pf-global--primary-color--light-100: #73bcf7;
    --pf-global--primary-color--dark-100: #06c;
    --pf-global--secondary-color--100: #6a6e73;
    --pf-global--default-color--100: #73c5c5;
    --pf-global--default-color--200: #009596;
    --pf-global--default-color--300: #003737;
    --pf-global--success-color--100: #3e8635;
    --pf-global--success-color--200: #1e4f18;
    --pf-global--info-color--100: #2b9af3;
    --pf-global--info-color--200: #002952;
    --pf-global--warning-color--100: #f0ab00;
    --pf-global--warning-color--200: #795600;
    --pf-global--danger-color--100: #c9190b;
    --pf-global--danger-color--200: #a30000;
    --pf-global--danger-color--300: #470000;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #e5a939;
    --bs-btn-border-color: #e5a939;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #b27646;
    --bs-btn-hover-border-color: #ffd53f;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ffc83f;
    --bs-btn-active-border-color: #ffd53f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #e5a939;
    --bs-btn-disabled-border-color: #e5a939;
}

.forgot {
    text-align: right;
    width: 100%;
}

#kc-form-options {
    width:100%;
}

.logo img{
    width: 254px;
    height: 72px;
}
.login-options {
    width: 50%;
}
#kc-header {
    display: none;
}

#kc-page-title {
    display: none;
}
#kc-locale-dropdown ul{
    position: absolute;
    -webkit-box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 20%) !important;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 20%) !important;
    padding: 10px;

}
.top-20 {
    top: 20px;
}
a {
    color: #B27646;
    text-decoration: none;
}
a:hover {
    color: #e5a939;
}
.form-control:focus {
    box-shadow: 0 0 0 0.25rem #fae188;
    border-color: #cccccc;
}
#kc-social-providers h4{
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: bold;
    font-size: 16px;
}
.alert.alert-error {
    background-color: #F8E7E7;
    border-color: #B91415;
}
#kc-info-message ul {
    list-style: disc;
    margin-left: 15px;
}
.instruction {
    font-weight: bold;
}
#continue {
    margin: 60px;
}
#kc-content-wrapper ul li {
    font-weight: bold;
}
.hidden {
    display: none;
}

div.content-container {
    min-height: 100vh;
}

div.content {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    min-height: calc(100vh - 290px);
    overflow: auto;
}

div.tno-header {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    height: 78px;
    text-align: center;
    background-color: #ffffff;
}

div.tno-menu {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    height: 78px;
    text-align: left;
    background-color: #447b94;
}

div.tno-menu a {
    text-decoration: none;
    color: #ffffff;
}

div.tno-menu div.menu-title {
    padding-top: 10px;
    padding-left: 100px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
}

div.tno-menu div.menu-subtitle {
    padding-bottom: 20px;
    padding-left: 100px;
    color: #ffffff;
    font-style: italic;
}

div.tno-footer {
    display: flex;
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    background-color: #447b94;
    color: #ffffff;
}

div.tno-footer a {
    color: #ffffff;
    text-decoration: underline;
}

div.tno-footer div.tno-footer-section-1 {
    position: relative;
    clear: left;
    float: left;
    padding-top: 10px;
    padding-left: 100px;
    width: 34%;
}

div.tno-footer div.tno-footer-section-1 {
    position: relative;
    clear: left;
    float: left;
    padding-top: 10px;
    padding-left: 100px;
    padding-right: 10%;
    width: 60%;
}

div.tno-footer div.tno-footer-section-2 {
    position: relative;
    clear: none;
    float: left;
    padding-top: 10px;
    padding-left: 10px;
    width: 20%;
}

div.tno-footer div.tno-footer-section-3 {
    position: relative;
    clear: right;
    float: left;
    padding-top: 10px;
    padding-left: 10px;
    width: 20%;
}

.tno-logo {
    width: 170px;
    margin-bottom: 1rem;
}