@import url("https://static.uppsala.se/css/fonts/source-sans-pro/v21/source-sans-pro-v21.css");

.hidden {
    display: none;
}

/* epi forms */
.EPiServerForms {
    width: 100%;
    padding: 35px;
    background-color: #fafafa;
    border-color: #bcbdc0;
    border-width: 1px;
    border-style: solid;
}

    .EPiServerForms .Form__Title {
        margin: 36px 0 0 0;
        font-size: 19px;
        line-height: 40px;
    }

    .EPiServerForms h2:first-of-type {
        margin: 0;
    }

    .EPiServerForms .Form__Warning__Message {
        margin-top: 18px;
        color: #d7244c;
    }

    .EPiServerForms .Form__Description {
        font-size: 16px;
        line-height: 20px;
    }

.Form__MainBody .ua-form__element-wrapper {
    margin-top: 36px;
}

    .Form__MainBody .ua-form__element-wrapper > textarea {
        height: 100px;
        resize: both;
    }

    .Form__MainBody .ua-form__element-wrapper.ValidationFail + .ua-form__element-wrapper {
        margin-top: 15px;
    }

    .Form__MainBody .ua-form__element-wrapper.ValidationFail .ua-form__title {
        color: #d7244c;
    }

    .Form__MainBody .ua-form__element-wrapper.ValidationFail .ua-form__input {
        border: 1px solid #d7244c;
        border-bottom: 3px solid #d7244c;
        font-style: italic;
        color: #d7244c;
    }

    .Form__MainBody .ua-form__element-wrapper.ValidationFail .ua-form__error-message {
        color: #d7244c;
        font-size: 14px;
        line-height: normal;
    }

    .Form__MainBody .ua-form__element-wrapper.ValidationSuccess .ua-form__input {
        background: #fafafa;
        border: 1px solid #fff;
        border-bottom: 3px solid #1e824c;
    }

    .Form__MainBody .ua-form__element-wrapper .ua-form__choice--container span {
        margin-bottom: 5px;
        margin-top: 3px;
    }

    .Form__MainBody .ua-form__element-wrapper label {
        line-height: normal;
        display: block;
        font-weight: 700;
    }

        .Form__MainBody .ua-form__element-wrapper label .FormChoice__Input--Radio, .Form__MainBody .ua-form__element-wrapper label .FormChoice__Input--Checkbox {
            width: 20px;
            vertical-align: middle;
            max-width: 25px;
            height: 25px;
            margin-top: -1px;
            margin-right: 15px;
        }

.Form__MainBody .ua-form__title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 2px;
}

    .Form__MainBody .ua-form__title .optional-field {
        display: inline-block;
        font-weight: normal;
    }

.Form__MainBody .ua-form__description {
    margin-top: 5px;
    margin-bottom: 4px;
}

.Form__MainBody .ua-form__input {
    height: 38px;
    font-size: 16px;
    outline: none;
}

    .Form__MainBody .ua-form__input[multiple] {
        height: 100px;
    }

