@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
html, body {
    background-color: #fff;
    font-family: Arial, sans-serif;
    color: #3E3E3E;
}

h1 {
    color: inherit;
}

.header-logo {
    width: 10rem;
    height: 3.5rem;
    background-image: url("https://fdmg-forms-assets.s3.amazonaws.com/latest/img/logo_propertynl.png");
    background-color: #fff;
    background-size: calc(100% - 2rem) auto;
}

.header-wrapper {
    min-height: 3.5rem;
    background-color: #e20413;
    border-bottom: none;
    box-shadow: 0 2px 0.2px rgba(0, 0, 0, 0.15);
}
h1, h2, h3 {
    font-family: 'Roboto', sans-serif;
}

a {
    color: #e20413;
}

.modal-inner {
    border: 0px;
    background-color: #f7f7f7;
}
.input .label {
    color: #3E3E3E;
}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"] {
    border: none;
    border-bottom: 0.125rem solid #f0f0f0;
    border-radius: 0.1875rem;
    color: #3E3E3E;
    background-color: #fff;
}

input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="number"]:hover {
    border-color: #363B40;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus {
    border-color: #F3F9FD;
}

input[type="text"]:active, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus {
    border-color: #363B40;
    background-color: #fff;
}

input[type="text"][readonly], input[type="text"][readonly]:hover, input[type="text"][readonly]:focus, input[type="password"][readonly], input[type="password"][readonly]:hover, input[type="password"][readonly]:focus, input[type="email"][readonly], input[type="email"][readonly]:hover, input[type="email"][readonly]:focus, input[type="tel"][readonly], input[type="tel"][readonly]:hover, input[type="tel"][readonly]:focus, input[type="number"][readonly], input[type="number"][readonly]:hover, input[type="number"][readonly]:focus {
    background-color: rgba(255, 255, 255, 0.3);
    border-color: #ccbeb3;
    color: #677382;
}
.fd-checkbox input:checked {
    border-color: #fff;
}
.fd-checkbox input:checked ~ .checkbox::before {
    background-color: #363B40;
}

.button {
    background-color: #e20413;
}

.button:hover {
    background-color: #e20413;
}

:checked + .input-checkbox-label::before {
    background-color: #363B40;
}

.modal-buttons.onboarding {
    flex-flow: inherit;
}

.onboarding {
    flex-flow: inherit;
}

.register-logo.logo {
    background: url(../img/propertynl-logo.svg) no-repeat;
}

.private-idp {
    padding: 1rem;
    background-color: #f7f8f9;
}

.register-progress-waiting:after {
    background-color: #e20413;
}