/* This will be more elegant in builds where Sass vars get set instead */
:root {
    --primary: #0066A6;
    --primaryDarken: #002569;
    --secondary: #65A3C9;
    --danger: #C21D00;
    --headerBackground: var(--primary);
    --headerBottomStroke: var(--secondary);
    --iconColor: #8dd2ef;
}

.mainHeader {
    padding: 7px 0;
}
.k2doLogo {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.03rem;
}

.k2doLogo b {
    font-family: Roboto;
    font-weight: 700;
    font-style: italic;
    letter-spacing: -0.03rem;
}

.mainHeader--thick {
    background: none var(--primary);
}
.mainHeader--thick img {
    /* [adam]: this fits better than the default (based on designs) */
    max-width: 300px;
}
.mainHeader__innerWrapper--thin {
    margin: 0.25rem 1.25rem;
}
.mainHeader__innerWrapper--thick {
    justify-content: end;
}
.btn {
    font-weight: var(--weightBold);
}
.form-control:focus {
    border-color: #0056AD;
}
.attestation__rule ul {
    list-style: disc;
}
[data-page-path="/CameraCheck"] .itiModal__closeButton {
    color: white;
}

.dynamicForm__actions {
    padding-bottom: 1rem;

    .btn {
        --btnSpace: 0.5rem;

        min-width: 200px;
        width: 100%;

        @media (min-width: 768px) { /* Bootstrap's --breakpoint-md */
            width: auto;
        }

        & + & {
            margin-left: var(--btnSpace);

            @media (max-width: 768px) {
                margin-left: 0;
                margin-top: var(--btnSpace);
            }
        }
    }
}

#registrationForm [data-l10n="site.title.portal"],
#manualCaptureModal [data-l10n="views.exam.index.maxFailureCounter"] {
    display: none;
}
#registrationForm [data-l10n="shared.title.applicantRegistration"],
#registrationForm [data-l10n="shared.title.proxyRegistration"] {
    font-weight: 700 !important;
}

#resultsTimedViewData + .container-fluid {
    margin-top: 1.25rem;
}