.Form__MainBody .ua-form__input--text {
    border: 1px solid #bcbdc0;
}

    .Form__MainBody .ua-form__input--text:hover {
        border: 1px solid #005eab;
        border-bottom: 3px solid #005eab;
    }

    .Form__MainBody .ua-form__input--text:focus {
        border: 1px solid #005eab;
        border-bottom: 3px solid #005eab;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }

.Form__MainBody .ua-form__input--text__select {
    padding: 8px;
}

    .Form__MainBody .ua-form__input--text__select:hover {
        margin-bottom: 2px;
        border: 1px solid #005eab;
        border-bottom: 3px solid #005eab;
    }

.Form__MainBody .ua-form__input--paragraph {
    max-width: 450px;
    margin-top: 65px;
}

    .Form__MainBody .ua-form__input--paragraph h2 {
        font-size: 19px;
        line-height: 40px;
    }

    .Form__MainBody .ua-form__input--paragraph p {
        font-size: 16px;
        line-height: 20px;
        margin: 0;
    }

    .Form__MainBody .ua-form__input--paragraph::after {
        content: " ";
        border-bottom: 1px solid #bcbdc0;
        display: block;
        padding-top: 15px;
    }

.Form__MainBody button, .EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__Action {
    background-color: #005eab;
    color: #fff;
    border: none;
    padding: 8px 20px;
    margin: 15px 0 14.25px 0;
    font-size: 19px;
    border-radius: 2px;
    text-align: center;
    color: #fff;
    border: 0;
    margin: 0;
    cursor: pointer;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 30px;
    line-height: 1.875rem;
    font-weight: 400;
    -webkit-appearance: none;
    border-radius: 0;
    box-shadow: 2px 2px 2px rgba(0,0,0,.3);
}

    .Form__MainBody button:hover, .EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__Action:hover {
        background-color: #1f70b2;
    }

    .Form__MainBody button:disabled, .EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__Action:disabled {
        background-color: #bcbdc0;
    }

.EPiServerForms .Form__MainBody .Form__NavigationBar {
    width: 98%;
    /* max-width: 450px; */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__Action {
        background-image: none;
        height: auto;
        margin-top: 18px;
    }

        .EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__Action.btnPrev {
            background-image: url("/Static/img/arrow_left_white.svg");
            background-repeat: no-repeat;
            background-position: 20px center;
            background-size: 20px 20px;
            cursor: initial;
        }

            .EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__Action.btnPrev:enabled {
                background-image: url("/Static/img/arrow_left_black.svg");
                background-color: #fff;
                color: #000;
                cursor: pointer;
            }

                .EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__Action.btnPrev:enabled:hover {
                    background-color: #f8f8f8;
                }

        .EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__Action.btnNext {
            background-image: url("/Static/img/arrow_right.svg");
            background-repeat: no-repeat;
            background-position: calc(100% - 20px) center;
            background-size: 20px 20px;
            cursor: initial;
        }

            .EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__Action.btnNext:enabled {
                cursor: pointer;
            }

    .EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__ProgressBar {
        display: none;
    }

.forms-loading-container {
    min-height: 20px;
    margin-bottom: 10px;
}

.forms-loading-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 2px;
    background: #94bbdc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: loadingBackgroundColor 1s infinite,loadingSwell 1s infinite;
    -moz-animation: loadingBackgroundColor 1s infinite,loadingSwell 1s infinite;
    animation: loadingBackgroundColor 1s infinite,loadingSwell 1s infinite;
}

    .forms-loading-dot:nth-child(1) {
        -webkit-animation-delay: .1s;
        -moz-animation-delay: .1s;
        animation-delay: .1s;
    }

    .forms-loading-dot:nth-child(2) {
        -webkit-animation-delay: .2s;
        -moz-animation-delay: .2s;
        animation-delay: .2s;
    }

    .forms-loading-dot:nth-child(3) {
        -webkit-animation-delay: .3s;
        -moz-animation-delay: .3s;
        animation-delay: .3s;
    }

    .forms-loading-dot:nth-child(4) {
        -webkit-animation-delay: .4s;
        -moz-animation-delay: .4s;
        animation-delay: .4s;
    }

    .forms-loading-dot:nth-child(5) {
        -webkit-animation-delay: .5s;
        -moz-animation-delay: .5s;
        animation-delay: .5s;
    }

    .forms-loading-dot:nth-child(6) {
        -webkit-animation-delay: .6s;
        -moz-animation-delay: .6s;
        animation-delay: .6s;
    }

    .forms-loading-dot:nth-child(7) {
        -webkit-animation-delay: .7s;
        -moz-animation-delay: .7s;
        animation-delay: .7s;
    }

    .forms-loading-dot:nth-child(8) {
        -webkit-animation-delay: .8s;
        -moz-animation-delay: .8s;
        animation-delay: .8s;
    }

    .forms-loading-dot:nth-child(9) {
        -webkit-animation-delay: .9s;
        -moz-animation-delay: .9s;
        animation-delay: .9s;
    }

@-webkit-keyframes loadingBackgroundColor {
    0% {
        background: #005eab;
    }

    80% {
        background: #94bbdc;
    }
}

@-moz-keyframes loadingBackgroundColor {
    0% {
        background: #005eab;
    }

    80% {
        background: #94bbdc;
    }
}

@keyframes loadingBackgroundColor {
    0% {
        background: #005eab;
    }

    80% {
        background: #94bbdc;
    }
}

@-webkit-keyframes loadingSwell {
    0% {
        width: 10px;
        height: 10px;
        margin: 0;
    }

    40% {
        width: 6px;
        height: 6px;
        margin: 2px;
    }
}

@-moz-keyframes loadingSwell {
    0% {
        width: 10px;
        height: 10px;
        margin: 0;
    }

    40% {
        width: 6px;
        height: 6px;
        margin: 2px;
    }
}

@keyframes loadingSwell {
    0% {
        width: 10px;
        height: 10px;
        margin: 0;
    }

    40% {
        width: 6px;
        height: 6px;
        margin: 2px;
    }
}

.Form__MainBody .ua-form__choice--container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .Form__MainBody .ua-form__choice--container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .Form__MainBody .ua-form__choice--container:hover input ~ .ua-form__choice--checkmark {
        background-color: #bcbdc0;
    }

.Form__MainBody .ua-form__choice--checkbox--checkmark {
    box-sizing: initial;
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fafafa;
    border: 1px solid #000;
    -webkit-border-radius: 20%;
    -moz-border-radius: 20%;
    border-radius: 20%;
}

.Form__MainBody .ua-form__choice--container input:checked ~ .ua-form__choice--checkbox--checkmark {
    background-color: #fafafa;
    border: 1px solid #1e824c;
    -webkit-border-radius: 20%;
    -moz-border-radius: 20%;
    border-radius: 20%;
}

.Form__MainBody .ua-form__choice--checkbox--checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.Form__MainBody .ua-form__choice--container input:checked ~ .ua-form__choice--checkbox--checkmark:after {
    display: block;
}

.Form__MainBody .ua-form__choice--container .ua-form__choice--checkbox--checkmark:after {
    left: 6px;
    top: -4px;
    width: 5px;
    height: 11px;
    border: solid #1e824c;
    border-width: 0 3px 3px 0;
    z-index: 2;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-sizing: initial;
}

.Form__MainBody .ua-form__choice--container input:checked ~ .ua-form__choice--box {
    background-color: #fafafa;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 10px;
    width: 8px;
    height: 8px;
}

.Form__MainBody .ua-form__choice--radio--checkmark {
    box-sizing: initial;
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 14px;
    border: 2px solid #000;
    border-radius: 50%;
}

.Form__MainBody .ua-form__choice--container input:checked ~ .ua-form__choice--radio--checkmark {
    background-color: #fff;
    border-color: #1e824c;
}

.Form__MainBody .ua-form__choice--radio--checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.Form__MainBody .ua-form__choice--container input:checked ~ .ua-form__choice--radio--checkmark:after {
    display: block;
}

.Form__MainBody .ua-form__choice--container .ua-form__choice--radio--checkmark:after {
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #1e824c;
}

.EPiServerForms .summary-wrapper .summary-row {
    margin-bottom: 18px;
}

.EPiServerForms .summary-wrapper .summary-value {
    display: block;
}

.EPiServerForms {
    font-family: "Source Sans Pro",sans-serif;
    line-height: normal;
}

    .EPiServerForms textarea::-webkit-input-placeholder {
        font-family: "Source Sans Pro",sans-serif;
    }

    .EPiServerForms textarea::-moz-placeholder {
        font-family: "Source Sans Pro",sans-serif;
    }

    .EPiServerForms textarea:-ms-input-placeholder {
        font-family: "Source Sans Pro",sans-serif;
    }

    .EPiServerForms textarea:-moz-placeholder {
        font-family: "Source Sans Pro",sans-serif;
    }

    .EPiServerForms .ua-form__title {
        font-size: 16px;
        line-height: normal;
    }

    .EPiServerForms .ua-form__description, .EPiServerForms .ua-form__input--paragraph {
        font-size: 14px;
        line-height: normal;
        font-weight: 400;
    }

    .EPiServerForms .ua-form__choice--label {
        font-size: 16px;
        line-height: normal;
    }

    .EPiServerForms input[type=text], .EPiServerForms select, .EPiServerForms textarea {
        font-family: "Source Sans Pro",sans-serif;
        line-height: normal;
    }

.ua-form__input {
    box-sizing: border-box;
    padding: 8px;
}

.ua-form__full-width-input {
    width: 98%;
    max-width: 450px;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    transition: none;
}
/* eof epi forms*/

#signature-error,
#validation-summary {
    border: 4px solid #c1272d;
    padding: 16px;
    padding: 1rem;
    margin: 0 0 16px 0;
    margin: 0 0 1rem 0;
}

    #signature-error h2,
    #validation-summary h2 {
        margin: 0 0 8px 0;
        margin: 0 0 0.5rem 0;
    }

    #signature-error p,
    #validation-summary p {
        margin: 0 0 8px 0;
        margin: 0 0 0.5rem 0;
    }

    #signature-error ul,
    #validation-summary ul {
        color: #c1272d;
        margin: 0;
    }

article.form a.big-button-cancel,
article.form a.big-button {
    margin: 32px 0 32px 0;
    margin: 2rem 0 2rem 0;
    padding: 4.8px 32px 4.8px 32px;
    padding: 0.3rem 2rem 0.3rem 2rem;
}

article.form .bankid-progress-area {
    margin-bottom: 2em;
}

article.form .bankid-logo-link {
    display: block;
    margin-top: 1em;
    margin-bottom: 2em;
}

article.form .mobilt-bankid-button-area {
    margin-bottom: 2em;
}

article.form .mobilt-bankid-input-area {
    margin-top: 0.5em;
    margin-bottom: 2em;
}

article.form #select-bankid-header {
    margin: 32px 0 16px 0;
    margin: 2rem 0 1rem 0;
}

article.form a.bankid-button {
    display: inline-block;
    color: #FFFFFF;
    background-color: #005EAB;
    text-decoration: none;
    cursor: pointer;
    border: none;
    width: 240px;
    text-align: center;
    margin: 8px 0 8px 0;
    margin: 0.5rem 0 0.5rem 0;
    padding: 9.6px 32px 9.6px 32px;
    padding: 0.6rem 2rem 0.6rem 2rem;
    font-size: 18px;
    font-size: 1.125rem;
}

    article.form a.bankid-button:hover {
        color: #FFFFFF;
        background-color: #2E3091;
    }

article.form iframe {
    border: none;
}

#user-form {
    overflow: hidden;
    margin: 0 0 32px 0;
    margin: 0 0 2rem 0;
}

    #user-form input {
        position: relative;
        padding: .5rem;
        width: 100%;
        margin-left: 0;
    }

        #user-form input[type='checkbox'], #user-form input[type='radio']
        {
            width:auto;
            margin-right:.5rem;
        }

        #user-form .instruction {
            margin: 4.5px 0 7.5px 0;
            font-weight: normal;
            display: block;
        }

    #user-form .server-error-message {
        display: none;
    }

    #user-form .formarea {
        border: none;
        padding: 0;
        margin: 0 0 0 0;
        margin: 0 0 0 0;
        display: block;
    }

        #user-form .formarea > .formarea--legend {
            margin: 0 0 8px 0;
            margin: 0 0 0.5rem 0;
            font-size: 1.25em;
            font-weight: bold;
        }

        #user-form .formarea .fieldlabel {
            font-size: 1em;
        }

    #user-form fieldset .fieldlabel span.mandatory {
        font-size: 1em;
    }

    #user-form .field {
        margin: 0 0 24px 0;
        margin: 0 0 1.5rem 0;
    }

    #user-form .fieldlabel {
        display: block;
        font-size: 1em;
        font-weight: bold;
        line-height: 1.5em;
        margin: 0 0 4.8px 0;
        margin: 0 0 0.3rem 0;
    }

        #user-form .fieldlabel.inline {
            display: inline-block;
            margin: 0 16px 0 0;
            margin: 0 1rem 0 0;
        }

        #user-form .fieldlabel.checkbox, #user-form .fieldlabel.radio {
            font-weight: normal;
            width: auto;
            margin-right: 2rem;
        }

    #user-form input[type=text],
    #user-form input[type=file] {
        width: 100%;
        font-size: 1em;
        background-color: #FFFFFF;
        padding: 0.5em 0.5em 0.5em 0;
        border: 1px solid #bcbdc0;
    }

.remove-file-button, .form-file-add-more, .clear-file-button {
    margin: 0.5em 0 0.5em 0;
}

.form-file-input {
    display: inline-block;
}

.clientside-file-name {
    margin: 0.8em 0.5em 0.5em 0;
}

#user-form textarea {
    width: 100%;
    height: 200px;
    padding: .5rem;
    border: 1px solid #bcbdc0;
}

#user-form input[type=submit] {
    margin: 0 0 32px 0;
    margin: 0 0 2rem 0;
}

#user-form select {
    font-size: 17px;
    font-size: 1.0625rem;
    width: 100%;
    margin: 0 0 32px 0;
    margin: 0 0 2rem 0;
    padding: .5rem;
    border: 1px solid #bcbdc0;
    outline: none;
}

    #user-form select[multiple] {
        width: 100%;
        height: 200px;
        border: 1px solid #bcbdc0;
        padding: .5rem;
    }

#user-form optgroup,
#user-form option {
    font-size: 17px;
    font-size: 1.0625rem;
    font-style: normal;
    padding: 3.2px;
    padding: 0.2rem;
}

    #user-form optgroup > option {
        font-size: 17px;
        font-size: 1.0625rem;
        padding: 3.2px;
        padding: 0.2rem;
    }

#user-form div.radio-area,
#user-form div.checkbox-area {
    margin: 0 0 32px 0;
    margin: 0 0 2rem 0;
}

#user-form span.mandatory {
    color: #c1272d;
    margin: 0 8px;
    margin: 0 0.5rem;
}

#user-form.invalid #validation-summary {
    border: 4px solid #c1272d;
    padding: 20px;
    margin: 0 0 48px 0;
    margin: 0 0 3rem 0;
}

    #user-form.invalid #validation-summary h2 {
        margin: 0 0 8px 0;
        margin: 0 0 0.5rem 0;
    }

    #user-form.invalid #validation-summary p {
        margin: 0 0 8px 0;
        margin: 0 0 0.5rem 0;
    }

    #user-form.invalid #validation-summary ul {
        color: #c1272d;
        margin: 0;
    }

#user-form.invalid .field.input-validation-error {
    border-left: 4px solid #c1272d;
}

#user-form.invalid .field-validation-error {
    color: #c1272d;
    margin: 0 0 8px 0;
    margin: 0 0 0.5rem 0;
}

#user-form.invalid .field {
    padding: 0 0 0 20px;
    padding: 0 0 0 1.25rem;
}

#user-form.invalid .formarea > .formarea--legend,
#user-form.invalid .formarea > .info-container {
    padding: 0 0 0 20px;
    padding: 0 0 0 1.25rem;
}

#user-form.invalid input[type=submit] {
    margin: 0 0 0 24px;
    margin: 0 0 0 1.5rem;
}

#user-form .grey-box {
    width: 100%;
    background-color: #efefef;
    margin: 0 0 4.8px 0;
    margin: 0 0 0.3rem 0;
    padding: 8px 0 8px 6.4px;
    padding: 0.5rem 0 0.5rem 0.4rem;
}


.formblock--button {
    text-align: center;
    display: inline-block;
    min-height: 40px;
    cursor: pointer;
    padding: 0;
    border: transparent;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    margin: 0;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: .2px;
    min-width: 80px;
    padding: 12px 24px;
    background-color: #4c4698;
    background-color: var(--on-surface-color,#4c4698)
}

    .formblock--button,
    .formblock--button:hover,
    .formblock--button:active {
        box-shadow: none;
        -ms-dummyproperty: var(--ie-dummy-prop,inherit)
    }

        .formblock--button[iecp-needed],
        .formblock--button:hover[iecp-needed],
        .formblock--button:active[iecp-needed] {
            --ie-reset-box-shadow: none;
            box-shadow: var(--ie-reset-box-shadow)
        }

        .formblock--button:active {
            background-color: transparent;
            -ms-dummyproperty: var(--ie-dummy-prop,inherit)
        }

            .formblock--button:active[iecp-needed] {
                --ie-reset-background-color: transparent;
                background-color: var(--ie-reset-background-color)
            }

        .formblock--button:focus {
            outline-offset: -6px
        }

        .formblock--button:disabled,
        .formblock--button:disabled:hover {
            -ms-dummyproperty: var(--ie-dummy-prop,inherit);
            background: #8f96a2;
            border-color: transparent;
            -ms-dummyproperty: var(--ie-dummy-prop,inherit);
            color: #fff;
            cursor: not-allowed
        }

            .formblock--button:disabled[iecp-needed],
            .formblock--button:disabled:hover[iecp-needed] {
                --ie-reset-background: #8f96a2;
                background: var(--ie-reset-background)
            }

            .formblock--button:disabled[iecp-needed],
            .formblock--button:disabled:hover[iecp-needed] {
                --ie-reset-color: #fff;
                color: var(--ie-reset-color)
            }

        .formblock--button,
        .formblock--button:visited,
        .formblock--button:focus,
        .formblock--button:hover {
            color: #fff
        }

            .formblock--button:hover,
            .formblock--button:active {
                background-color: #262262;
                background-color: var(--on-background-color,#262262)
            }