/* BEGIN MITID-DESIGN-SYSTEM.CSS */
/* Beautified using https://www.freeformatter.com/css-beautifier.html */
/* Updated to version from PD4 on 2020-12-10 */

@font-face {
    font-family: "IBM Plex Sans";
    src: url("/staticcontentnetbank/fonts/IBMPlexSans-ExtraLightItalic.woff2") format("woff2"), url("/staticcontentnetbank/fonts/IBMPlexSans-ExtraLightItalic.woff") format("woff");
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url("/staticcontentnetbank/fonts/IBMPlexSans-Italic.woff2") format("woff2"), url("/staticcontentnetbank/fonts/IBMPlexSans-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url("/staticcontentnetbank/fonts/IBMPlexSans-MediumItalic.woff2") format("woff2"), url("/staticcontentnetbank/fonts/IBMPlexSans-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url("/staticcontentnetbank/fonts/IBMPlexSans-SemiBold.woff2") format("woff2"), url("/staticcontentnetbank/fonts/IBMPlexSans-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url("/staticcontentnetbank/fonts/IBMPlexSans-ThinItalic.woff2") format("woff2"), url("/staticcontentnetbank/fonts/IBMPlexSans-ThinItalic.woff") format("woff");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url("/staticcontentnetbank/fonts/IBMPlexSans-Medium.woff2") format("woff2"), url("/staticcontentnetbank/fonts/IBMPlexSans-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url("/staticcontentnetbank/fonts/IBMPlexSans.woff2") format("woff2"), url("/staticcontentnetbank/fonts/IBMPlexSans.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url("/staticcontentnetbank/fonts/IBMPlexSans-LightItalic.woff2") format("woff2"), url("/staticcontentnetbank/fonts/IBMPlexSans-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url("/staticcontentnetbank/fonts/IBMPlexSans-Bold.woff2") format("woff2"), url("/staticcontentnetbank/fonts/IBMPlexSans-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url("/staticcontentnetbank/fonts/IBMPlexSans-Thin.woff2") format("woff2"), url("/staticcontentnetbank/fonts/IBMPlexSans-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url("/staticcontentnetbank/fonts/IBMPlexSans-SemiBoldItalic.woff2") format("woff2"), url("/staticcontentnetbank/fonts/IBMPlexSans-SemiBoldItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url("/staticcontentnetbank/fonts/IBMPlexSans-ExtraLight.woff2") format("woff2"), url("/staticcontentnetbank/fonts/IBMPlexSans-ExtraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url("/staticcontentnetbank/fonts/IBMPlexSans-Light.woff2") format("woff2"), url("/staticcontentnetbank/fonts/IBMPlexSans-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "IBM Plex Sans";
    src: url("/staticcontentnetbank/fonts/IBMPlexSans-BoldItalic.woff2") format("woff2"), url("/staticcontentnetbank/fonts/IBMPlexSans-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic
}

h1 {
    line-height: 3.5rem;
    font-weight: bold;
    font-size: 3rem;
    letter-spacing: -0.2px;
    color: #333
}

h2 {
    line-height: 2.5rem;
    font-weight: bold;
    font-size: 2rem;
    letter-spacing: 0;
    color: #333
}

h3 {
    line-height: 2rem;
    font-weight: bold;
    font-size: 1.5rem;
    letter-spacing: 0;
    color: #333
}

h4 {
    line-height: 1.75rem;
    font-weight: bold;
    font-size: 1.25rem;
    letter-spacing: 0;
    color: #333
}

h5 {
    line-height: 1.5rem;
    font-weight: bold;
    font-size: 1rem;
    letter-spacing: 0;
    color: #333
}

h6 {
    line-height: 1.5rem;
    font-weight: bold;
    font-size: .875rem;
    letter-spacing: .2px;
    color: #333
}

.overline {
    line-height: 1.5rem;
    font-weight: bold;
    font-size: .875rem;
    text-decoration: overline;
    text-transform: uppercase;
    color: #333;
    letter-spacing: .8px
}

html,
body,
.mitid--body-regular {
    line-height: 1.5rem;
    font-size: 16px;
    letter-spacing: 0;
    color: #333
}

.mitid-plain {
    background-color: transparent;
}

.mitid--font-weight-light {
    font-weight: 300;
    color: #333
}

.mitid--font-weight-regular {
    font-weight: 400;
    color: #333
}

.mitid--font-weight-medium {
    font-weight: 500;
    color: #333
}

.mitid--font-weight-semi-bold {
    font-weight: 600;
    color: #333
}

.mitid--font-weight-bold {
    font-weight: 700;
    color: #333
}

ul,
ol {
    line-height: 1.5rem;
    font-size: 1rem;
    letter-spacing: 0;
    color: #333
}

body.mitid--body-small {
    line-height: 1.5rem;
    font-size: 14px;
    letter-spacing: .2px;
    color: #333
}

ul.mitid--ul-small,
ol.mitid--ol-small {
    line-height: 1.5rem;
    font-size: .875rem;
    letter-spacing: .2px;
    color: #333
}

.mitid--button-primary {
    position: relative;
    width: 100%;
    cursor: pointer;
    letter-spacing: 0;
    line-height: 1.5rem;
    border-radius: 4px;
    border: none;
    display: inline-flex;
    align-items: center;
    -webkit-flex-shrink: 0;
    outline: none;
    font-weight: 600;
    font-size: 14px;
    vertical-align: middle;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .8px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #0060e6;
    color: #fff;
    border-radius: 4px;
    height: 3rem
}

.mitid--button-primary .mitid--button-label {
    font-weight: 600;
    font-size: .875rem;
    text-transform: uppercase;
    letter-spacing: .8px;
    vertical-align: middle;
    margin-bottom: unset
}

.mitid--button-primary .mitid--button-label:hover {
    cursor: pointer
}

.mitid--button-primary .mitid--button-icon {
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.mitid--button-primary .mitid--button-icon path:last-child {
    fill: currentColor
}

.mitid--button-primary.icon-only {
    margin: .25rem;
    display: inline-flex;
    width: 3rem;
    height: 3rem;
    justify-content: center
}

.mitid--button-primary.label-only {
    margin: .25rem;
    padding: .25rem 1rem .25rem 1rem
}

.mitid--button-primary:not(.icon-only):not(.label-only) {
    padding: .25rem .75rem .25rem 1rem
}

.mitid--button-primary .mitid--button-spacing {
    flex: 1;
    width: 1rem
}

.mitid--button-primary .mitid--button-label {
    line-height: .875rem;
    margin: 0 !important;
    width: unset !important
}

.mitid--button-primary {
    box-shadow: 0 0 0 5px transparent
}

.mitid--button-primary:focus:not(:active) {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #0060e6
}

.mitid--button-primary:hover:not(:disabled) {
    background: #004cb8;
    border-radius: 4px
}

.mitid--button-primary:hover:not(:disabled) .mitid--button-label {
    background: #004cb8;
    color: #fff !important
}

.mitid--button-primary:hover:not(:disabled) .mitid--button-icon {
    color: #fff !important
}

.mitid--button-primary:active:not(:disabled),
.mitid--button-primary:active:not(:disabled) .mitid--button-label,
.mitid--button-primary:active:not(:disabled) .mitid--button-icon {
    background: #00398a;
    position: relative;
    top: 0;
    left: 0
}

.mitid--button-primary:focus:not(:disabled):not(:active) {
    background: #004cb8
}

.mitid--button-primary:disabled {
    background: #000;
    opacity: .2;
    text-decoration: none;
    cursor: not-allowed
}

.mitid--button-primary:disabled .mitid--button-label {
    cursor: not-allowed
}

.mitid--button-secondary {
    position: relative;
    width: 100%;
    cursor: pointer;
    letter-spacing: 0;
    line-height: 1.5rem;
    border-radius: 4px;
    border: none;
    display: inline-flex;
    align-items: center;
    -webkit-flex-shrink: 0;
    outline: none;
    font-weight: 600;
    font-size: 14px;
    vertical-align: middle;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .8px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
    color: #001c44;
    border-radius: 4px;
    border: 1px solid #919191;
    height: 3rem;
    outline: none;
    outline-width: 0
}

.mitid--button-secondary .mitid--button-label {
    margin-bottom: unset
}

.mitid--button-secondary .mitid--button-label:hover {
    cursor: pointer
}

.mitid--button-secondary .mitid--button-icon {
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.mitid--button-secondary .mitid--button-icon path:last-child {
    fill: currentColor
}

.mitid--button-secondary.icon-only {
    margin: .25rem;
    display: inline-flex;
    width: 3rem;
    height: 3rem;
    justify-content: center
}

.mitid--button-secondary.label-only {
    margin: .25rem;
    padding: .25rem 1rem .25rem 1rem
}

.mitid--button-secondary:not(.icon-only):not(.label-only) {
    padding: .25rem .75rem .25rem 1rem
}

.mitid--button-secondary .mitid--button-spacing {
    flex: 1;
    width: 1rem
}

.mitid--button-secondary .mitid--button-label {
    line-height: .875rem;
    margin: 0 !important;
    width: unset !important
}

.mitid--button-secondary .mitid--button-icon {
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.mitid--button-secondary .mitid--button-icon path:last-child {
    fill: currentColor
}

.mitid--button-secondary:not(.icon-only):not(.label-only):hover,
.mitid--button-secondary:not(.icon-only):not(.label-only):focus,
.mitid--button-secondary:not(.icon-only):not(.label-only):disabled {
    padding: .25rem 10px .25rem 1rem
}

.mitid--button-secondary:hover:not(:disabled):not(:active):not(.icon-only) .mitid--button-icon,
.mitid--button-secondary:hover:not(:disabled):not(:active):not(.icon-only) .mitid--button-label {
    position: relative;
    right: 1px
}

.mitid--button-secondary:hover:not(:disabled) {
    border: 2px solid #0060e6
}

.mitid--button-secondary:hover:not(:disabled) .mitid--button-label,
.mitid--button-secondary:hover:not(:disabled) .mitid--button-icon {
    color: #0060e6
}

.mitid--button-secondary:active:not(:disabled) {
    border: 2px solid #00398a
}

.mitid--button-secondary:active:not(:disabled) .mitid--button-label,
.mitid--button-secondary:active:not(:disabled) .mitid--button-icon {
    color: #00398a
}

.mitid--button-secondary {
    box-shadow: 0 0 0 5px transparent
}

.mitid--button-secondary:focus:not(:active) {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #0060e6;
    border: 2px solid #0060e6 !important
}

@supports(-moz-appearance: none) {
    .mitid--button-secondary {
        height: 49px
    }
}

.mitid--button-secondary:focus:not(:disabled):not(.icon-only) .mitid--button-icon,
.mitid--button-secondary:focus:not(:disabled):not(.icon-only) .mitid--button-label {
    position: relative;
    right: 1px
}

.mitid--button-secondary:focus:not(:active) .mitid--button-label,
.mitid--button-secondary:focus:not(:active) .mitid--button-icon {
    color: #0060e6
}

.mitid--button-secondary:disabled {
    border: 1px solid rgba(0, 0, 0, .2);
    color: rgba(0, 0, 0, .4);
    text-decoration: none;
    cursor: not-allowed
}

.mitid--button-secondary:disabled .mitid--button-label {
    cursor: not-allowed
}

.mitid--button-tertiary {
    position: relative;
    width: 100%;
    cursor: pointer;
    letter-spacing: 0;
    line-height: 1.5rem;
    border-radius: 4px;
    border: none;
    display: inline-flex;
    align-items: center;
    -webkit-flex-shrink: 0;
    outline: none;
    font-weight: 600;
    font-size: 14px;
    vertical-align: middle;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .8px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: rgba(0, 96, 230, .05);
    color: #0060e6;
    border-radius: 4px;
    height: 3rem
}

.mitid--button-tertiary .mitid--button-label {
    margin-bottom: unset
}

.mitid--button-tertiary .mitid--button-label:hover {
    cursor: pointer
}

.mitid--button-tertiary .mitid--button-icon {
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.mitid--button-tertiary .mitid--button-icon path:last-child {
    fill: currentColor
}

.mitid--button-tertiary.icon-only {
    margin: .25rem;
    display: inline-flex;
    width: 3rem;
    height: 3rem;
    justify-content: center
}

.mitid--button-tertiary.label-only {
    margin: .25rem;
    padding: .25rem 1rem .25rem 1rem
}

.mitid--button-tertiary:not(.icon-only):not(.label-only) {
    padding: .25rem .75rem .25rem 1rem
}

.mitid--button-tertiary .mitid--button-spacing {
    flex: 1;
    width: 1rem
}

.mitid--button-tertiary .mitid--button-label {
    line-height: .875rem;
    margin: 0 !important;
    width: unset !important
}

.mitid--button-tertiary {
    box-shadow: 0 0 0 5px transparent
}

.mitid--button-tertiary:focus:not(:active) {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #0060e6
}

.mitid--button-tertiary:hover:not(:disabled) {
    background: rgba(0, 96, 230, .2);
    border-radius: 4px
}

.mitid--button-tertiary:hover:not(:disabled) .mitid--button-label,
.mitid--button-tertiary:hover:not(:disabled) .mitid--button-icon {
    color: #004cb8
}

.mitid--button-tertiary:active:not(:disabled) {
    background: rgba(0, 96, 230, .3)
}

.mitid--button-tertiary:active:not(:disabled) .mitid--button-label,
.mitid--button-tertiary:active:not(:disabled) .mitid--button-icon {
    color: #00398a
}

.mitid--button-tertiary:focus:not(:disabled):not(:active) {
    background: rgba(0, 96, 230, .2)
}

.mitid--button-tertiary:disabled {
    background: rgba(0, 0, 0, .02);
    text-decoration: none;
    cursor: not-allowed
}

.mitid--button-tertiary:disabled .mitid--button-icon,
.mitid--button-tertiary:disabled .mitid--button-label {
    color: rgba(0, 0, 0, .3);
    cursor: not-allowed
}

.mitid--button-danger {
    position: relative;
    width: 100%;
    cursor: pointer;
    letter-spacing: 0;
    line-height: 1.5rem;
    border-radius: 4px;
    border: none;
    display: inline-flex;
    align-items: center;
    -webkit-flex-shrink: 0;
    outline: none;
    font-weight: 600;
    font-size: 14px;
    vertical-align: middle;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .8px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #d90000;
    color: #fff;
    border-radius: 4px;
    height: 3rem
}

.mitid--button-danger .mitid--button-label {
    margin-bottom: unset
}

.mitid--button-danger .mitid--button-label:hover {
    cursor: pointer
}

.mitid--button-danger .mitid--button-icon {
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.mitid--button-danger .mitid--button-icon path:last-child {
    fill: currentColor
}

.mitid--button-danger.icon-only {
    margin: .25rem;
    display: inline-flex;
    width: 3rem;
    height: 3rem;
    justify-content: center
}

.mitid--button-danger.label-only {
    margin: .25rem;
    padding: .25rem 1rem .25rem 1rem
}

.mitid--button-danger:not(.icon-only):not(.label-only) {
    padding: .25rem .75rem .25rem 1rem
}

.mitid--button-danger .mitid--button-spacing {
    flex: 1;
    width: 1rem
}

.mitid--button-danger .mitid--button-label {
    line-height: .875rem;
    margin: 0 !important;
    width: unset !important
}

.mitid--button-danger {
    box-shadow: 0 0 0 5px transparent
}

.mitid--button-danger:focus:not(:active) {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #0060e6
}

.mitid--button-danger:hover:not(:disabled) {
    background: #ad0000;
    border-radius: 4px
}

.mitid--button-danger:hover:not(:disabled) .mitid--button-label {
    background: #ad0000;
    color: #fff
}

.mitid--button-danger:hover:not(:disabled) .mitid--button-icon {
    color: #fff
}

.mitid--button-danger:active:not(:disabled),
.mitid--button-danger:active:not(:disabled) .mitid--button-label {
    background: #820000
}

.mitid--button-danger:focus:not(:disabled):not(:active) {
    background: #ad0000
}

.mitid--button-danger:disabled {
    background: #000;
    opacity: .2;
    text-decoration: none;
    cursor: not-allowed
}

.mitid--button-danger:disabled .mitid--button-label {
    cursor: not-allowed
}

.mitid--button-icon {
    border: 0;
    background: transparent;
    margin: 0
}

.mitid--button-loading .mitid--button-icon {
    display: none
}

.mitid--button-danger {
    position: relative;
    width: 100%;
    cursor: pointer;
    letter-spacing: 0;
    line-height: 1.5rem;
    border-radius: 4px;
    border: none;
    display: inline-flex;
    align-items: center;
    -webkit-flex-shrink: 0;
    outline: none;
    font-weight: 600;
    font-size: 14px;
    vertical-align: middle;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .8px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #d90000;
    color: #fff;
    border-radius: 4px;
    height: 3rem
}

.mitid--button-danger .mitid--button-label {
    margin-bottom: unset
}

.mitid--button-danger .mitid--button-label:hover {
    cursor: pointer
}

.mitid--button-danger .mitid--button-icon {
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.mitid--button-danger .mitid--button-icon path:last-child {
    fill: currentColor
}

.mitid--button-danger.icon-only {
    margin: .25rem;
    display: inline-flex;
    width: 3rem;
    height: 3rem;
    justify-content: center
}

.mitid--button-danger.label-only {
    margin: .25rem;
    padding: .25rem 1rem .25rem 1rem
}

.mitid--button-danger:not(.icon-only):not(.label-only) {
    padding: .25rem .75rem .25rem 1rem
}

.mitid--button-danger .mitid--button-spacing {
    flex: 1;
    width: 1rem
}

.mitid--button-danger .mitid--button-label {
    line-height: .875rem;
    margin: 0 !important;
    width: unset !important
}

.mitid--button-danger {
    box-shadow: 0 0 0 5px transparent
}

.mitid--button-danger:focus:not(:active) {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #0060e6
}

.mitid--button-danger:hover:not(:disabled) {
    background: #ad0000;
    border-radius: 4px
}

.mitid--button-danger:hover:not(:disabled) .mitid--button-label {
    background: #ad0000;
    color: #fff
}

.mitid--button-danger:hover:not(:disabled) .mitid--button-icon {
    color: #fff
}

.mitid--button-danger:active:not(:disabled),
.mitid--button-danger:active:not(:disabled) .mitid--button-label {
    background: #820000
}

.mitid--button-danger:focus:not(:disabled):not(:active) {
    background: #ad0000
}

.mitid--button-danger:disabled {
    background: #000;
    opacity: .2;
    text-decoration: none;
    cursor: not-allowed
}

.mitid--button-danger:disabled .mitid--button-label {
    cursor: not-allowed
}

.mitid--button-loader-circular {
    display: none
}

.mitid--button-loading .mitid--button-loader-circular {
    display: block;
    -webkit-animation: mitid-core--loader-rotate 2s linear infinite;
    animation: mitid-core--loader-rotate 2s linear infinite;
    height: 2.5rem;
    transform-origin: center center;
    width: 2.5rem;
    position: absolute;
    right: 4px;
    top: 4px;
    margin: auto;
    z-index: 10
}

.mitid--button-loading .mitid--button-loader-path {
    stroke-linecap: round;
    stroke: #3380eb;
    stroke-width: 5px
}

.mitid--button-loading .mitid--button-loader-path-white {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: mitid-core--loader-dash 1.5s ease-in-out infinite;
    animation: mitid-core--loader-dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: #fff;
    stroke-width: 6px
}

@-webkit-keyframes mitid-core--loader-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes mitid-core--loader-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes mitid-core--loader-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes mitid-core--loader-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

.mitid--link-button-primary {
    border: none;
    margin: 0;
    overflow: visible;
    background: transparent;
    align-items: unset;
    line-height: 1.5rem;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    padding: 2px;
    margin-left: -4px;
    width: auto;
    height: 34px;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-decoration: none;
    color: #001c44;
    outline: none;
    border-radius: 4px;
    border: 3px solid transparent
}

.mitid--link-button-primary .mitid--button-label {
    display: inline-block;
    text-decoration: none;
    letter-spacing: 0;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mitid--link-button-primary:not(:disabled):focus:not(:active) {
    text-decoration: underline
}

.mitid--link-button-primary:not(:disabled):active {
    text-decoration: underline
}

.mitid--link-button-primary:not(:disabled):hover label {
    border-bottom: 2px solid #004cb8;
    text-decoration: underline
}

.mitid--link-button-primary:not(:disabled):focus:not(:active) label {
    border-bottom: 2px solid #004cb8
}

.mitid--link-button-primary:not(:disabled):not(:disabled):active label {
    border-bottom: 2px solid #00398a
}

.mitid--link-button-primary:not(:disabled):not(:disabled):active label {
    border-bottom: 2px solid #00398a
}

.mitid--link-button-primary:hover:not(:disabled) {
    color: #004cb8;
    text-decoration: none
}

.mitid--link-button-primary:hover:not(:disabled) .mitid--button-label {
    text-decoration: underline
}

.mitid--link-button-primary:hover:not(:disabled) i>svg>path,
.mitid--link-button-primary:hover:not(:disabled) i>svg g g path {
    fill: #004cb8
}

.mitid--link-button-primary:focus:not(:active) {
    color: #004cb8;
    text-decoration: none;
    border: 3px solid #0060e6
}

.mitid--link-button-primary:focus:not(:active) .mitid--button-label {
    text-decoration: underline
}

.mitid--link-button-primary:focus:not(:active) i>svg>path,
.mitid--link-button-primary:focus:not(:active) i>svg g g path {
    fill: #004cb8
}

.mitid--link-button-primary:active:not(:disabled),
.mitid--link-button-primary:active:visited:not(:disabled) {
    color: #00398a;
    text-decoration: underline
}

.mitid--link-button-primary:active:not(:disabled) .mitid--button-label,
.mitid--link-button-primary:active:visited:not(:disabled) .mitid--button-label {
    text-decoration: underline
}

.mitid--link-button-primary:active:not(:disabled) i>svg>path,
.mitid--link-button-primary:active:not(:disabled) i>svg g g path,
.mitid--link-button-primary:active:visited:not(:disabled) i>svg>path,
.mitid--link-button-primary:active:visited:not(:disabled) i>svg g g path {
    fill: #00398a
}

.mitid--link-button-primary.mitid--link-button-primary-icon:not(:disabled) {
    padding: 2px !important;
    height: 2.75rem !important;
    line-height: 2.75rem !important;
    padding: .8rem .25rem .8rem .25rem !important
}

.mitid--link-button-primary.mitid--link-button-primary-icon:not(:disabled) i {
    left: -4px !important
}

.mitid--checkbox {
    font-weight: 500;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    display: flex;
    position: relative;
    margin: 1em 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex-direction: row-reverse;
    align-items: top;
    justify-content: flex-end;
    cursor: pointer;
}

@supports(-ms-ime-align: auto) {
    .mitid--checkbox {
        flex-direction: unset;
        align-items: unset;
        justify-content: unset
    }
}

.mitid--checkbox.mitid--checkbox-inline {
    display: inline-block
}

.mitid--checkbox.mitid--checkbox-inline label {
    padding-left: 2rem
}

.mitid--checkbox div {
    z-index: 12;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    border-radius: 4px;
    background-repeat: no-repeat;
    box-sizing: border;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%230060E6;%7D .st2%7Bfill:%230060E6;%7D%0A%3C/style%3E%3Cg id='Checkbox'%3E%3Cg id='checkbox-_x2F_-05-selected' transform='translate(-3.000000, -11.000000)'%3E%3Cg id='check_box' transform='translate(0.000000, 8.000000)'%3E%3Crect id='_x23_' x='6' y='6' class='st0' width='24' height='24'/%3E%3Cpath id='Shape' class='st1' d='M25,9H11c-1.1,0-2,0.9-2,2v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V11C27,9.9,26.1,9,25,9z M16.7,22.3c-0.2,0.2-0.4,0.3-0.7,0.3c-0.3,0-0.5-0.1-0.7-0.3l-3.6-3.6c-0.3-0.3-0.4-0.6-0.3-1s0.4-0.6,0.7-0.7 c0.3-0.1,0.7,0,1,0.3l2.9,2.9l6.9-6.9c0.3-0.3,0.6-0.4,1-0.3c0.3,0.1,0.6,0.4,0.7,0.7s0,0.7-0.3,1L16.7,22.3L16.7,22.3z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='focus'%3E%3Cpath class='st2' d='M24.5,30h-19c-3,0-5.5-2.5-5.5-5.5v-19C0,2.5,2.5,0,5.5,0h19c3,0,5.5,2.5,5.5,5.5v19C30,27.5,27.5,30,24.5,30z M5.5,3C4.1,3,3,4.1,3,5.5v19C3,25.9,4.1,27,5.5,27h19c1.4,0,2.5-1.1,2.5-2.5v-19C27,4.1,25.9,3,24.5,3H5.5z'/%3E%3C/g%3E%3C/svg%3E%0A");
    z-index: 99;
    margin-top: -3px
}

@supports(-ms-ime-align: auto) {
    .mitid--checkbox div {
        float: left
    }
}

.mitid--checkbox input[type=checkbox] {
    position: absolute;
    outline: 0;
    opacity: 0;
    margin: 0;
    top: 0;
    left: 0;
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    font-size: inherit;
    z-index: 5;
    cursor: pointer;
}

.mitid--checkbox input[type=checkbox]:checked {
    z-index: 10
}

.mitid--checkbox input[type=checkbox]:checked~div {
    position: relative;
    left: 0px;
    z-index: 4;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%230060E6;%7D%0A%3C/style%3E%3Cg id='Checkbox'%3E%3Cg id='checkbox-_x2F_-05-selected' transform='translate(-3.000000, -11.000000)'%3E%3Cg id='check_box' transform='translate(0.000000, 8.000000)'%3E%3Crect id='_x23_' x='6' y='6' class='st0' width='24' height='24'/%3E%3Cpath id='Shape' class='st1' d='M25,9H11c-1.1,0-2,0.9-2,2v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V11C27,9.9,26.1,9,25,9z M16.7,22.3c-0.2,0.2-0.4,0.3-0.7,0.3c-0.3,0-0.5-0.1-0.7-0.3l-3.6-3.6c-0.3-0.3-0.4-0.6-0.3-1s0.4-0.6,0.7-0.7 c0.3-0.1,0.7,0,1,0.3l2.9,2.9l6.9-6.9c0.3-0.3,0.6-0.4,1-0.3c0.3,0.1,0.6,0.4,0.7,0.7s0,0.7-0.3,1L16.7,22.3L16.7,22.3z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.mitid--checkbox input[type=checkbox]:checked:focus~div {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%230060E6;%7D .st2%7Bfill:%230060E6;%7D%0A%3C/style%3E%3Cg id='Checkbox'%3E%3Cg id='checkbox-_x2F_-05-selected' transform='translate(-3.000000, -11.000000)'%3E%3Cg id='check_box' transform='translate(0.000000, 8.000000)'%3E%3Crect id='_x23_' x='6' y='6' class='st0' width='24' height='24'/%3E%3Cpath id='Shape' class='st1' d='M25,9H11c-1.1,0-2,0.9-2,2v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V11C27,9.9,26.1,9,25,9z M16.7,22.3c-0.2,0.2-0.4,0.3-0.7,0.3c-0.3,0-0.5-0.1-0.7-0.3l-3.6-3.6c-0.3-0.3-0.4-0.6-0.3-1s0.4-0.6,0.7-0.7 c0.3-0.1,0.7,0,1,0.3l2.9,2.9l6.9-6.9c0.3-0.3,0.6-0.4,1-0.3c0.3,0.1,0.6,0.4,0.7,0.7s0,0.7-0.3,1L16.7,22.3L16.7,22.3z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='focus'%3E%3Cpath class='st2' d='M24.5,30h-19c-3,0-5.5-2.5-5.5-5.5v-19C0,2.5,2.5,0,5.5,0h19c3,0,5.5,2.5,5.5,5.5v19C30,27.5,27.5,30,24.5,30z M5.5,3C4.1,3,3,4.1,3,5.5v19C3,25.9,4.1,27,5.5,27h19c1.4,0,2.5-1.1,2.5-2.5v-19C27,4.1,25.9,3,24.5,3H5.5z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.mitid--checkbox input[type=checkbox]:not(:checked) {
    z-index: 10
}

.mitid--checkbox input[type=checkbox]:not(:checked)~div {
    position: relative;
    left: 0px;
    z-index: 4;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23001C44;%7D%0A%3C/style%3E%3Cg id='Checkbox'%3E%3Cg id='checkbox-_x2F_-03-active' transform='translate(-3.000000, -11.000000)'%3E%3Cg id='check_box_outline_blank' transform='translate(0.000000, 8.000000)'%3E%3Crect id='_x23_' x='6' y='6' class='st0' width='24' height='24'/%3E%3Cpath id='Shape' class='st1' d='M24,25H12c-0.6,0-1-0.5-1-1V12c0-0.6,0.4-1,1-1h12c0.5,0,1,0.4,1,1v12C25,24.5,24.5,25,24,25z M25,9H11c-1.1,0-2,0.9-2,2v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V11C27,9.9,26.1,9,25,9z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.mitid--checkbox input[type=checkbox]:not(:checked):hover {
    z-index: 10
}

.mitid--checkbox input[type=checkbox]:not(:checked):hover~div {
    position: relative;
    left: 0px;
    z-index: 4;
    opacity: 1;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%230060E6;%7D%0A%3C/style%3E%3Cg id='Checkbox'%3E%3Cg id='checkbox-_x2F_-03-active' transform='translate(-3.000000, -11.000000)'%3E%3Cg id='check_box_outline_blank' transform='translate(0.000000, 8.000000)'%3E%3Crect id='_x23_' x='6' y='6' class='st0' width='24' height='24'/%3E%3Cpath id='Shape' class='st1' d='M24,25H12c-0.6,0-1-0.5-1-1V12c0-0.6,0.4-1,1-1h12c0.5,0,1,0.4,1,1v12C25,24.5,24.5,25,24,25z M25,9H11c-1.1,0-2,0.9-2,2v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V11C27,9.9,26.1,9,25,9z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.mitid--checkbox input[type=checkbox]:not(:checked):focus {
    z-index: 10
}

.mitid--checkbox input[type=checkbox]:not(:checked):focus~div {
    position: relative;
    left: 0px;
    z-index: 4;
    opacity: 1;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30' height='30' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%230060E6;%7D .st2%7Bfill:%230060E6;%7D%0A%3C/style%3E%3Cg id='Checkbox'%3E%3Cg id='checkbox-_x2F_-03-active' transform='translate(-3.000000, -11.000000)'%3E%3Cg id='check_box_outline_blank' transform='translate(0.000000, 8.000000)'%3E%3Crect id='_x23_' x='6' y='6' class='st0' width='24' height='24'/%3E%3Cpath id='Shape' class='st1' d='M24,25H12c-0.6,0-1-0.5-1-1V12c0-0.6,0.4-1,1-1h12c0.5,0,1,0.4,1,1v12C25,24.5,24.5,25,24,25z M25,9H11c-1.1,0-2,0.9-2,2v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V11C27,9.9,26.1,9,25,9z' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='focus'%3E%3Cpath class='st2' d='M24.5,30h-19c-3,0-5.5-2.5-5.5-5.5v-19C0,2.5,2.5,0,5.5,0h19c3,0,5.5,2.5,5.5,5.5v19C30,27.5,27.5,30,24.5,30z M5.5,3C4.1,3,3,4.1,3,5.5v19C3,25.9,4.1,27,5.5,27h19c1.4,0,2.5-1.1,2.5-2.5v-19C27,4.1,25.9,3,24.5,3H5.5z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.mitid--checkbox input[type=checkbox]:disabled+label {
    color: rgba(0, 0, 0, .3)
}

.mitid--checkbox label {
    cursor: pointer;
    position: relative;
    font-weight: 700 !important;
    font-size: 1rem;
    color: #001c44;
    outline: 0;
    margin: 0;
    top: 0px;
    left: 2px;
    line-height: 1.5rem;
    padding-left: .75rem !important;
    text-transform: none !important;
    letter-spacing: 0;
    z-index: 2;
    text-transform: unset !important
}

.mitid--divider {
    border-radius: 0;
    height: 1px;
    border: none;
    background: rgba(0, 0, 0, .2)
}

.mitid--divider-light {
    border-radius: 0;
    height: 1px;
    border: none;
    background: rgba(0, 0, 0, .1)
}

.mitid--divider-lighter {
    border-radius: 0;
    height: 1px;
    border: none;
    background: rgba(0, 0, 0, .05)
}

.mitid--link-primary {
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5rem;
    color: #001c44;
    text-decoration: none;
    outline: none;
    border-radius: 4px;
    padding: 0 2px;
    cursor: pointer;
    border: 3px solid transparent;
    position: relative;
    left: -5px;
    min-height: 44px;
}

.mitid--link-primary:hover,.mitid--link-primary:focus {
    text-decoration:underline;
    color:#004cb8
}
.mitid--link-primary:focus {
    box-shadow:0 0 0 3px #0060e6
}

.mitid--link-primary:active {
    color:#00398a;
    text-decoration:underline
}

.mitid--link-secondary {
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5rem;
    color: #001c44;
    text-decoration: none;
    outline: none;
    padding: 0 2px;
    border: 3px solid transparent
}

.mitid--link-secondary:hover,
.mitid--link-secondary:focus {
    color: #0060e6;
    text-decoration: underline
}

.mitid--link-secondary:focus {
    padding: 0 2px;
    border: 3px solid #0060e6;
    border-radius: 4px
}

.mitid--link-secondary:active,
.mitid--link-secondary:active:visited {
    color: #00398a;
    text-decoration: underline
}

.mitid--link-secondary:visited {
    color: #8126ff;
    text-decoration: underline
}

.mitid--link-inline {
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5rem;
    color: #0060e6;
    text-decoration: none;
    outline: none;
    text-decoration: underline;
    padding: 0 2px;
    border: 3px solid transparent
}

.mitid--link-inline:hover,
.mitid--link-inline:focus {
    color: #004cb8
}

.mitid--link-inline:focus {
    padding: 0 2px;
    border: 3px solid #0060e6;
    border-radius: 4px
}

.mitid--link-inline:active,
.mitid--link-inline:active:visited {
    color: #00398a
}

.mitid--link-inline:visited {
    color: #8126ff
}

.mitid--link-primary-small {
    font-weight: 500;
    font-size: .875rem;
    letter-spacing: .2px;
    line-height: 1.5rem;
    color: #0060e6;
    text-decoration: none;
    outline: none;
    padding: 0 2px;
    border: 3px solid transparent
}

.mitid--link-primary-small:hover,
.mitid--link-primary-small:focus {
    color: #004cb8;
    text-decoration: underline
}

.mitid--link-primary-small:focus {
    padding: 0 2px;
    border: 3px solid #0060e6;
    border-radius: 4px
}

.mitid--link-primary-small:active,
.mitid--link-primary-small:active:visited {
    color: #00398a;
    text-decoration: underline
}

.mitid--link-primary-small:visited {
    color: #8126ff;
    text-decoration: underline
}

.mitid--link-secondary-small {
    font-weight: 500;
    font-size: .875rem;
    letter-spacing: .2px;
    line-height: 1.5rem;
    color: #001c44;
    text-decoration: none;
    outline: none;
    padding: 0 2px;
    border: 3px solid transparent
}

.mitid--link-secondary-small:hover,
.mitid--link-secondary-small:focus {
    color: #0060e6;
    text-decoration: underline
}

.mitid--link-secondary-small:focus {
    padding: 0 2px;
    border: 3px solid #0060e6;
    border-radius: 4px
}

.mitid--link-secondary-small:active,
.mitid--link-secondary-small:active:visited {
    color: #00398a;
    text-decoration: underline
}

.mitid--link-secondary-small:visited {
    color: #8126ff;
    text-decoration: underline
}

.mitid--link-inline-small {
    font-weight: 500;
    font-size: .875rem;
    letter-spacing: .2px;
    line-height: 1.5rem;
    color: #0060e6;
    text-decoration: none;
    outline: none;
    text-decoration: underline;
    padding: 0 2px;
    border: 3px solid transparent
}

.mitid--link-inline-small:hover,
.mitid--link-inline-small:focus {
    color: #004cb8
}

.mitid--link-inline-small:focus {
    padding: 0 2px;
    border: 3px solid #0060e6;
    border-radius: 4px
}

.mitid--link-inline-small:active,
.mitid--link-inline-small:active:visited {
    color: #00398a
}

.mitid--link-inline-small:visited {
    color: #8126ff
}

.mitid--link-disabled {
    display: inline-block;
    cursor: not-allowed;
    pointer-events: none;
    color: rgba(0, 0, 0, .3) !important;
    outline: none !important;
    text-decoration: none;
    outline-style: none;
    border: 3px solid transparent
}

.mitid--notification {
    color: #333;
    background: rgba(0, 96, 230, .05);
    position: relative;
    margin-bottom: 1rem;
    display: block;
    line-height: 1rem;
    width: 336px;
}
#errorNotificationLink .mitid-core-text-button__icon {
    top: 0;
}

.mitid--notification .mitid--notification-icon {
    width: 24px
}

.mitid--notification .mitid--link-primary {
    margin: -5px
}

.mitid--notification.mitid--notification-info {
    color: #333;
    background: rgba(0, 96, 230, .05);
    background-color: rgba(0, 96, 230, .05);
    color: #000;
    border: 1px solid rgba(0, 96, 230, .2)
}

.mitid--notification.mitid--notification-info:disabled {
    color: #fff;
    background-color: rgba(0, 0, 0, .2);
    text-decoration: none;
    cursor: not-allowed
}

.mitid--notification.mitid--notification-info .button__icon path {
    fill: currentColor
}

.mitid--notification.mitid--notification-info:before {
    content: " ";
    background-image: url("data:image/svg+xml, %3Csvg fill='%230060e6' xmlns='http://www.w3.org/2000/svg' width='24' height='24' %3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E");
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    left: 16px;
    float: left
}

.mitid--notification h4 {
    margin: 0;
    font-size: 16px
}

.mitid--notification .mitid--notification-icon {
    margin-right: 16px
}

.mitid--notification.mitid--notification-success {
    color: #333;
    background: rgba(0, 96, 230, .05);
    background-color: rgba(0, 128, 43, .05);
    color: #000;
    border: 1px solid rgba(0, 128, 43, .2)
}

.mitid--notification.mitid--notification-success:disabled {
    color: #fff;
    background-color: rgba(0, 0, 0, .2);
    text-decoration: none;
    cursor: not-allowed
}

.mitid--notification.mitid--notification-success .button__icon path {
    fill: currentColor
}

.mitid--notification.mitid--notification-success:before {
    content: " ";
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300802b' width='24' height='24' %3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    left: 16px;
    float: left
}

.mitid--notification.mitid--notification-warning {
    color: #333;
    background: rgba(0, 96, 230, .05);
    background-color: #fffbf2;
    color: #000;
    border: 1px solid rgba(254, 171, 0, .2)
}

.mitid--notification.mitid--notification-warning:disabled {
    color: #fff;
    background-color: rgba(0, 0, 0, .2);
    text-decoration: none;
    cursor: not-allowed
}

.mitid--notification.mitid--notification-warning .button__icon path {
    fill: currentColor
}

.mitid--notification.mitid--notification-warning:before {
    content: " ";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg fill='%23feab00' width='24px' height='24px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EF7BD9E59-0FBF-4F1C-98E3-A2E0D17E6185@1.00x%3C/title%3E%3Cg id='Components' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Iconography' transform='translate(-357.000000, -914.000000)'%3E%3Cg id='checkbox-/-01-enabled' transform='translate(357.000000, 914.000000)'%3E%3Cg id='notification'%3E%3Cg id='icon'%3E%3Cg id='icons/alert/error_outline'%3E%3Cg id='error'%3E%3Crect id='%23' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M32,5.33333333 C17.28,5.33333333 5.33333333,17.28 5.33333333,32 C5.33333333,46.72 17.28,58.6666667 32,58.6666667 C46.72,58.6666667 58.6666667,46.72 58.6666667,32 C58.6666667,17.28 46.72,5.33333333 32,5.33333333 Z' id='Shape' fill='%23FEAB00'%3E%3C/path%3E%3Cpath d='M32,34.6666667 C30.5333333,34.6666667 29.3333333,33.4666667 29.3333333,32 L29.3333333,21.3333333 C29.3333333,19.8666667 30.5333333,18.6666667 32,18.6666667 C33.4666667,18.6666667 34.6666667,19.8666667 34.6666667,21.3333333 L34.6666667,32 C34.6666667,33.4666667 33.4666667,34.6666667 32,34.6666667 Z' id='Path' fill='%23000000'%3E%3C/path%3E%3Cpolygon id='Path' fill='%23000000' points='34.6666667 45.3333333 29.3333333 45.3333333 29.3333333 40 34.6666667 40'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    left: 16px;
    float: left
}

.mitid--notification.mitid--notification-danger {
    color: #333;
    background: rgba(0, 96, 230, .05);
    background-color: rgba(217, 0, 0, .05);
    color: #000;
    border: 1px solid rgba(217, 0, 0, .2)
}

.mitid--notification.mitid--notification-danger:disabled {
    color: #fff;
    background-color: rgba(0, 0, 0, .2);
    text-decoration: none;
    cursor: not-allowed
}

.mitid--notification.mitid--notification-danger .button__icon path {
    fill: currentColor
}

.mitid--notification.mitid--notification-danger:before {
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23d90000' fill-rule='evenodd' d='M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z'/%3E%3C/svg%3E");
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    left: 16px;
    float: left
}

.mitid--notification .mitid--notification-header {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px
}

.mitid--notification .mitid--notification-footer {
    font-weight: 400;
    font-size: 16px
}

.mitid--form-item .mitid--popover-wrapper {
    width: 100%
}

.mitid--form-item .mitid--label-with-popover {
    display: flex;
    align-items: center;
    height: 2rem;
    z-index: 999
}

.mitid--form-item .mitid--label-with-popover .mitid--icon-label {
    display: flex;
    align-items: center
}

.mitid--form-item .mitid--label-with-popover .mitid--icon-label i {
    position: relative;
    top: 3px;
    margin-right: .5rem
}

.mitid--form-item .mitid--icon-popover:before {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    top: 4px;
    left: 6px;
    border: 0;
    line-height: 1rem;
    width: 1rem;
    height: 1rem;
    padding: 0;
    outline: none !important;
    display: inline-block;
    border-radius: .25rem;
    content: "  ";
    position: relative;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' viewBox='0 0 24 24' width='16'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath fill='%23001C44' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-4h2v2h-2zm1.61-9.96c-2.06-.3-3.88.97-4.43 2.79-.18.58.26 1.17.87 1.17h.2c.41 0 .74-.29.88-.67.32-.89 1.27-1.5 2.3-1.28.95.2 1.65 1.13 1.57 2.1-.1 1.34-1.62 1.63-2.45 2.88 0 .01-.01.01-.01.02-.01.02-.02.03-.03.05-.09.15-.18.32-.25.5-.01.03-.03.05-.04.08-.01.02-.01.04-.02.07-.12.34-.2.75-.2 1.25h2c0-.42.11-.77.28-1.07.02-.03.03-.06.05-.09.08-.14.18-.27.28-.39.01-.01.02-.03.03-.04.1-.12.21-.23.33-.34.96-.91 2.26-1.65 1.99-3.56-.24-1.74-1.61-3.21-3.35-3.47z'/%3E%3C/svg%3E") no-repeat center center
}

.mitid--form-item .mitid--icon-popover:before::-moz-focus-inner {
    border: 0
}

.mitid--form-item .mitid--icon-popover:hover:before,
.mitid--form-item .mitid--icon-popover:focus:before {
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' viewBox='0 0 24 24' width='16'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath fill='%230060E6' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-4h2v2h-2zm1.61-9.96c-2.06-.3-3.88.97-4.43 2.79-.18.58.26 1.17.87 1.17h.2c.41 0 .74-.29.88-.67.32-.89 1.27-1.5 2.3-1.28.95.2 1.65 1.13 1.57 2.1-.1 1.34-1.62 1.63-2.45 2.88 0 .01-.01.01-.01.02-.01.02-.02.03-.03.05-.09.15-.18.32-.25.5-.01.03-.03.05-.04.08-.01.02-.01.04-.02.07-.12.34-.2.75-.2 1.25h2c0-.42.11-.77.28-1.07.02-.03.03-.06.05-.09.08-.14.18-.27.28-.39.01-.01.02-.03.03-.04.1-.12.21-.23.33-.34.96-.91 2.26-1.65 1.99-3.56-.24-1.74-1.61-3.21-3.35-3.47z'/%3E%3C/svg%3E") no-repeat center center !important
}

.mitid--form-item .mitid--icon-popover:focus:before {
    box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 5px #0060e6
}

.mitid--form-item .mitid--icon-popover {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    line-height: 1.5rem;
    width: 44px;
    height: 44px;
    padding: 0;
    position: relative;
    top: 6px;
    left: .3rem;
    background-color: transparent;
    outline: none !important;
    display: flex;
    position: relative;
    border-radius: .25rem;
    justify-items: center;
    align-items: baseline
}

.mitid--form-item .mitid--icon-popover::-moz-focus-inner {
    border: 0
}

.mitid--form-item .mitid--icon-close-popover {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    margin-bottom: 8px;
    margin-left: 4px;
    line-height: 24px;
    width: 16px;
    height: 16px;
    outline: none !important;
    display: inline-block;
    border-radius: 4px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23001C44' fill-rule='evenodd' d='M18.3 5.71a.996.996 0 00-1.41 0L12 10.59 7.11 5.7A.997.997 0 105.7 7.11L10.59 12 5.7 16.89a.997.997 0 101.41 1.41L12 13.41l4.89 4.89a.997.997 0 001.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z'/%3E%3C/svg%3E") no-repeat center center
}

.mitid--form-item .mitid--icon-close-popover:hover,
.mitid--form-item .mitid--icon-close-popover:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23001C44' fill-rule='evenodd' d='M18.3 5.71a.996.996 0 00-1.41 0L12 10.59 7.11 5.7A.997.997 0 105.7 7.11L10.59 12 5.7 16.89a.997.997 0 101.41 1.41L12 13.41l4.89 4.89a.997.997 0 001.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z'/%3E%3C/svg%3E")
}

.mitid--form-item .mitid--icon-close-popover:focus {
    box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 5px #0060e6
}

.mitid--form-item .mitid--popover-content {
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23001C44' fill-rule='evenodd' d='M18.3 5.71a.996.996 0 00-1.41 0L12 10.59 7.11 5.7A.997.997 0 105.7 7.11L10.59 12 5.7 16.89a.997.997 0 101.41 1.41L12 13.41l4.89 4.89a.997.997 0 001.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z'/%3E%3C/svg%3E") top right no-repeat;
    display: none;
    color: #333;
    font-size: 16px;
    left: 4px;
    letter-spacing: 0px;
    line-height: 24px;
    font-weight: normal;
    font-style: normal;
    position: relative;
    padding: 0;
    text-decoration: none;
    color: #000;
    list-style: none;
    text-align: left;
    letter-spacing: 0px;
    z-index: 999
}

.mitid--form-item .mitid--popover-content-inner {
    position: absolute;
    width: 336px;
    min-width: 336px;
    max-width: 336px;
    left: -4px;
    padding: 1rem 2rem 1rem 1rem;
    background-color: #fff;
    color: #333;
    border-radius: 4px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .3);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    letter-spacing: 0px;
    z-index: 998
}

.mitid--form-item .mitid--popover-content-inner .mitid--link-primary {
    position: relative;
    left: -4px
}

.mitid--form-item .mitid--popover-content-inner .mitid--popover-header {
    margin-bottom: .5rem;
    line-height: 1.5rem;
    font-weight: bold;
    font-size: 1rem;
    letter-spacing: 0;
    color: #333;
    padding-right: 1rem
}

.mitid--form-item .mitid--popover-content-inner button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    background-color: #fff;
    outline: none;
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23001C44' fill-rule='evenodd' d='M18.3 5.71a.996.996 0 00-1.41 0L12 10.59 7.11 5.7A.997.997 0 105.7 7.11L10.59 12 5.7 16.89a.997.997 0 101.41 1.41L12 13.41l4.89 4.89a.997.997 0 001.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z'/%3E%3C/svg%3E")
}

.mitid--form-item .mitid--popover-content-inner button::-moz-focus-inner {
    outline: none;
    border: 0
}

.mitid--show-popover {
    min-width: 320px;
    z-index: 999;
    position: relative
}

.mitid--show-popover .mitid--label-with-popover .icon:before {
    display: block
}

.mitid--show-popover .mitid--popover-content {
    display: flex
}

.mitid--popover-overlay {
    z-index: 998;
    position: fixed;
    border: 0;
    margin: 0;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

input.mitid--input-field-text {
    color: #333;
    padding: .6875rem 1rem .6875rem 1rem;
    border-radius: .25rem;
    border: 0;
    border: 1px solid #919191;
    align-items: center;
    justify-content: space-between;
    -webkit-flex-shrink: 0;
    width: 100%;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem
}

.mitid--input-field-text::-ms-clear {
    display: none
}

.mitid--search-input-field {
    width: 100% !important;
    min-width: 160px
}

.mitid--search-input-field>button,
.mitid--search-input-field span>button {
    position: absolute;
    top: 2px;
    top: 0;
    bottom: 0;
    right: 0;
    font-weight: 500 !important;
    line-height: 1.5rem;
    font-size: 1rem;
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px !important;
    background: transparent;
    width: 3rem !important;
    border: none;
    outline: none;
    margin: 0;
    padding: 0
}

.mitid--search-input-field input[type=text] {
    padding: 0 3rem 0 3rem !important
}

.mitid--search-input-field input[type=reset] {
    display: none !important
}

.mitid--search-input-field:hover input:not(:focus):not(:disabled) {
    padding: 0 3rem 0 2.9375rem !important
}

.mitid--search-input-field input:focus:not(:disabled) {
    padding: 0 3rem 0 2.9375rem !important
}

.mitid--search-input-field .mitid--search-icon {
    left: -1px;
    position: absolute;
    z-index: 1
}

.mitid--search-input-field .mitid--search-reset {
    position: absolute;
    z-index: 1
}

.mitid--search-input-field .mitid--input-icon {
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.mitid--search-input-field .mitid--input-icon path:last-child {
    fill: currentColor
}

.mitid--pw-input-field {
    max-width: 400px
}

.mitid--pw-input-field input[type=password] {
    padding: 0 3.375rem 0 1rem
}

.mitid--pw-input-field input[type=text] {
    padding: 0 3.8rem 0 1rem
}

.mitid--pw-input-field div[role=button] {
    position: absolute;
    top: 2px;
    top: 0;
    bottom: 0;
    right: 0;
    font-weight: 500 !important;
    line-height: 1.5rem;
    font-size: 1rem;
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px !important;
    background: transparent;
    width: 3.6rem !important;
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.mitid--pw-input-field input:disabled~span div[role=button] {
    pointer-events: none;
    background: transparent;
    color: rgba(0, 0, 0, .4) !important
}

.mitid--pw-input-field input:disabled~span div[role=button] label {
    pointer-events: none;
    background: transparent;
    color: rgba(0, 0, 0, .4) !important
}

.mitid--input-field {
    width: 100%;
    max-width: 100%;
    min-width: 200px;
    display: inline-block;
    position: relative
}

.mitid--input-field input[type=text] {
    padding: 0 14px
}

.mitid--input-field.mitid--input-error>input:not(:disabled) {
    border: 2px solid #d90000;
    padding: 0 .9375rem
}

.mitid--input-field input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    border-style: solid;
    border-radius: .25rem;
    caret-color: #0060e6;
    outline: none;
    height: 48px;
    width: 100%;
    padding: 0;
    font-weight: 500 !important;
    font-size: 1rem;
    letter-spacing: 0;
    border: 1px solid #919191;
    box-sizing: border-box;
    color: #333
}

.mitid--input-field input::-moz-placeholder {
    font-weight: 500 !important;
    color: #333 !important;
    opacity: 1
}

.mitid--input-field input:-ms-input-placeholder {
    font-weight: 500 !important;
    color: #333 !important;
    opacity: 1
}

.mitid--input-field input::placeholder {
    font-weight: 500 !important;
    color: #333 !important;
    opacity: 1
}

.mitid--input-field input:-ms-input-placeholder {
    font-weight: 500 !important;
    color: #333 !important
}

.mitid--input-field input::-ms-input-placeholder {
    font-weight: 500 !important;
    color: #333 !important
}

.mitid--input-field input::-ms-clear,
.mitid--input-field input::-ms-reveal {
    display: none
}

.mitid--input-field input:focus {
    background: rgba(0, 96, 230, .05) !important;
    border: 2px solid #0060e6 !important;
    padding: 0 .9375rem
}

.mitid--input-field input:not(:disabled):hover,
.mitid--input-field input:not(:disabled):active,
.mitid--input-field input:not(:disabled):focus {
    border: 2px solid #0060e6
}

.mitid--input-field input:not(:focus):not(:disabled):hover {
    padding: 0 .9375rem
}

.mitid--input-field input:disabled {
    cursor: not-allowed;
    color: rgba(0, 0, 0, .4);
    background: rgba(0, 0, 0, .05);
    text-decoration: none;
    border: 1px solid rgba(0, 0, 0, .2)
}

.mitid--input-field input:disabled::-moz-placeholder {
    font-weight: 500 !important;
    color: rgba(0, 0, 0, .4) !important;
    opacity: 1
}

.mitid--input-field input:disabled:-ms-input-placeholder {
    font-weight: 500 !important;
    color: rgba(0, 0, 0, .4) !important;
    opacity: 1
}

.mitid--input-field input:disabled::placeholder {
    font-weight: 500 !important;
    color: rgba(0, 0, 0, .4) !important;
    opacity: 1
}

.mitid--input-field input:disabled:-ms-input-placeholder {
    font-weight: 500 !important;
    color: rgba(0, 0, 0, .4) !important
}

.mitid--input-field input:disabled::-ms-input-placeholder {
    font-weight: 500 !important;
    color: rgba(0, 0, 0, .4) !important
}

.mitid--digital-input-field {
    display: flex;
    width: 44px !important;
    height: 48px;
    justify-items: center;
    align-items: center;
    padding: 0 !important;
    box-sizing: border-box;
    text-align: center;
    -moz-appearance: textfield
}

.mitid--digital-input-field:not(:last-of-type) {
    margin-right: .875rem
}

.mitid--digital-input-fields {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.mb-0 {
    margin-bottom: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mitid--m-0 {
    margin: 0 !important
}

.mitid--mt-0 {
    margin-top: 0 !important
}

.mitid--mr-0 {
    margin-right: 0 !important
}

.mitid--mb-0 {
    margin-bottom: 0 !important
}

.mitid--ml-0 {
    margin-left: 0 !important
}

.mitid--m-1 {
    margin: .25rem
}

.mitid--mt-1 {
    margin-top: .25rem
}

.mitid--mr-1 {
    margin-right: .25rem
}

.mitid--mb-1 {
    margin-bottom: .25rem
}

.mitid--ml-1 {
    margin-left: .25rem
}

.mitid--m-2 {
    margin: .5rem
}

.mitid--mt-2 {
    margin-top: .5rem
}

.mitid--mr-2 {
    margin-right: .5rem
}

.mitid--mb-2 {
    margin-bottom: .5rem
}

.mitid--ml-2 {
    margin-left: .5rem
}

.mitid--m-3 {
    margin: 1rem
}

.mitid--mt-3 {
    margin-top: 1rem
}

.mitid--mr-3 {
    margin-right: 1rem
}

.mitid--mb-3 {
    margin-bottom: 1rem
}

.mitid--ml-3 {
    margin-left: 1rem
}

.mitid--m-4 {
    margin: 1.5rem
}

.mitid--mt-4 {
    margin-top: 1.5rem
}

.mitid--mr-4 {
    margin-right: 1.5rem
}

.mitid--mb-4 {
    margin-bottom: 1.5rem
}

.mitid--ml-4 {
    margin-left: 1.5rem
}

.mitid--m-5 {
    margin: 2rem
}

.mitid--mt-5 {
    margin-top: 2rem
}

.mitid--mr-5 {
    margin-right: 2rem
}

.mitid--mb-5 {
    margin-bottom: 2rem
}

.mitid--ml-5 {
    margin-left: 2rem
}

.mitid--m-6 {
    margin: 2.5rem
}

.mitid--mt-6 {
    margin-top: 2.5rem
}

.mitid--mr-6 {
    margin-right: 2.5rem
}

.mitid--mb-6 {
    margin-bottom: 2.5rem
}

.mitid--ml-6 {
    margin-left: 2.5rem
}

.mitid--m-7 {
    margin: 3rem
}

.mitid--mt-7 {
    margin-top: 3rem
}

.mitid--mr-7 {
    margin-right: 3rem
}

.mitid--mb-7 {
    margin-bottom: 3rem
}

.mitid--ml-7 {
    margin-left: 3rem
}

.mitid--p-0 {
    padding: 0 !important
}

.mitid--pt-0 {
    padding-top: 0 !important
}

.mitid--pr-0 {
    padding-right: 0 !important
}

.mitid--pb-0 {
    padding-bottom: 0 !important
}

.mitid--pl-0 {
    padding-left: 0 !important
}

.mitid--p-1 {
    padding: .25rem
}

.mitid--pt-1 {
    padding-top: .25rem
}

.mitid--pr-1 {
    padding-right: .25rem
}

.mitid--pb-1 {
    padding-bottom: .25rem
}

.mitid--pl-1 {
    padding-left: .25rem
}

.mitid--p-2 {
    padding: .5rem
}

.mitid--pt-2 {
    padding-top: .5rem
}

.mitid--pr-2 {
    padding-right: .5rem
}

.mitid--pb-2 {
    padding-bottom: .5rem
}

.mitid--pl-2 {
    padding-left: .5rem
}

.mitid--p-3 {
    padding: 1rem
}

.mitid--pt-3 {
    padding-top: 1rem
}

.mitid--pr-3 {
    padding-right: 1rem
}

.mitid--pb-3 {
    padding-bottom: 1rem
}

.mitid--pl-3 {
    padding-left: 1rem
}

.mitid--p-4 {
    padding: 1.5rem
}

.mitid--pt-4 {
    padding-top: 1.5rem
}

.mitid--pr-4 {
    padding-right: 1.5rem
}

.mitid--pb-4 {
    padding-bottom: 1.5rem
}

.mitid--pl-4 {
    padding-left: 1.5rem
}

.mitid--p-5 {
    padding: 2rem
}

.mitid--pt-5 {
    padding-top: 2rem
}

.mitid--pr-5 {
    padding-right: 2rem
}

.mitid--pb-5 {
    padding-bottom: 2rem
}

.mitid--pl-5 {
    padding-left: 2rem
}

.mitid--p-6 {
    padding: 2.5rem
}

.mitid--pt-6 {
    padding-top: 2.5rem
}

.mitid--pr-6 {
    padding-right: 2.5rem
}

.mitid--pb-6 {
    padding-bottom: 2.5rem
}

.mitid--pl-6 {
    padding-left: 2.5rem
}

.mitid--p-7 {
    padding: 3rem
}

.mitid--pt-7 {
    padding-top: 3rem
}

.mitid--pr-7 {
    padding-right: 3rem
}

.mitid--pb-7 {
    padding-bottom: 3rem
}

.mitid--pl-7 {
    padding-left: 3rem
}

.mitid--brand-white {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 216 56' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Ebrand / logo / mitid_logo%3C/title%3E%3Cdesc%3E%3C/desc%3E%3Cg id='Registration-flow-updates' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='brand-/-logo-/-mitid_logo' fill='%23FFFFFF'%3E%3Cpath d='M95.8832747,6.74446236 L95.8832747,17.0733661 L104.417212,17.0733661 L104.417212,25.6102647 L95.8832747,25.6102647 L95.8832747,42.3417525 C95.8832747,45.3291462 97.537664,46.6951505 100.32466,46.6951505 C101.979415,46.6951505 103.807854,46.183303 105.027302,45.4149929 L105.027302,54.8053299 C103.546596,55.5739992 100.934017,56 98.0605463,56 C90.1359665,56 85.1720657,52.1584495 85.1720657,43.7073977 L85.1720657,25.6102647 L79.2503413,25.6102647 L79.2503413,17.0733661 L85.1720657,17.0733661 L85.1720657,6.74446236 L95.8832747,6.74446236 Z M183.657147,0.850026106 C206.379259,0.850026106 216,12.9317832 216,28.0458328 C216,43.1598824 206.379259,55.2416395 183.657147,55.2416395 L174.385238,55.2416395 L174.385238,0.850026106 L183.657147,0.850026106 Z M143.174259,31.4452548 C155.673758,31.4452548 165.860108,38.3294625 167.405451,54.7414242 L167.449628,55.2416754 L118.89889,55.2416754 C120.28286,38.4692398 130.548502,31.4452548 143.174259,31.4452548 Z M10.3631093,2.81771172 L26.5607349,27.573173 L42.6712989,2.81771172 L52.8603584,2.81771172 L52.8603584,55.2319773 L41.8875251,55.2319773 L41.8875251,21.4277698 L26.647943,43.9634292 L26.299477,43.9634292 L10.8856252,21.4277698 L10.8856252,55.2319773 L0,55.2319773 L0,2.81771172 L10.3631093,2.81771172 Z M73.4150922,17.0732224 L73.4150922,55.2319054 L62.6170415,55.2319054 L62.6170415,17.0732224 L73.4150922,17.0732224 Z M143.174259,0.000143676502 C150.595743,0.000143676502 156.61237,5.89806409 156.61237,13.1731238 C156.61237,20.4485426 150.595743,26.3461039 143.174259,26.3461039 C135.752408,26.3461039 129.736147,20.4485426 129.736147,13.1731238 C129.736147,5.89806409 135.752408,0.000143676502 143.174259,0.000143676502 Z M68.0158837,0 C71.5511103,0 74.4168863,2.80923481 74.4168863,6.27471204 C74.4168863,9.74018927 71.5511103,12.5490649 68.0158837,12.5490649 C64.4810235,12.5490649 61.6152474,9.74018927 61.6152474,6.27471204 C61.6152474,2.80923481 64.4810235,0 68.0158837,0 Z' id='mitid_logo'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.mitid--brand-blue {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 234 62' version='1.1'%3E%3Ctitle%3EMitID identity blue%3C/title%3E%3Cdesc%3E%3C/desc%3E%3Cg id='(2.)-MitID-logo' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='scalable-vector' transform='translate(-576.000000, -264.000000)' fill='%230060E6'%3E%3Cg id='MitID-identity-blue' transform='translate(576.000000, 264.000000)'%3E%3Cg id='group'%3E%3Cg id='brand-/-logo-/-mitid_logo'%3E%3Cpath d='M188.917342,0.941100331 L198.961909,0.941100331 C223.577531,0.941100331 234,14.3173314 234,31.0507435 C234,47.7841556 223.577531,61.1603866 198.961909,61.1603866 L188.917342,61.1603866 L188.917342,0.941100331 Z M181.403764,61.1604264 L128.80713,61.1604264 C130.306432,42.590944 141.427544,34.8143892 155.105447,34.8143892 C168.78335,34.8143892 179.904462,42.590944 181.403764,61.1604264 Z M169.663401,14.5845299 C169.663401,22.6394579 163.145388,29.1689007 155.105447,29.1689007 C147.065109,29.1689007 140.547493,22.6394579 140.547493,14.5845299 C140.547493,6.52999953 147.065109,0.000159070413 155.105447,0.000159070413 C163.145388,0.000159070413 169.663401,6.52999953 169.663401,14.5845299 Z M28.4911,48.6737966 L11.7927606,23.7236023 L11.7927606,61.1496891 L0,61.1496891 L0,3.11960941 L11.2267018,3.11960941 L28.7741295,30.5274416 L46.2272405,3.11960941 L57.2653883,3.11960941 L57.2653883,61.1496891 L45.3781522,61.1496891 L45.3781522,23.7236023 L28.8686049,48.6737966 L28.4911,48.6737966 Z M79.5330165,61.1496096 L67.8351283,61.1496096 L67.8351283,18.9024963 L79.5330165,18.9024963 L79.5330165,61.1496096 Z M92.2697379,28.3542216 L85.8545364,28.3542216 L85.8545364,18.9026553 L92.2697379,18.9026553 L92.2697379,7.46708333 L103.873548,7.46708333 L103.873548,18.9026553 L113.118646,18.9026553 L113.118646,28.3542216 L103.873548,28.3542216 L103.873548,46.8783689 C103.873548,50.1858404 105.665803,51.6982024 108.685048,51.6982024 C110.4777,51.6982024 112.458509,51.131514 113.779578,50.280885 L113.779578,60.6773295 C112.17548,61.5283562 109.345185,62 106.232258,62 C97.647297,62 92.2697379,57.7468548 92.2697379,48.3903331 L92.2697379,28.3542216 Z M80.6182935,6.94700261 C80.6182935,10.783781 77.5137028,13.8936076 73.683874,13.8936076 C69.8544421,13.8936076 66.7498514,10.783781 66.7498514,6.94700261 C66.7498514,3.11022425 69.8544421,0 73.683874,0 C77.5137028,0 80.6182935,3.11022425 80.6182935,6.94700261 Z' id='mitid_logo'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.mitid--header .mitid--brand-blue,
.mitid--header .mitid--brand-white {
    height: 22px;
    width: 86px
}

#mitid-login-form {
    flex-grow: 2;
    text-align: center;
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    color: #333;
    box-sizing: content-box;
    z-index: 1
}

#mitid-login-form fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

#mitid-login-form fieldset legend {
    display: none
}

#mitid-login-form .mitid-login--box {
    padding: 10rem;
    min-height: 522px
}

#mitid-login-form .mitid-login--flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.mitid-core--loader {
    z-index: 1;
    width: 320px;
    text-align: center
}

.mitid-core--loader-logo {
    position: absolute;
    top: 100px;
    left: 44px
}

.mitid-core--loader-state {
    position: absolute;
    top: 200px;
    width: 100%
}

.mitid-core--loader-state span {
    font-size: .75rem
}

.mitid-core--loader-loading,
.mitid-core--loader-error,
.mitid-core--loader-done {
    position: relative;
    margin: 0 auto;
    z-index: 10
}

.mitid-core--loader-loading .mitid-core--loader-done {
    display: none
}

.mitid-core--loader-done .mitid-core--loader-done {
    display: none
}

.mitid-core--loader-finished .mitid-core--loader-animation {
    display: none
}

.mitid-core--loader-error * {
    fill: #fff
}

.mitid-core--loader-done {
    -webkit-animation: jello-vertical .9s both;
    animation: jello-vertical .9s both
}

.mitid-core--loader-done * {
    stroke: #fff;
    stroke-width: 0.5px;
}

.mitid-core--loader-done .mitid-core--loader-animation {
    display: none
}

.mitid-core--loader-done,
.mitid-core--loader-error {
    height: 3rem;
    transform-origin: center center;
    width: 3rem;
    position: absolute;
    bottom: -16px;
    left: 0rem;
    right: 0;
    margin: auto;
    z-index: 10;
    display: block
}

.mitid-core--loader-done path,
.mitid-core--loader-error path {
    fill: #fff
}

.mitid-core--loader-circular {
    -webkit-animation: mitid-core--loader-rotate 2s linear infinite;
    animation: mitid-core--loader-rotate 2s linear infinite;
    height: 3rem;
    transform-origin: center center;
    width: 3rem;
    position: absolute;
    bottom: -36px;
    left: 0rem;
    right: 0;
    margin: auto;
    z-index: 10
}

.mitid-core--loader-path {
    stroke-linecap: round;
    stroke: #3380eb;
    stroke-width: 4px
}

.mitid-core--loader-path-white {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: mitid-core--loader-dash 1.5s ease-in-out infinite;
    animation: mitid-core--loader-dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: #fff;
    stroke-width: 4px
}

.mitid-core--loader-text {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    bottom: -330px
}

.mitid-core--loader-text h4 {
    font-size: 1rem;
    padding: 0;
    margin: 0
}

.mitid-core--loader-text h4+span {
    font-size: .85rem
}

@keyframes mitid-core--loader-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes mitid-core--loader-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@-webkit-keyframes jello-vertical {
    0% {
        transform: scale3d(1, 1, 1)
    }
    30% {
        transform: scale3d(0.75, 1.25, 1)
    }
    40% {
        transform: scale3d(1.25, 0.75, 1)
    }
    50% {
        transform: scale3d(0.85, 1.15, 1)
    }
    65% {
        transform: scale3d(1.05, 0.95, 1)
    }
    75% {
        transform: scale3d(0.95, 1.05, 1)
    }
    100% {
        transform: scale3d(1, 1, 1)
    }
}

@keyframes jello-vertical {
    0% {
        transform: scale3d(1, 1, 1)
    }
    30% {
        transform: scale3d(0.75, 1.25, 1)
    }
    40% {
        transform: scale3d(1.25, 0.75, 1)
    }
    50% {
        transform: scale3d(0.85, 1.15, 1)
    }
    65% {
        transform: scale3d(1.05, 0.95, 1)
    }
    75% {
        transform: scale3d(0.95, 1.05, 1)
    }
    100% {
        transform: scale3d(1, 1, 1)
    }
}

.mitid--form-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.mitid--form-item label {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: .5rem;
    width: auto;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    line-height: 1.5rem
}

.mitid--form-item label.mitid--input-field--label {
    text-transform: none
}

.mitid--form-item>button {
    width: 100%
}

.mitid--form-item>button.mitid--link-button-primary,
.mitid--form-item>button.mitid--link-button-secondary {
    width: auto
}

.mitid--form-requirement {
    font-weight: 600;
    font-size: 1rem;
    color: #d90000;
    margin: .25rem .25rem 0 0;
    max-height: 0;
    overflow: hidden;
    line-height: 1.5;
    display: none
}

.code-app-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: #fff
}

.code-app-animation {
    width: auto;
    height: 112px;
    overflow: hidden;
    opacity: 1;
    margin-bottom: 8px;
    outline: none
}

.code-app-header {
    font-weight: 700;
    font-size: 20px;
    padding: 24px 0;
    margin: 0;
    line-height: 28px
}

.mitid--form-item.mitid--code-app-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: #fff
}

.mitid--form-item.mitid--code-app-container .mitid--code-app-animation {
    width: auto;
    height: 112px;
    overflow: hidden;
    opacity: 1;
    margin-bottom: 8px;
    outline: none
}

.mitid--form-item.mitid--code-app-container .mitid--code-app-header {
    font-weight: 700;
    font-size: 20px;
    padding: 24px 0;
    margin: 0;
    line-height: 28px
}

#mitId {
    background-color: #fff;
    border: 1px solid #ebebeb;
    height: 588px;
    width: 400px;
    padding: 2rem 2rem 2rem 2rem;
    display: block;
    box-sizing: border-box;
}

#mitid-core-client {
    width: 336px;
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column
}

#mitid-core-client .mitid--cc-header--legend {
    width: 100%;
    text-align: left;
    flex: 0 0 auto;
    line-height: 24px;
    position: relative;
    padding: 0
}

#mitid-core-client .mitid-core-client--content-wrapper {
    height: 100%
}

#mitid-core-client .mitid-core-client--content-wrapper .mitid-login--reference-text {
    max-height: 72px;
    white-space: normal;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 1rem;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    box-orient: vertical
}

#mitid-core-client .mitid-login-authenticator-content {
    flex-grow: 2
}

#mitid-core-client .mitid-login-divider--bottom {
    margin: 0;
    width: 332px;
    margin-bottom: .9375rem
}

#mitid-core-client .mitid--cc-header--legend-text {
    max-width: 260px;
    display: inline-block;
    font-weight: 700;
    overflow: hidden;
    line-height: 24px;
    font-size: 16px;
    width: 260px;
    max-height: 48px;
    min-height: 24px;
    text-overflow: ellipsis;
    margin: 0
}

#mitid-core-client .mitid--cc-header--legend-text:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 234 62' version='1.1'%3E%3Ctitle%3EMitID identity blue%3C/title%3E%3Cdesc%3E%3C/desc%3E%3Cg id='(2.)-MitID-logo' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='scalable-vector' transform='translate(-576.000000, -264.000000)' fill='%230060E6'%3E%3Cg id='MitID-identity-blue' transform='translate(576.000000, 264.000000)'%3E%3Cg id='group'%3E%3Cg id='brand-/-logo-/-mitid_logo'%3E%3Cpath d='M188.917342,0.941100331 L198.961909,0.941100331 C223.577531,0.941100331 234,14.3173314 234,31.0507435 C234,47.7841556 223.577531,61.1603866 198.961909,61.1603866 L188.917342,61.1603866 L188.917342,0.941100331 Z M181.403764,61.1604264 L128.80713,61.1604264 C130.306432,42.590944 141.427544,34.8143892 155.105447,34.8143892 C168.78335,34.8143892 179.904462,42.590944 181.403764,61.1604264 Z M169.663401,14.5845299 C169.663401,22.6394579 163.145388,29.1689007 155.105447,29.1689007 C147.065109,29.1689007 140.547493,22.6394579 140.547493,14.5845299 C140.547493,6.52999953 147.065109,0.000159070413 155.105447,0.000159070413 C163.145388,0.000159070413 169.663401,6.52999953 169.663401,14.5845299 Z M28.4911,48.6737966 L11.7927606,23.7236023 L11.7927606,61.1496891 L0,61.1496891 L0,3.11960941 L11.2267018,3.11960941 L28.7741295,30.5274416 L46.2272405,3.11960941 L57.2653883,3.11960941 L57.2653883,61.1496891 L45.3781522,61.1496891 L45.3781522,23.7236023 L28.8686049,48.6737966 L28.4911,48.6737966 Z M79.5330165,61.1496096 L67.8351283,61.1496096 L67.8351283,18.9024963 L79.5330165,18.9024963 L79.5330165,61.1496096 Z M92.2697379,28.3542216 L85.8545364,28.3542216 L85.8545364,18.9026553 L92.2697379,18.9026553 L92.2697379,7.46708333 L103.873548,7.46708333 L103.873548,18.9026553 L113.118646,18.9026553 L113.118646,28.3542216 L103.873548,28.3542216 L103.873548,46.8783689 C103.873548,50.1858404 105.665803,51.6982024 108.685048,51.6982024 C110.4777,51.6982024 112.458509,51.131514 113.779578,50.280885 L113.779578,60.6773295 C112.17548,61.5283562 109.345185,62 106.232258,62 C97.647297,62 92.2697379,57.7468548 92.2697379,48.3903331 L92.2697379,28.3542216 Z M80.6182935,6.94700261 C80.6182935,10.783781 77.5137028,13.8936076 73.683874,13.8936076 C69.8544421,13.8936076 66.7498514,10.783781 66.7498514,6.94700261 C66.7498514,3.11022425 69.8544421,0 73.683874,0 C77.5137028,0 80.6182935,3.11022425 80.6182935,6.94700261 Z' id='mitid_logo'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    right: 0;
    width: 60px;
    top: 3px
}

#mitid-core-client fieldset legend {
    display: none
}

#mitid-core-client fieldset {
    border: 0
}

#mitid-core-client .mitid-login--footer {
    text-align: left;
    width: 322px;
    z-index: 1
}

#mitid-core-client .mitid-login--footer .mitid-login--footer-navigation {
    display: flex;
    height: 308px;
    flex-direction: column-reverse;
    font-size: 16px;
    color: rgba(0, 0, 0, .9);
    margin-top: 1rem
}

#mitid-core-client .mitid-login--footer .mitid-login--footer-navigation .mitid-login--footer-navigation-links a:first-child {
    margin-right: 1.5rem
}

#mitid-core-client .mitid--cc-help-menu {
    display: none;
    z-index: 1000;
    line-height: 24px;
    text-decoration: none;
    color: #000;
    top: .5rem;
    position: relative;
    left: 0;
    background-color: #fff;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0px 5px 26px -7px rgba(0, 0, 0, .54);
    margin: 0;
    list-style: none;
    text-align: left;
    width: 336px;
    font-size: 1rem
}

#mitid-core-client .mitid--cc-help-menu .mitid--divider-light {
    width: 304px
}

#mitid-core-client .mitid--cc-help-menu li {
    margin: 0;
    margin-bottom: 0
}

#mitid-core-client .mitid--cc-help-menu li:first-child {
    margin-bottom: 4px
}

#mitid-core-client .mitid--cc-help-menu li:last-child {
    margin-bottom: 5px
}

#mitid-core-client .mitid--cc-help-menu li .mitid--help-link {
    display: block;
    color: #001c44;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    letter-spacing: 0px;
    line-height: 44px;
    width: 332px;
    text-indent: 1rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    margin: 0 2px
}

#mitid-core-client .mitid--cc-help-menu li .mitid--help-link:hover {
    color: #004cb8;
    text-decoration: underline
}

#mitid-core-client .mitid--cc-help-menu li .mitid--help-link:active {
    color: #00398a;
    text-decoration: underline
}

#mitid-core-client .mitid--cc-help-menu li .mitid--help-link:focus {
    position: relative;
    outline: none;
    background-color: rgba(0, 96, 230, .05);
    color: #004cb8;
    border: 3px solid #0060e6;
    border-radius: 4px;
    height: 40px !important;
    text-indent: .8125rem
}

#mitid-core-client .mitid--cc-help-menu li .mitid--help-link:focus i>svg>path,
#mitid-core-client .mitid--cc-help-menu li .mitid--help-link:focus i>svg g g path {
    fill: #0060e6
}

#mitid-core-client .mitid--cc-help-menu .mitid--help-header {
    display: flex;
    align-items: center;
    align-content: center;
    padding-top: .5rem;
    padding-left: .25rem;
    margin-bottom: 3px
}

#mitid-core-client .mitid--cc-help-menu .mitid--help-header .mitid--cc-help-menu--header {
    padding: 0;
    margin: 0;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    letter-spacing: 0px;
    line-height: 40px;
    width: 100%;
    margin-right: 0 .25rem .5rem 0;
    text-indent: .5rem
}

#mitid-core-client .mitid--cc-help-menu .mitid--help-header .mitid--icon-close-help {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    margin-bottom: .5rem;
    margin-left: .25rem;
    line-height: 1.5rem;
    margin-top: .5rem;
    width: 24px;
    height: 24px;
    outline: none !important;
    display: inline-block;
    border-radius: .25rem;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23001C44' fill-rule='evenodd' d='M18.3 5.71a.996.996 0 00-1.41 0L12 10.59 7.11 5.7A.997.997 0 105.7 7.11L10.59 12 5.7 16.89a.997.997 0 101.41 1.41L12 13.41l4.89 4.89a.997.997 0 001.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z'/%3E%3C/svg%3E") no-repeat center center;
    margin-right: .75rem
}

#mitid-core-client .mitid--cc-help-menu .mitid--help-header .mitid--icon-close-help:hover,
#mitid-core-client .mitid--cc-help-menu .mitid--help-header .mitid--icon-close-help:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23001C44' fill-rule='evenodd' d='M18.3 5.71a.996.996 0 00-1.41 0L12 10.59 7.11 5.7A.997.997 0 105.7 7.11L10.59 12 5.7 16.89a.997.997 0 101.41 1.41L12 13.41l4.89 4.89a.997.997 0 001.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z'/%3E%3C/svg%3E")
}

#mitid-core-client .mitid--cc-help-menu .mitid--help-header .mitid--icon-close-help:focus {
    box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 5px #0060e6
}

#mitid-core-client .mitid--cc-help-menu .mitid--help-header:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    left: 100px;
    bottom: -7px;
    border-style: solid;
    border-width: .5rem .5rem 0 .5rem;
    border-color: #fff transparent transparent transparent
}

#mitid-core-client .mitid--cc-help-menu .mitid--cc-menu-list {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    font-size: 1rem
}

#mitid-core-client .mitid--divider-light {
    width: 332px
}

#mitid-core-client .mitid--divider-light-help {
    margin: 0 1rem 3px 1rem;
    padding: 0
}

#mitid-core-client .mitid--divider-light-help-bottom {
    margin-bottom: 3px
}

#mitid-core-client .mitid--help-overlay {
    z-index: 998;
    position: fixed;
    border: 0;
    margin: 0;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#mitid-core-client .mitid--show-help {
    display: block
}

.mitid--authenticatorlist {
    background-color: #fff;
    border: 1px solid #979797;
    border-radius: 4px;
    width: 336px;
    min-width: 336px;
    max-width: 336px;
    padding: 0;
    margin: 0
}

.mitid--authenticatorlist .authenticator {
    display: block;
    padding: 0;
    margin: 0;
    height: 3rem;
    width: 100%;
    display: flex;
    align-items: center;
    outline: none;
    color: #001c44;
    background-color: #fff;
    padding: 0 0 0 1rem;
    border: 2px solid transparent !important;
    font-size: 1rem;
    font-weight: 500
}

.mitid--authenticatorlist .authenticator:nth-child(1),
.mitid--authenticatorlist .authenticator:last-of-type {
    border-radius: 3px
}

.mitid--authenticatorlist .authenticator::-moz-focus-inner {
    border: 0
}

.mitid--authenticatorlist .authenticator:active span {
    position: relative;
    top: 0
}

.mitid--authenticatorlist .authenticator i {
    position: relative;
    top: 0;
    margin-right: .5rem;
    font-style: normal;
    outline: none
}

.mitid--authenticatorlist .authenticator i:not(:first-of-type) {
    width: 44px
}

.mitid--authenticatorlist .authenticator i:not(:first-of-type):before {
    content: "+";
    font-size: 1rem;
    position: relative;
    top: -6px;
    padding-left: 4px;
    padding-right: 4px
}

.mitid--authenticatorlist .authenticator:nth-child(1) {
    border-radius: 4px 4px 0 0
}

.mitid--authenticatorlist .authenticator:last-of-type {
    border-radius: 0 0 4px 4px
}

.mitid--authenticatorlist .authenticator:hover {
    background-color: rgba(0, 96, 230, .05);
    color: #0060e6
}

.mitid--authenticatorlist .authenticator:hover i>svg>path,
.mitid--authenticatorlist .authenticator:hover i>svg g g path {
    fill: #0060e6
}

.mitid--authenticatorlist .authenticator:active span {
    position: relative;
    top: 0
}

.mitid--authenticatorlist .authenticator:focus {
    outline: none;
    background-color: rgba(0, 96, 230, .05);
    color: #0060e6;
    box-shadow: 0 2px #0060e6 inset, 0 -2px #0060e6 inset, -2px 0 #0060e6 inset, 2px 0 #0060e6 inset
}

.mitid--authenticatorlist .authenticator:focus i>svg>path,
.mitid--authenticatorlist .authenticator:focus i>svg g g path {
    fill: #0060e6
}

.mitid--authenticatorlist .authenticator-selected {
    background-color: #00398a !important;
    color: #fff !important;
    border-radius: 0;
    box-shadow: -1px 0 0 0 #00398a, 1px 0 0 0 #00398a
}

.mitid--authenticatorlist .authenticator-selected i>svg>path,
.mitid--authenticatorlist .authenticator-selected i>svg g g path {
    fill: #fff !important
}

.mitid--authenticatorlist .authenticator-selected:nth-child(1) {
    border-radius: 4px 4px 0 0;
    box-shadow: 0 -1px #00398a, -1px 0 #00398a, 1px 0 #00398a
}

.mitid--authenticatorlist .authenticator-selected:last-of-type {
    border-radius: 0 0 4px 4px;
    box-shadow: -1px 0 #00398a, 1px 0 #00398a, -1px 1px #00398a, 1px 1px #00398a
}

.mitid--authenticatorlist .authenticator-selected:last-of-type:active span {
    position: relative;
    top: 0
}

.mitid--authenticatorlist .authenticator-selected:focus {
    padding-bottom: 1px;
    padding-top: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
    height: 46px;
    box-shadow: 0 -2px #fff inset, -2px 0 #fff inset, 2px 0 #fff inset, -1px 1px #00398a, 1px 1px #00398a, -1px -1px #00398a, 1px -1px #00398a, 0 2px 0 0 #fff inset
}

.mitid--authenticatorlist .authenticator-selected:focus:nth-child(1) {
    padding-top: 1px;
    padding-bottom: 0;
    margin-bottom: 1px;
    margin-top: 0;
    height: 47px;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 2px #fff inset, 0 -2px #fff inset, -2px 0 #fff inset, 2px 0 #fff inset, -1px 1px #00398a, 0 -1px #00398a, -1px 0 #00398a, 1px 1px #00398a
}

.mitid--authenticatorlist .authenticator-selected:focus:last-of-type {
    padding-bottom: 1px;
    padding-top: 0;
    margin-top: 1px;
    margin-bottom: 0;
    height: 47px;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 2px #fff inset, 0 -2px #fff inset, -2px 0 #fff inset, 2px 0 #fff inset, -1px 1px #00398a, 1px 1px #00398a, -1px -1px #00398a, 1px -1px #00398a
}

.mitid--auth-icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    position: relative;
    top: -4px
}

.mitid--auth-icon-app {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M14.215.732c.453.422.726.98.777 1.57L15 2.5v17c0 1.328-1.109 2.414-2.51 2.495l-.169.005H2.679c-1.286 0-2.36-.845-2.62-1.973V1.973C.287.987 1.137.216 2.207.04l10.58-.001a2.743 2.743 0 011.429.694zM7.5 18c-.83 0-1.5.67-1.5 1.5S6.67 21 7.5 21 9 20.33 9 19.5 8.33 18 7.5 18zM13 3H2v14h11V3z' id='a'/%3E%3Cpath d='M1 0a1 1 0 110 2 1 1 0 010-2z' id='c'/%3E%3Cpath d='M2 0c1.04 0 1.886.59 2 2H0C.114.59.96 0 2 0z' id='e'/%3E%3Cpath d='M.891 0C3.075 0 4 1.111 4 2.5S3.075 5 .891 5H0V0h.891z' id='g'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cg transform='translate(5 1)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23001B45' mask='url(%23b)' d='M.06 22h15V.04h-15z'/%3E%3C/g%3E%3Cg transform='translate(9 8)'%3E%3Cmask id='d' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3Cpath fill='%23001B45' mask='url(%23d)' d='M-.1 2.04h2.16V0H-.1z'/%3E%3C/g%3E%3Cg transform='translate(8 11)'%3E%3Cmask id='f' fill='%23fff'%3E%3Cuse xlink:href='%23e'/%3E%3C/mask%3E%3Cpath fill='%23001B45' mask='url(%23f)' d='M-.06 2.04h4.08V0H-.06z'/%3E%3C/g%3E%3Cg transform='translate(13 8)'%3E%3Cmask id='h' fill='%23fff'%3E%3Cuse xlink:href='%23g'/%3E%3C/mask%3E%3Cpath fill='%23001B45' mask='url(%23h)' d='M-.02 5.04h4.08V0H-.02z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.mitid--auth-icon-audio-code-reader {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M20.984 1.851L20.99 2v18c0 1.05-.82 1.918-1.851 1.994L18.99 22h-10c-1.05 0-1.909-.82-1.985-1.851L7 20v-1H3v-7a2.783 2.783 0 01-.5 0 2.5 2.5 0 01-2.44-1.955v-1.09A2.5 2.5 0 012.5 7v.05c.168.002.335.019.5.05V5a2.783 2.783 0 01-.5 0A2.5 2.5 0 01.06 3.045v-1.09a2.502 2.502 0 012-1.917h.88A2.5 2.5 0 015 2.5V17h2V2C7 1.033 7.687.221 8.6.038h10.73a1.997 1.997 0 011.654 1.813zM13.99 16a1 1 0 100 2 1 1 0 000-2zm2.958.001a1 1 0 10.083 1.997 1 1 0 00-.083-1.997zM10.99 13a1 1 0 100 2 1 1 0 000-2zm3 0a1 1 0 100 2 1 1 0 000-2zm2.958.001a1 1 0 10.083 1.997 1 1 0 00-.083-1.997zM10.99 10a1 1 0 100 2 1 1 0 000-2zm3 0a1 1 0 100 2 1 1 0 000-2zm2.958.001a1 1 0 10.083 1.997 1 1 0 00-.083-1.997zM10.99 7a1 1 0 100 2 1 1 0 000-2zm3 0a1 1 0 100 2 1 1 0 000-2zm2.958.001a1 1 0 10.083 1.997 1 1 0 00-.083-1.997zM17 3h-6a1 1 0 00-.117 1.993L11 5h6a1 1 0 000-2z' id='a'/%3E%3C/defs%3E%3Cg transform='translate(2 1)' fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23001B45' mask='url(%23b)' d='M-1.94 23h24V-1h-24z'/%3E%3C/g%3E%3C/svg%3E")
}

.mitid--auth-icon-chip {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath d='M7.074 16.93c0-.272.035-.538.1-.794a3.55 3.55 0 01.742-1.41c.177-.21.378-.405.602-.584a5.175 5.175 0 011.566-.845 6 6 0 011.918-.31 6 6 0 011.918.31c.59.2 1.121.49 1.568.845.222.18.423.375.6.585.356.419.611.896.742 1.41.066.255.1.521.1.794 0 2.177-2.205 3.942-4.928 3.942-2.721 0-4.928-1.765-4.928-3.942m3.45-12.321a1.478 1.478 0 112.957 0 1.478 1.478 0 01-2.957 0m8.378 6.407c-1.76-5.867-3.943-9.857-6.9-9.857-2.957 0-4.962 4.045-6.9 9.857-2.956 8.87 1.972 11.827 6.9 11.827 4.929 0 9.857-1.97 6.9-11.827m-6.9 8.378c-1.814 0-3.285-1.103-3.285-2.464 0-1.362 1.47-2.465 3.285-2.465 1.815 0 3.286 1.103 3.286 2.465 0 1.36-1.471 2.464-3.286 2.464' fill='%23001C44'/%3E%3C/g%3E%3C/svg%3E")
}

.mitid--auth-icon-password {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath d='M4.99 15h14V9h-14v6zm0-8C3.89 7 3 7.9 3 9v6c0 1.1.89 2 1.99 2h14c1.1 0 2-.9 2-2V9c0-1.1-.9-1.99-2-1.99L4.99 7zm11.552 5.999a1 1 0 11-.084-1.998A1 1 0 0116.542 13m-3 0a1 1 0 11-.084-1.998A1 1 0 0113.542 13m-3.083-1.998a1 1 0 11.084 1.997 1 1 0 01-.084-1.997zm-3 0a1 1 0 11.084 1.997 1 1 0 01-.084-1.997z' fill='%23001C44'/%3E%3C/g%3E%3C/svg%3E")
}

.mitid--auth-icon-code-display {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath d='M11.995 5.985c6.072 0 10.994 2.686 10.994 6 0 3.313-4.922 6-10.994 6-6.073 0-10.995-2.687-10.995-6 0-3.314 4.922-6 10.995-6zM17 10H9v4h8v-4zm-11.858.575a1.417 1.417 0 100 2.835 1.417 1.417 0 000-2.835z' fill='%23001C44'/%3E%3C/g%3E%3C/svg%3E")
}

.mitid--icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat
}

.mitid--icon-checkbox-unchecked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23001C44' fill-rule='evenodd' d='M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E");
    background-position: center center
}

.mitid--icon-checkbox-checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%230060e6' fill-rule='evenodd' d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8.29 13.29a.996.996 0 01-1.41 0L5.71 12.7a.997.997 0 111.41-1.41L10 14.17l6.88-6.88a.997.997 0 111.41 1.41l-7.58 7.59z'/%3E%3C/svg%3E");
    background-position: center center
}

.mitid--icon-continue {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23001C44' fill-rule='evenodd' d='M5 13h11.17l-4.88 4.88c-.39.39-.39 1.03 0 1.42.39.39 1.02.39 1.41 0l6.59-6.59a.996.996 0 000-1.41l-6.58-6.6a.997.997 0 10-1.41 1.41L16.17 11H5c-.55 0-1 .45-1 1s.45 1 1 1z'/%3E%3C/svg%3E");
    background-position: center center
}

.mitid--icon-close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23001C44' fill-rule='evenodd' d='M18.3 5.71a.996.996 0 00-1.41 0L12 10.59 7.11 5.7A.997.997 0 105.7 7.11L10.59 12 5.7 16.89a.997.997 0 101.41 1.41L12 13.41l4.89 4.89a.997.997 0 001.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z'/%3E%3C/svg%3E");
    background-position: center center
}

.mitid--icon-tooltip {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23001C44' fill-rule='evenodd' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-4h2v2h-2v-2zm1.61-9.96c-2.06-.3-3.88.97-4.43 2.79-.18.58.26 1.17.87 1.17h.2c.41 0 .74-.29.88-.67.32-.89 1.27-1.5 2.3-1.28.95.2 1.65 1.13 1.57 2.1-.1 1.34-1.62 1.63-2.45 2.88 0 .01-.01.01-.01.02-.01.02-.02.03-.03.05-.09.15-.18.32-.25.5-.01.03-.03.05-.04.08-.01.02-.01.04-.02.07-.12.34-.2.75-.2 1.25h2c0-.42.11-.77.28-1.07.02-.03.03-.06.05-.09.08-.14.18-.27.28-.39.01-.01.02-.03.03-.04.1-.12.21-.23.33-.34.96-.91 2.26-1.65 1.99-3.56-.24-1.74-1.61-3.21-3.35-3.47z'/%3E%3C/svg%3E");
    background-position: center center
}

.mitid--notification-icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat
}

.mitid--notification-icon-warning {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath d='M32 5.333C17.28 5.333 5.333 17.28 5.333 32 5.333 46.72 17.28 58.667 32 58.667c14.72 0 26.667-11.947 26.667-26.667C58.667 17.28 46.72 5.333 32 5.333z' fill='%23FEAB00'/%3E%3Cpath d='M32 34.667A2.675 2.675 0 0129.333 32V21.333c0-1.466 1.2-2.666 2.667-2.666 1.467 0 2.667 1.2 2.667 2.666V32c0 1.467-1.2 2.667-2.667 2.667zM34.667 45.333h-5.334V40h5.334z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E");
    background-position: center center
}

.mitid--notification-icon-notice {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%230060E6' fill-rule='evenodd' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 11c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z'/%3E%3C/svg%3E");
    background-position: center center
}

.mitid--notification-icon-service {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23d90000' fill-rule='evenodd' d='M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z'/%3E%3C/svg%3E");
    background-position: center center
}

.u2f-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: #fff
}

.u2f-container figure {
    margin: 0
}

.u2f-container .mitid--chip-header {
    font-weight: 700;
    font-size: 20px;
    padding: 24px 0;
    margin: 0;
    line-height: 28px;
    text-align: center
}

.u2f-container .u2f-emulator {
    width: auto;
    height: 112px;
    overflow: hidden;
    opacity: 1;
    margin-bottom: 8px;
    outline: none
}

.u2f-container .u2f-button {
    margin: 0;
    width: 240px
}

#mitid * {
    box-sizing: border-box;
    font-family: "IBM Plex Sans",Arial,Helvetica,FreeSans,sans,sans-serif
}

button::-moz-focus-inner {
    border: 0
}


/* END MITID-DESIGN-SYSTEM.CSS */

/********* BEGIN OLD KIRBY CSS *********//*    General imports for components    NOTICE: Must not contain anything that generates classes or else it will be generated for every component that imports this file.*//*  SPACINGS****************************************************************************//*  FONT SETTINGS****************************************************************************//*  Z - Index overview****************************************************************************//* Breakpoints****************************************************************************//* Elevation****************************************************************************//* Modal****************************************************************************/h1,.h1,h2,.h2,h3,.h3,h4,.h4,p,.p {  margin: 0;  margin-bottom: 16px;}.titel {  margin-left: 16px;}kirby-app .page-title > h1,kirby-app .page-title h2,kirby-app .page-title h3,kirby-app .page-title h4,kirby-app .page-title h5,kirby-app .page-title h6 {  margin: 0;}.kirby-text-display-1 {  font-size: 72px;  font-weight: 300;  line-height: normal;}.kirby-text-display-2 {  font-size: 56px;  font-weight: 300;  line-height: normal;}.kirby-text-display-3 {  font-size: 40px;  font-weight: 300;  line-height: normal;}h1,.h1,.kirby-text-xlarge {  font-size: 32px;  font-weight: 700;  line-height: 38px;}h2,.h2,.kirby-text-large {  font-size: 22px;  font-weight: 700;  line-height: 28px;}h3,.h3,.kirby-text-medium {  font-size: 18px;  font-weight: 700;  line-height: 24px;}p,.p,.kirby-text-normal {  font-size: 16px;  line-height: 24px;}.kirby-text-small {  font-size: 14px;  line-height: 20px;}.kirby-text-small-light {  font-size: 14px;  font-weight: 300;  line-height: 20px;}.kirby-text-xsmall {  font-size: 12px;  line-height: 16px;}.kirby-text-xxsmall {  font-size: 10px;  line-height: 11px;}.kirby-text-bold {  font-weight: 700;}@font-face {  font-family: "Roboto";  font-style: normal;  font-weight: 400;  font-display: swap;  src: url("/staticcontentnetbank/fonts/roboto-regular-webfont.woff2")    format("woff2");}@font-face {  font-family: "Roboto";  font-style: normal;  font-weight: 300;  font-display: swap;  src: url("/staticcontentnetbank/fonts/roboto-light-webfont.woff2")    format("woff2");}@font-face {  font-family: "Roboto";  font-style: normal;  font-weight: 700;  font-display: swap;  src: url("/staticcontentnetbank/fonts/roboto-bold-webfont.woff2")    format("woff2");}.dropdown {  border-radius: 999px;  border-color: #d1d1d1;}/********* END OLD KIRBY CSS *********//********* BEGIN CURITY CSS ********//********* BEGIN CURITY CSS ********//* ---Index--- 1. Resets - removal of built-in browser styling. 2. Typography Defaults - styles settings default typograhpy 3. Shared Styles - styling of elements that are used on several sites 4. Colors - used for centralizing the use of colors   - #fff   - #000  - #1c1c1c  - #d1d1d1  - #353535  - #ffca3a5. Animations - centralizing animations-----------*//*--- Resets ---*/body {  margin: 0;  padding: 0;}button {  border: none;  margin: 0;  padding: 0;  width: auto;  overflow: visible;  background: transparent;  /* inherit font & color from ancestor */  color: inherit;  font: inherit;   /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */  line-height: normal;   /* Corrects font smoothing for webkit */  -webkit-font-smoothing: inherit;  -moz-osx-font-smoothing: inherit;   /* Corrects inability to style clickable `input` types in iOS */  -webkit-appearance: none;} /* Remove excess padding and border in Firefox 4+ */button::-moz-focus-inner {  border: 0;  padding: 0;} /*---/ End resets ---*/ /*--- Typography Defaults ---*/*,html,body {  font-family: "Roboto", sans-serif;} *,text,select,.warning-title,.warning-subtitle,.error-subtitle,.try-again-text,.footer,.primary-button-text,.Subtitle,.Driftinformation,.DriftText,.links_sub_title {  font-stretch: normal;  font-style: normal;  letter-spacing: normal;  font-weight: normal;} strong {  font-weight: bold;} text,select,.warning-title {  line-height: 1.33;} .primary-button-text,.Subtitle,.warning-subtitle,.error-subtitle,.try-again-text {  line-height: 1.5;} .Driftinformation,.DriftText,.DriftText p {  font-size: 14px;} text,.warning-subtitle,.error-subtitle,.try-again-text,.primary-button-text,.Subtitle {  font-size: 16px;} a {  text-decoration: none;} /*---/ END Typography Defaults ---*/ /* --- Shared Styles --- */body {  min-width: 320px; /*Stop shrinking at iphone se size*/  position: relative;  box-sizing: border-box;   display: flex;  flex-direction: column;  align-items: center;} form {  margin-block-end: 0px;} a:hover {  text-decoration: underline;}.jyskebank .wait-outer-circle,.jyskebank .wait-inner-circle {    background-color: #00e89a;}.sydbank .wait-outer-circle,.sydbank .wait-inner-circle {    background-color: #7bc8dc;}.skjernbank .wait-outer-circle,.skjernbank .wait-inner-circle {    background-color: #910008;}.landbobanken .wait-outer-circle,.landbobanken .wait-inner-circle {    background-color: #f07d1b;}.nordfynsbank .wait-outer-circle,.nordfynsbank .wait-inner-circle {    background-color: #20c4f4;}.spks .wait-outer-circle,.spks .wait-inner-circle {    background-color: #83c6a9;}.kreditbanken .wait-outer-circle,.kreditbanken .wait-inner-circle {    background-color: #7fd5b3;}.djurslandsbank .wait-outer-circle,.djurslandsbank .wait-inner-circle {    background-color: #6cbabf;}.hide {  display: none !important;}/* Spinner */.wait-spinner {  overflow: hidden;  width: 32px;  height: 32px;  position: relative;  margin: 0 auto;  align-self: center;}.wait-inner-circle,.wait-outer-circle {  width: 100%;  height: 100%;  border-radius: 50%;  opacity: .6;  position: absolute;  top: 0;  left: 0;  animation: sk-bounce 2s ease-in-out infinite;}.wait-outer-circle {  animation-delay: -1s;}@keyframes sk-bounce {  0%, 100% {      transform: scale(0);  }  50% {      transform: scale(1);  }            }iframe {  display: block;  width: 100%;  border: 0;  z-index: 100;} text {  display: flex;  align-items: center;  margin: 0;  margin-bottom: 16px;  margin-block-end: 16px;} .internal-background-image:after,.jyskebank-background-image:after,.sydbank-background-image:after,.skjernbank-background-image:after,.landbobanken-background-image:after,.nordfynsbank-background-image:after,.spks-background-image:after {  content: "";  background-size: cover;  background-repeat: no-repeat;  background-attachment: fixed;  background-position: center;  opacity: 0;  z-index: -2;  position: fixed;  top: 0;  left: 0;  right: 0;  bottom: 0;  animation: bgFade ease 2s forwards;  -webkit-animation: bgFade ease 2s forwards;  -moz-animation: bgFade ease 2s forwards;  -o-animation: bgFade ease 2s forwards;  -ms-animation: bgFade ease 2s forwards;} .internal-background-image:after {  background-image: url(/staticcontentnetbank/images/kirby/generalbitmap.jpg);  background-image: -webkit-image-set(    url(/staticcontentnetbank/images/kirby/generalbitmap.jpg) 1x,    url(/staticcontentnetbank/images/kirby/generalbitmap@2x.jpg) 2x,    url(/staticcontentnetbank/images/kirby/generalbitmap@3x.jpg) 3x  );  background-image: image-set(    url(/staticcontentnetbank/images/kirby/generalbitmap.jpg) 1x,    url(/staticcontentnetbank/images/kirby/generalbitmap@2x.jpg) 2x,    url(/staticcontentnetbank/images/kirby/generalbitmap@3x.jpg) 3x                  );} .jyskebank-background-image {  background-color: #2f2f2f;} .jyskebank-background-image:after {  background-image: url("/staticcontentnetbank/images/kirby/background-jyskebank.jpg");  background-image: -webkit-image-set(    url("/staticcontentnetbank/images/kirby/background-jyskebank.jpg")      1x,    url("/staticcontentnetbank/images/kirby/background-jyskebank@2x.jpg")      2x,    url("/staticcontentnetbank/images/kirby/background-jyskebank@3x.jpg")      3x  );  background-image: image-set(    url("/staticcontentnetbank/images/kirby/background-jyskebank.jpg")      1x,    url("/staticcontentnetbank/images/kirby/background-jyskebank@2x.jpg")      2x,    url("/staticcontentnetbank/images/kirby/background-jyskebank@3x.jpg")      3x  );} .sydbank-background-image {  background-color: #002c5b;} .sydbank-background-image:after {  background-image: url(/staticcontentnetbank/images/kirby/background-sydbank-login.jpg);  background-image: -webkit-image-set(    url(/staticcontentnetbank/images/kirby/background-sydbank-login.jpg) 1x,    url(/staticcontentnetbank/images/kirby/background-sydbank-login@2x.jpg) 2x,    url(/staticcontentnetbank/images/kirby/background-sydbank-login@3x.jpg) 3x  );  background-image: image-set(    url(/staticcontentnetbank/images/kirby/background-sydbank-login.jpg) 1x,    url(/staticcontentnetbank/images/kirby/background-sydbank-login@2x.jpg) 2x,    url(/staticcontentnetbank/images/kirby/background-sydbank-login@3x.jpg) 3x                  );} .skjernbank-background-image:after {  background-image: url(/staticcontentnetbank/images/kirby/background-skjernbank-login.png);  background-image: -webkit-image-set(    url(/staticcontentnetbank/images/kirby/background-skjernbank-login.png) 1x,    url(/staticcontentnetbank/images/kirby/background-skjernbank-login@2x.png) 2x,    url(/staticcontentnetbank/images/kirby/background-skjernbank-login@3x.png) 3x  );  background-image: image-set(    url(/staticcontentnetbank/images/kirby/background-skjernbank-login.png) 1x,    url(/staticcontentnetbank/images/kirby/background-skjernbank-login@2x.png) 2x,    url(/staticcontentnetbank/images/kirby/background-skjernbank-login@3x.png) 3x                  );} .kreditbanken-background-image {  background-color: #004441;} .djurslandsbank-background-image {  background-color: #002f24;} .djurslandsbank-background-image-p,.djurslandsbank-background-image-p#error {  background-color: #005b67;} .landbobanken-background-image {  background-color: #2d8c2d;} .landbobanken-background-image:after {  background-image: url(/staticcontentnetbank/images/kirby/background-ringkjobing-landbobank.jpg);  background-image: -webkit-image-set(    url(/staticcontentnetbank/images/kirby/background-ringkjobing-landbobank.jpg) 1x,    url(/staticcontentnetbank/images/kirby/background-ringkjobing-landbobank@2x.jpg) 2x,    url(/staticcontentnetbank/images/kirby/background-ringkjobing-landbobank@3x.jpg) 3x  );  background-image: image-set(    url(/staticcontentnetbank/images/kirby/background-ringkjobing-landbobank.jpg) 1x,    url(/staticcontentnetbank/images/kirby/background-ringkjobing-landbobank@2x.jpg) 2x,    url(/staticcontentnetbank/images/kirby/background-ringkjobing-landbobank@3x.jpg) 3xs                    );} .nordfynsbank-background-image,.nordfynsbank-background-image-p {  background-color: #064060;} .nordfynsbank-background-image:after {  background-image: url(/staticcontentnetbank/images/kirby/background-nordfyns-bank.jpg);  background-image: -webkit-image-set(    url(/staticcontentnetbank/images/kirby/background-nordfyns-bank.jpg) 1x,    url(/staticcontentnetbank/images/kirby/background-nordfyns-bank@2x.jpg) 2x,    url(/staticcontentnetbank/images/kirby/background-nordfyns-bank@3x.jpg) 3x  );  background-image: image-set(    url(/staticcontentnetbank/images/kirby/background-nordfyns-bank.jpg) 1x,    url(/staticcontentnetbank/images/kirby/background-nordfyns-bank@2x.jpg) 2x,    url(/staticcontentnetbank/images/kirby/background-nordfyns-bank@3x.jpg) 3x                  );} .spks-background-image {  background-color: #00584d;} .spks-background-image:after {  background-image: url(/staticcontentnetbank/images/kirby/background-spks.jpg);  background-image: -webkit-image-set(    url(/staticcontentnetbank/images/kirby/background-spks.jpg) 1x,    url(/staticcontentnetbank/images/kirby/background-spks@2x.jpg) 2x,    url(/staticcontentnetbank/images/kirby/background-spks@3x.jpg) 3x  );  background-image: image-set(    url(/staticcontentnetbank/images/kirby/background-spks.jpg) 1x,    url(/staticcontentnetbank/images/kirby/background-spks@2x.jpg) 2x,    url(/staticcontentnetbank/images/kirby/background-spks@3x.jpg) 3x                  );} .logo-jyskebank {  width: calc(100% - 146px);  max-width: 161px;}.logo-sydbank {  width: calc(100% - 146px);  max-width: 150px;}.logo-skjernbank {  width: calc(100% - 146px);  max-width: 209px;}.logo-nordfynsbank {  width: calc(100% - 146px);  max-width: 210px;}.logo-kreditbanken {  width: calc(100% - 146px);  max-width: 222px;} .logo-landbobanken {  width: calc(100% - 146px);  max-width: 300px;}.logo-djurslandsbank {  width: calc(100% - 146px);  max-width: 158px;}.logo-spks {  width: calc(100% - 146px);  max-width: 140px;} .topbar {  display: flex;  align-items: center;  justify-content: space-between;  box-sizing: border-box;  width: 100%;}.topbar > img {  margin-top: 23px;  margin-bottom: 23px;} .container,.footer {  border-radius: 16px;}#acceptContainer,#loginContainer {  padding: 15px;}.nemid #loginContainer {  display: flex;}.middle {  width: 100%;  display: flex;  margin-top: 16px;} .topbar,.middle,.footer {  max-width: 1024px;} .info-box,.info-box-wide {  display: flex;  flex-direction: column;  min-width: 320px;  background-color: rgba(0, 0, 0, 0.6);  -webkit-backdrop-filter: blur(20px);  backdrop-filter: blur(20px);}.info-box-wide {  max-width: 400px;  min-height: 305px;  margin: auto;}.info-box-text {  padding-top: 24px;  padding-left: 32px;  padding-right: 32px;}.text-white {  color: #ffffff;}.info-box-text a > text {  height: 44px;}.info-box-text a > text .icon {  width: 24px;  height: 24px;  margin-right: 16px;  margin-left: 16px;} .info-box-text-wide {  flex-grow: 1;} .info-box-text a text {  margin-bottom: 0px;}.container .footer {  height: auto;  padding-left: 32px;  margin-bottom: 16px;} .container .footer > span {  white-space: nowrap;  padding-right: 12px;  display: flex;  flex-wrap: wrap;} .modal-overlay {  position: absolute;  height: 100vh;  width: 100vw;   overflow-y: scroll;  z-index: 2;   background-color: rgba(28, 28, 28, 0.4);   left: 0px; /* IE11 */  top: 0px; /* IE11 */} .dropdown-arrow-down,.icon {  width: 16px;  height: 16px;  object-fit: contain;} .icon {  margin-right: 8px;} .footer {  font-size: 10px;  line-height: 1.6;  color: rgba(255, 255, 255, 0.6);  display: flex;  padding-top: 0px;} .footer span {  white-space: nowrap;  padding-right: 12px;} .djurslandsbank-footer {  height: 24px;}/* shared tablet and desktop rules */@media all and (min-width: 433px) {  .middle {    margin-top: 63px;  }}/* tablet only rules */@media all and (min-width: 433px) and (max-width: 1024px) {  .topbar {    padding-left: 32px;    padding-right: 32px;  }}/* mobile only */@media all and (max-width: 432px) {  .topbar {    padding-left: 16px;    padding-right: 16px;  }    .Rectangle {    padding: 12px 16px 12px 16px !important;  }    .middle {    padding: 0px;    margin-top: 33px;  }}/*---/ End Shared Styles ---*//* --- Colors --- *//* White / #fff */h3,text,.white,select,select *,a:hover,.backbutton > * {  color: #ffffff;}#loginContainer,.nemid-login iframe,.cancel-button,#breaking_box {  background-color: #ffffff;}/* Black / #000 */.breaking-box-content a:link,.breaking-box-content a:hover,.breaking-box-content a:visited {  color: #000000;}.internal-background-image {  background-color: #000000;}/* #1c1c1c */.warning-subtitle,.error-subtitle,.try-again-text,.warning-title,.primary-button-text,.Subtitle,.Driftinformation,.DriftText {  color: #1c1c1c;}.Overlay {  background-color: #1c1c1c;}/* #d1d1d1 */.dropdown-style,.try-again-button,.cancel-button,.SleepOutline {  border-color: #d1d1d1;}/* #353535 */.skjernbank-background-image,select * {  background-color: #353535;}/* #ffca3a */.Rectangle {  background-color: #ffca3a;}.Outline {  color: #ffca3a;  border-color: #ffca3a;}.WarningOutlineTop,.WarningOutline {  width: 96px;  height: 96px;  border: solid 4px #ffca3a;  margin: 40px auto 24px auto;  border-radius: 180px;}.WarningOutlineTop {  margin-top: 0px;}.center {      text-align: center;   }/*---/ End colors ---*//*--- Anmiations ---*/@keyframes bgFade {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}@-moz-keyframes bgFade {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}@-webkit-keyframes bgFade {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}@-o-keyframes bgFade {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}@-ms-keyframes bgFade {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}/*---/ End anmiations ---*//********* END CURITY CSS ********/@media all and (min-width: 402px) and (max-width: 432px) {  .mitid #acceptContainer,  .mitid #loginContainer,  .mitid #signContainer {    padding: 15px calc((100vw - 402px) /2 );  }}@media all and (min-width: 320px) and (max-width: 352px) {  .nemid #acceptContainer,  .nemid #loginContainer{    padding: 15px calc((100vw - 320px) /2 );  }}@media all and (max-width: 402px) {  .mitid #acceptContainer,  .mitid #loginContainer,  .mitid #signContainer {    padding: 15px 0;  }  .mitid-core {    border: none;  }}@media all and (max-width: 320px) {  .nemid #acceptContainer,  .nemid #loginContainer,  .nemid #signContainer {    padding: 15px 0 !important;  } }@media all and (min-width: 320px) and (max-width: 352px) {  .nemid #signContainer {    padding: 15px calc((100vw - 320px) /2 ) !important;  }}

/***** BEGIN BROKER MITID.CSS ******/

.single-box {
    max-width: 400px;
    min-width: 400px;
    width: 100%;
    background-color: #ffffff;
    height: 588px;
}

div.middle {
    padding: 0;
    flex: 1;
}

div.info-box {
    max-width: 400px;
    width: 100%;
}

.mitid-box {
    padding: 31px;
    max-width: 400px;
    height: 588px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.mitid-header {
    /* Removed because otherwise the MitID Logo and grey line didn't align with the "Vælg identifikationsmiddel"
     * box and "Fortsæt" button below it on mobile devices.
     */
    /* max-width: 340px; */
    margin-bottom: 24px;
}

.mitid-header-front {
    z-index: 21
}

.mitid-header-legend {
    width: 100%;
    text-align: left;
    flex: 0 0 auto;
    line-height: 1rem;
    position: relative;
    max-height: 72px;
    overflow: hidden;
}

.mitid-header-legend-text {
    max-width: 243px;
    font-weight: 700;
    overflow: hidden;
    line-height: 1.5rem;
    font-size: 1rem;
    width: 260px;
    max-height: 3rem;
    min-height: 1.5rem;
    text-overflow: ellipsis;
    margin: 0;
	padding: 0;
}

.mitid-header-logo {
    position: absolute;
    right: 0;
    width: 61px;
    bottom: 0px;
    height: 24px;
    top: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.mitid-login-divider {
    border-radius: 0;
    height: 1px;
    border: none;
    background: rgba(0,0,0,.1);
    margin: 15px 0 0 0;
    width: 100%;
}

.mitid-core-actions {
    flex: 0 0 48px;
    display: flex;
    align-items: center;
}
.mitid-login-fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

@media (hover: hover) {
    /* The user can hover - generally with a mouse cursor */
    /* Make the iframe that includes the MitID app eafe a bit shorter to avoid
     * vertical scrollbar on Ringkjøbing Landbobank's login page.
     * Source: https://jacobpadilla.com/articles/hover-media-query
     */
    #mitid_element > iframe:not(.eafe_password) {
        height: 295px !important;
    }
}

#mitid-auth-code-app {
    /* !important is necessary here, because the embedded iframe loads its own styling which takes precedence
       over this styling if it's not marked as !important.
     */
    padding: 0 5px 0 5px !important;
}

.eafe_password {
    height: 120px !important;
}

.button-tmp,
.input-tmp {
    position: absolute;
    visibility: hidden;
    pointer-events: none;
}

.mitid--input-field[defaultlanguage^="DA / DK"],
.mitid--input-field[defaultlanguage^="EN / GB"],
.mitid-login-form-element[showicontext^="Icon Help Text"] {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    left:0;
}

.mitid-login-form-element:not(:last-child) {
    margin-bottom: .8rem;
}

.mitid-login-form-element-label {
    text-transform: uppercase;
    display: block;
    font-weight: 600;
    font-size: .875rem;
    line-height: 24px;
    margin-bottom: .8rem;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    text-align: unset !important;
}

.mitid-login-form-element-div {
    display:flex;
    height: 32px;
    padding-bottom: 8px;
}


.mitid-choose-authenticator-container h2 {
    display: inline;
}

.heading_centered {
    width: 100%;
    font-size: 1.25rem !important;
    line-height: 28px !important;
    text-align: center !important;
    text-transform: none !important;
    padding-bottom: 24px;
    height: 52px;
}

.sub_heading_centered {
    height: 52px;
    padding-bottom: 0px;
}

.mitid-switch-authenticator-icon {
    margin-right: 8px;
}

.mitid--forgot-userid-popover:before,
.mitid--button-icon-popover:before {
    -webkit-appearance:none;
    appearance:none;
    position:relative;
    border:0;
    line-height:1rem;
    width:1rem;
    height:1rem;
    padding:0;
    outline:none important;
    display:inline-block;
    border-radius:4px;
    content:"  ";
    position:relative;
    background:#fff url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' height='16' viewBox='0 0 24 24' width='16'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath fill='%23001C44' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-4h2v2h-2zm1.61-9.96c-2.06-.3-3.88.97-4.43 2.79-.18.58.26 1.17.87 1.17h.2c.41 0 .74-.29.88-.67.32-.89 1.27-1.5 2.3-1.28.95.2 1.65 1.13 1.57 2.1-.1 1.34-1.62 1.63-2.45 2.88 0 .01-.01.01-.01.02-.01.02-.02.03-.03.05-.09.15-.18.32-.25.5-.01.03-.03.05-.04.08-.01.02-.01.04-.02.07-.12.34-.2.75-.2 1.25h2c0-.42.11-.77.28-1.07.02-.03.03-.06.05-.09.08-.14.18-.27.28-.39.01-.01.02-.03.03-.04.1-.12.21-.23.33-.34.96-.91 2.26-1.65 1.99-3.56-.24-1.74-1.61-3.21-3.35-3.47z'/%3E%3C/svg%3E") no-repeat center center
    
}

.mitid--button-icon-popover:hover:before,.mitid--button-icon-popover:focus:before{                        
    background:#fff url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' height='16' viewBox='0 0 24 24' width='16'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath fill='%230060E6' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-4h2v2h-2zm1.61-9.96c-2.06-.3-3.88.97-4.43 2.79-.18.58.26 1.17.87 1.17h.2c.41 0 .74-.29.88-.67.32-.89 1.27-1.5 2.3-1.28.95.2 1.65 1.13 1.57 2.1-.1 1.34-1.62 1.63-2.45 2.88 0 .01-.01.01-.01.02-.01.02-.02.03-.03.05-.09.15-.18.32-.25.5-.01.03-.03.05-.04.08-.01.02-.01.04-.02.07-.12.34-.2.75-.2 1.25h2c0-.42.11-.77.28-1.07.02-.03.03-.06.05-.09.08-.14.18-.27.28-.39.01-.01.02-.03.03-.04.1-.12.21-.23.33-.34.96-.91 2.26-1.65 1.99-3.56-.24-1.74-1.61-3.21-3.35-3.47z'/%3E%3C/svg%3E") no-repeat center center !important;
}
.mitid--button-icon-popover:focus:before{
    box-shadow:0px 0px 0px 2px #fff,0px 0px 0px 5px #0060e6
}

.mitid--button-icon-popover::-moz-focus-inner{
    border:0
}


.mitid-login--reference-text {
    max-height: 72px;
    white-space: normal;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 1rem;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    max-width: 334px;
}

.mitid--button-icon {
    width:24px;
    height:24px;
}

.mitid-login--footer {
    text-align: left;
    /* Removed max-width to make horizontal footer grey line align with edge of buttons. */
    /*max-width: 336px;*/
    z-index: 1;
    height: 40px;
}

/*
.mitid-link__icon {
    margin-right: 0;
    position: absolute;
    top: 0.8px;
    left: 2px;
    height: 1.5rem;
    width: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
*/

.visual-spinner .mitid-login--footer {
    z-index: 21;
}

.mitid-authenticator-container {
    flex-grow: 2;
}

.mitid-login--footer hr {
    margin: 0;
    /* Removed max-width to make horizontal footer grey line align with edge of buttons. */
    /*max-width: 336px;*/
    height: 1px;
}

.mitid-login--footer-navigation {
    font-size: 16px;
    color: rgba(0,0,0,.9);
    height: 24px;
    margin-top: 16px;
    display: flex;
    width: 142px;
    justify-content: space-between;
    align-items: center;
}

.mitid-wait {
    max-width: 400px;
    height: 588px;
    border-style: none;
}

.mitid-wait-top {
    width: 100%;
    height: 168px;
}

.mitid-wait-logo {
    width: 100%;
    height: 24px;
    transform: scale(0.2);
}

.mitid-wait-spacing {
    width: 100%;
    height: 24px;
}

#mitid_wait_checkmark_spacing {
    height: 27px
}

.mitid-wait-heading {
    width: 100%;
    height: 2rem;
    text-align: center;
}

.mitid-wait-body {
    width: 100%;
    height: 1.5rem;
    text-align: center;
}

.mitid-wait-bottom {
    width: 100%;
    height: 172px;
}

.hide {
    display: none !important;
}

.noborders {
    border: none;
}

.inline {
    display: inline;
}

.inlineblock {
    display: inline-block;
}

.margin {
    margin-top: 1%
}

/* Alerts */
.alert {
  background: #d4d4d4;
  border-radius: 4px;
  padding: 15px;
  margin: 0 0 20px;
}
.alert span {
  display: block;
}

a {
 text-decoration: none;
}

h3 {
  color: #ffffff;
}

.mitid-header-logo img {
    width: 61px;
    height: 16px;
}

.mitid-wait-spinner,
.mitid-wait-done {
    width: 100%;
    height: 117px;
}

.mitid-wait-spinner img {
    width: 100px;
    height: 117px;
    display: block;
    margin: auto;
    position: relative;
    top: -52px;
    display: block;
}
.mitid-wait-spinner svg {
    position: relative !important;
    top: 28px !important;
    bottom: 39px !important;
    height: 50px;
    width: 50px;
    display: block !important;
}

.mitid-wait-done img {
    width: 100px;
    height: 120px;
    display: block;
    margin: auto;
    position: relative;
    top: calc(-24px * 1.9);
    display: block;
}


.mitid-wait-done svg {
    position: relative !important;
    top: 35px !important;
    bottom: 0px !important;
    display: block !important;
    margin: 0 auto;
    z-index: 10;
    width: 48px;
    height: 48px;
}


.mitid-wait-logo {
    transform: scale(1);
}

.mitid-wait-logo img {
    display: block;
    margin: 0px auto;
    padding: 4px 0px;
    width: 61px;
    height: 24px;
}



.mitid-core--loader-done {
    -webkit-animation: jello-vertical .9s both !important;
    animation: jello-vertical .9s both !important;
}

@keyframes jello-vertical {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    40% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    50% {
        -webkit-transform: scale3d(0.85, 1.15, 1);
        transform: scale3d(0.85, 1.15, 1)
    }

    65% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    75% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}


.mitid-core {
    width: 100vw;
    background-color: #fff;
    border: 1px solid #ccc;
    height: 588px;
    max-width: 402px;
    box-sizing: border-box;
    position: relative;
    display: block;
    min-width: 300px;
}


@media screen and (max-width: 399px) {

    .middle > .wrapper {
         flex-wrap: unset;
         justify-content: unset;
    }
    .mitid-box {
        width: 100%;
        border: 0;
        height: 588px;
        min-height: 400px;
        padding: 8px 16px;
    }
    .mitid-core {
        width: 100vw;
        border: 0;
        height: 588px;
        min-height: 400px;
    }
    .single-box {
        min-width: 320px;
    }
}

@media (hover: none) {
    /* No hovering available - generally a touchscreen */
    /* Make the iframe that includes the MitID app eafe a bit taller to avoid
     * avoid cutting off the bottom of the buttons "Åben MitID app" / "Åben på
     * anden enhed".
     * Source: https://jacobpadilla.com/articles/hover-media-query
     */
    #mitid_element > iframe:not(.eafe_password)  {
        height: 320px !important;
    }
}

.mitid--notification.mitid--notification-danger:before {
    content: " ";
    background-image: url("data:image/svg+xml, %3Csvg fill='%23d90000' xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E ");
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    left: 16px;
    float: left;
}

.mitid--authenticatorlist {
    /* TODO This margin overwrites the corresponding class in mitid-design-system.css, because the latest PD4 does
       not provide this required change, even though it's obvious from the MitID Test tool CSS */
    margin: 0 0 16px 0;
    /* Ensure that the "Fortsæt" button in the "Skift identifikationsmiddel" aligns with the box containing
     * the list of identification device options. Works for mobile as well as desktop.
     */
    min-width: 100%;
}

.mitid--forgot-userid{
    padding: 14px 16px 12px 13px;
    line-height: 1.5rem;
}

.mitid--button-icon-popover{
    padding: 16px 15px 12px 13px;
}

.mitid--forgot-userid,
.mitid--button-icon-popover {
    appearance: none;   
    border: 0;
    width: 44px;
    background-color: transparent;
    position: relative;
    outline: none !important;
    display: inline-block;
    border-radius: .25rem;
    cursor: pointer;
    height: 44px;
    top: -12px;
}

.mitid--forgot-userid {
    width: auto;
}

.mitid--forgot-userid-popover:before,
.mitid--button-icon-popover:before {
    appearance: none;
    position: relative;
    border: 0;
    line-height: 1rem;
    width: 1rem;
    height: 1rem;
    padding: 0;
    outline: none !important;
    display: inline-block;
    border-radius: .25rem;
    content: " ";
    position: relative;
    background: #fff url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' viewBox='0 0 24 24' width='16'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath fill='%23001C44' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-4h2v2h-2zm1.61-9.96c-2.06-.3-3.88.97-4.43 2.79-.18.58.26 1.17.87 1.17h.2c.41 0 .74-.29.88-.67.32-.89 1.27-1.5 2.3-1.28.95.2 1.65 1.13 1.57 2.1-.1 1.34-1.62 1.63-2.45 2.88 0 .01-.01.01-.01.02-.01.02-.02.03-.03.05-.09.15-.18.32-.25.5-.01.03-.03.05-.04.08-.01.02-.01.04-.02.07-.12.34-.2.75-.2 1.25h2c0-.42.11-.77.28-1.07.02-.03.03-.06.05-.09.08-.14.18-.27.28-.39.01-.01.02-.03.03-.04.1-.12.21-.23.33-.34.96-.91 2.26-1.65 1.99-3.56-.24-1.74-1.61-3.21-3.35-3.47z'/%3E%3C/svg%3E) no-repeat center center;
}

html #mitId * {
    font-family: "IBM Plex Sans",Arial,Helvetica,FreeSans,sans,sans-serif;
}

.mitid-core-tooltip {
    color: #333;
    font-size: 1rem;
    left: 4px;
    letter-spacing: 0px;
    line-height: 24px;
    font-weight: 400;
    font-style: normal;
    position: relative;
    padding: 0;
    text-decoration: none;
    list-style: none;
    text-align: left;
    z-index: 2000;
}

.mitid-core-tooltip__content {
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 14px 3px rgb(0 0 0 / 20%);
    top: 35px;
    padding: 8px 8px 8px 16px;
    max-width: 336px;
    width: 100%;
    box-sizing: border-box;
    left: -4px;
    right: 4px;
}

.mitid-core-tooltip-userid__content {
    top: 190px;
}

.mitid-core-tooltip .mitid-core-tooltip__header {
    display: flex;
    justify-content: space-between;
    margin: 8px 0 0 16px;
}

.mitid-core h2 {
    font-size: 1rem;
    color: #333;
    font-weight: 700;
    line-height: 1.5rem;
    margin: 0;
    padding: 0;
}


.mitid-core-close {
    width: 24px;
    height: 24px;
    display: flex;
    align-self: start;
    align-items: center;
    justify-content: center;
}

#tooltipMore {
    margin-top: 10px;
}

.mitid-core-close button path {fill: #001c44;}
.mitid-core-close button:hover path{fill:#0060E6}
.mitid-core-close button:active path{fill:#00398a}
.mitid-core-close button:disabled path{fill:#b2b2b2}
.mitid-core-close button:focus path{fill:#004cb8}
.mitid-core-close button:focus{
    border: 2px solid #0060e6;
    border-radius:4px;
    width: 24px;
    height: 24px;
}

/** wait spinner **/

.mitid-spinner{
    position:relative;
    height:5px;
    max-width: 402px;
    left:0;
    top:-588px;
    overflow:hidden;
    z-index:100;
    margin: 0;
    width: 100%;
}

.mitid-spinner__spin{
    background-color:#0060e6;
    width:225px;
    height:4px;
    position:relative;
    animation-name:mitid-spinner;
    animation-duration:2s;
    animation-iteration-count:infinite
}

@keyframes mitid-spinner{
    0%{
        left:-225px;
        top:0px
    }
    100%{
        left:100%;
        top:0px
    }
}
/** end wait spinner **/

.mitid-core-overloay {
    position: relative;
    max-width: 400px;
    height: 588px;
    top: -588px;
    background-color: rgba(255,255,255,.6);
    z-index: 20;
}


.mitid-core-tooltip__text {
    margin: 0px 32px 16px 16px;
}

.mitid-core-text-button {
    font-size: 1rem;
    font-weight: 600;
    color: #001c44;
    display: inline-flex;
    letter-spacing: 0;
    text-decoration: none;
    outline: none;
    line-height: 1.5rem;
    padding: 0 4px;
    cursor: pointer;
    position: relative;
    left: -5px;
    min-height: 40px;
    border-radius: 6px;
}

#mitidForgotUseridToggle  {
    left: -14px;
}

#mitidForgotPasswordToggle .mitid-core-text-button__icon,
#mitidForgotUseridToggle .mitid-core-text-button__icon {
    top: -2px;
}

.mitid-core-text-button--link {
    top: 3px;
    left: -7px;
    min-height: 30px;
    color: #0060e6;
}

.mitid-core-text-button:hover, .mitid-core-text-button:focus {
    text-decoration: underline;
    color: #004cb8;
}

.mitid-core-text-button:active {
    color: #00398a;
    text-decoration: underline;
}

.mitid-core-text-button:focus {
    box-shadow: 0 0 0 3px #0060e6;
}

.mitid-core-text-button--link .mitid-core-text-button__icon path {
    fill: #0060e6;
}

#forgotUserIDHelp g path {
    fill: white;
}

#forgotUserIDHelp g path:last-child {
    fill: #0060e6;
}

#forgotPasswordHelp g path {
    fill: white;
}

#forgotPasswordHelp g path:last-child {
    fill: #0060e6;
}
.mitid-core-text-button:hover .mitid-core-text-button__icon>#forgotPasswordHelp g path:last-child,
.mitid-core-text-button:focus .mitid-core-text-button__icon>#forgotPasswordHelp g path:last-child,
.mitid-core-text-button:hover .mitid-core-text-button__icon>#forgotUserIDHelp g path:last-child,
.mitid-core-text-button:focus .mitid-core-text-button__icon>#forgotUserIDHelp g path:last-child {
    fill: #004cb8;
}


#mitidForgotPasswordToggle span,
#mitidForgotUseridToggle span {
    max-width: 100%;
    cursor: pointer;
    font-weight: 600;
    color: #0060e6;
    text-decoration: none;
    letter-spacing: .2px;
    word-break: break-word;
    word-wrap: break-word;
}

.mitid-core-text-button--link .mitid-core-text-button__icon {
    margin-top: 3px;
    margin-right: 8px;
}

.mitid-core-help__menu .mitid-core-text-button--link .mitid-core-text-button__icon {
    margin-top: -5px;
}


#mitid h2 {
    font-size: 1rem;
    color: #333;
    font-weight: 700;
    line-height: 1.5rem;
    margin: 0;
    padding: 0;
}

.mitid-core-text-button--link .mitid-core-text-button__label {
    margin-top: 2px;
    letter-spacing: .2px;
}

.mitid-core-text-button:after {
    content: "";
    min-height: inherit;
    font-size: 0;
}

.mitid-core-help {
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 14px 3px rgb(0 0 0 / 20%);
    bottom: 64px;
    padding: 8px 8px 8px 16px;
    max-width: 336px;
    width: 100%;
    box-sizing: border-box;
}

.mitid-core-help:after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 7.5px 0 7.5px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    left: 105px;
    bottom: -10px;
}

.mitid-core-help__header {
    display: flex;
    align-items: center;
    height: 40px;
}
.mitid-core-help__header .mitid-core-help__header-text {
    flex: 1 1 100%;
    margin: 0;
}

.mitid-core-help__menu-item {
    flex: 1;
    margin: 0;
    padding: 0;
    min-height: 44px;
}
.mitid-core-help__menu {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    width: 100%;
    max-width: 304px;
    height: 100%;
}

.mitid-core-close button {
    border: 2px solid transparent;
    height: 24px;
    width: 24px;
    padding: 0;
    box-sizing: content-box;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.mitid-core-text-button__icon {
    display: inline;
    position: relative;
    top: 8px;
}

#mitid-switch-authenticator-link:focus,
#mitid-switch-authenticator-link:hover {
    text-decoration: none;
    color: #004cb8;
}

#mitid-switch-authenticator-link:focus span,
#mitid-switch-authenticator-link:hover span {
    text-decoration: underline;
    color: #004cb8;
}


#mitid-switch-authenticator-link:focus path,
#mitid-switch-authenticator-link:hover path {
    fill:#004cb8
}

/***** TERMS ******/

.mitid-core-terms__display {
    overflow-y: auto;
    height: 248px;
    line-height: 20px;
}

.mitid-core-terms__display * {
    line-height: 20px;
}

.mitid-core-terms__summary {
    z-index: 1;
    width: 100%;
    position: relative;
    height: 248px;
}

.mitid-core-terms__display>div p:first-child {
    margin-block-start: 0;
}

.mitid-core-client--terms-actions {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.mitid-core-client--terms-actions:before, .mitid-core-client--terms-actions:after {
    content: "";
    display: block;
}

.mitid-core-text-button__label {
    max-width: 100%;
    margin-top: 7px;
    letter-spacing: .2px;
}


.mitid-core-terms__actions:before, .mitid-core-terms__actions:after {
    content: "";
    display: block;
}
.mitid-core-terms__actions:before, .mitid-core-terms__actions:after {
    content: "";
    display: block;
}

#mitidTermsLink svg {
    margin-right: 10px;
    top: 0px;
    margin-top: 8px;
    margin-left: -3px;
}

#mitidTermsLink {
    margin-left: 4px;
    color: #0060e6;
}

.mitid-core-text-button:hover, .mitid-core-text-button:focus {
    text-decoration: underline;
    color: #004cb8;
}
.mitid-core-text-button:hover path, .mitid-core-text-button:focus path {
    fill: #00398a;
}


.mitid-core-text-button:hover .mitid-core-text-button__iconTerms path, .mitid-core-text-button:focus .mitid-core-text-button__iconTerms path {
    fill: #004cb8;
}

#mitidTermsLink .mitid-core-text-button__iconTerms path {
    fill: #0060e6;
}

.mitid-core-text-button__iconTerms path {
    fill: #001c44;
}

.mitid-core-terms__fade {
    bottom: 0;
    z-index: 2;
    left: 0;
    width: 95%;
    position: absolute;
    display: block;
    height: 35px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATsAAABGCAYAAACzFzNsAAAC4HpUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHja7ZZtkuQmDIb/c4ocAUkIieNgPqr2Bjl+XjDd070zm+zW5k+qYspAy0LI7yMzE8af32b4AxdRSSGpeS45R1yppMIVE4/3VXZPMe1+X3KdGb3bQ8pnEcMky/P+afUeqcKuHwsee9D1bg9+nrCfQOfBI6CsnRmT/pok7HzbKZ1AZdyTXNxeU734Httx3KmcW2yHfgZZv8OrIRlU6govYR5CEtGznAzkvivugp5F4XfPo6SAIQmdTCDI2+s9xhhfBXoT+TEL36sv/rX4XI+HfKflgRUw+fIB6dfib4lfN35mxO8PTJ5LPok8Z/c5x/12NWUomk9FxfBQZ62B4wXJZS/LaIZbMbfdCprHGhvg9NjihdaoEIPKDJSoU6VJY4+NGlJMPNgwMjeWbXMxLtyQLgEOGk02EOvi4Nd4BBGY+ZkL7X3L3q+RY+dOcGVCMMKSH7bwdw9/pYU525KIdsX61gp58apcpLHIrR5eAELzcNMt8KMd/PGlsFapJrgtmR0vWON1h7iUPmpLNmeBn2K8vwoK1k8ASIS9FcmQgEDMJEqZojEbEXR0AKrInCXxBQKkyh1JchLJHIyd195YY7R9WTnzMuNsAgiVLAY2+KYAKyVF/Vhy1FBV0aSqWU09aNGaJaesOWfL65CrJpZMLZuZW7Hq4snVs5u7F6+Fi+AM1JKLFS+l1MqhYqOKWBX+FZaLL7nSpVe+7PKrXLWhfFpq2nKz5q202rlLxzHRc7fuvfQ6KAycFCMNHXnY8FFGnai1KTNNnXna9FlmfVI7VD+1X6BGhxpvUsvPntRgDWaPELSOE13MQIwTgbgtAihoXsyiU0q8yC1msTA+CmUkqYtN6LSIAWEaxDrpye6D3E9xC+o/xY3/iVxY6P4NcgHoPnP7glpff+faJnZ/hUvTKPj64FPZA+4Y0f3u+H+g/2wgmagT/L8S/gLMzCQxv3NK2QAAAYVpQ0NQSUNDIHByb2ZpbGUAAHicfZE9SMNAHMVfU7UqFQeLqDhkaJ0siIo4ShWLYKG0FVp1MLn0C5o0JCkujoJrwcGPxaqDi7OuDq6CIPgB4uTopOgiJf4vKbSI9eC4H+/uPe7eAUKtxFSzYwJQNctIRCNiOrMq+l7Rg2F0IYRBiZl6LLmYQtvxdQ8PX+/CPKv9uT9Hn5I1GeARieeYbljEG8Qzm5bOeZ84wAqSQnxOPG7QBYkfuS67/MY577DAMwNGKjFPHCAW8y0stzArGCrxNHFQUTXKF9IuK5y3OKulCmvck7/Qn9VWklynOYoolhBDHCJkVFBECRbCtGqkmEjQfqSNf8Txx8klk6sIRo4FlKFCcvzgf/C7WzM3Nekm+SNA54ttf4QA3y5Qr9r297Ft108A7zNwpTX95Row+0l6takFj4D+beDiuqnJe8DlDjD0pEuG5EhemkIuB7yf0TdlgIFboHfN7a2xj9MHIEVdLd8AB4fAWJ6y19u8u7u1t3/PNPr7AYHHcq3wuNZoAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5AkZBwQq25iTBwAAAThJREFUeNrt2zEOhDAMAEEHAvz/xeEHICGBiD3TXZMixcoxujbGWAMguR4RzTUAFWJnsgPEDsAzFmCi2G2uAagQu901ACY7gCSx664BqBC7wzUAFWJnZweIHUCW2PlAAZSInZ0dIHYAWWJnZweY7ABMdgBiByB2AJ/Hzs4OEDuALLHzDwrAZAcgdgATxc7XWMBkB5AldncfKFpEjIvfTzjTmc505qdnmuyAMpOdnR3gGQsgdgCesQBiB+AZC/BG7LprAEx2AGIHME/sVtcAVIidnR0gdgBiBzBR7OzsAJMdQJbYLa4B8IwFEDsAsQP4Vezs7IASsWuuATDZASSJnZ0d4BkLIHYAYgfwr9j5QAGY7AAyMNUBJjsAsQPwjAUQOwCxA3iDnR1gsgMQOwCxAxA7ALEDEDuAh055+yL+tA9CcgAAAABJRU5ErkJggg==) center no-repeat;
    background-size: 100%;
}

.mitid-checkbox {
    font-family: "IBM Plex Sans",Arial,Helvetica,FreeSans,sans,sans-serif;
    font-weight: 500;
    color: #001c44;
    -webkit-appearance: none;
    appearance: none;
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mitid-checkbox__label {
    max-height: 60px;
    overflow: hidden;
    display: block;
}

.mitid-checkbox__checkmark {
    position: absolute;
    top: -1px;
    left: 0;
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mitid-checkbox__input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 24px;
    width: 24px;
    top: 0;
    left: 0;
}

.mitid-checkbox__checker {
    width: 18px;
    height: 18px;
    display: block;
    border: #001c44 solid 2px;
    border-radius: 3px;
    box-sizing: border-box;
}


.mitid--checkbox input[type=checkbox] {
    position: absolute;
    outline: 0;
    opacity: 0;
    margin: 0;
    top: 0;
    left: 0;
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    font-size: inherit;
    z-index: 5;
}

input[type=checkbox] {
    z-index: 1;
}


.mitid-checkbox{font-family:"IBM Plex Sans",Arial,Helvetica,FreeSans,sans,sans-serif;font-weight:500;color:#001c44;-webkit-appearance:none;appearance:none;display:block;position:relative;padding-left:35px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.mitid-checkbox__label{max-height:60px;overflow:hidden;display:block}.mitid-checkbox__input{position:absolute;opacity:0;cursor:pointer;height:24px;width:24px;top:0;left:0}.mitid-checkbox__checkmark{position:absolute;top:-1px;left:0;height:24px;width:24px;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center}.mitid-checkbox__checker{width:18px;height:18px;display:block;border:#001c44 solid 2px;border-radius:3px;box-sizing:border-box}.mitid-checkbox__input:checked~.mitid-checkbox__checkmark>.mitid-checkbox__checker{border-color:#0060e6}.mitid-checkbox__input:focus~.mitid-checkbox__checkmark{box-shadow:0 0 0 3px #0060e6;border-radius:6px}.mitid-checkbox__input:not(:checked):focus~.mitid-checkbox__checkmark>.mitid-checkbox__checker{border-color:#0060e6}.mitid-checkbox__input:checked~.mitid-checkbox__checkmark>.mitid-checkbox__checker{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' preserveAspectRatio='xMinYMid'%3e%3cpath fill='%230060e6' fill-rule='evenodd' d='M16.063 0h-14c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zm-8.29 13.29a.996.996 0 01-1.41 0L2.773 9.7a.997.997 0 111.41-1.41l2.88 2.88 6.88-6.88a.997.997 0 111.41 1.41l-7.58 7.59z'/%3e%3c/svg%3e");background-size:18px 18px;border:none !important}.mitid-checkbox:hover .mitid-checkbox__input:not(:checked)~.mitid-checkbox__checkmark>.mitid-checkbox__checker{border-color:#0060e6}
/***** END BROKER MITID.CSS ******/

#mitid-authenticator-container {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.mitid-core-client--terms-actions {
    display: flex;
    flex-direction: column;
    padding-top: 12px;
    padding-bottom: 12px;
    height: 100%;
    min-height: 109px;
    max-height: 133px;
    justify-content: space-between;
}




.mitid-core-header__text {
    display: inline-block;
    width: 243px;
    font-size: 1rem;
    color: #333;
    font-weight: 700;
    line-height: 1.5rem;
    margin: 0;
    padding: 0;
}



.mitid_wait_checkmark_heading h3,
.mitid-wait-heading h3 {
    color: #333;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin: 0;
    padding: 0;
}

.mitid_wait_checkmark_body,
.mitid-wait-body {
    text-align: center;
    vertical-align: middle;
    line-height: 24px;
    max-height: 56px;
}


/****************** ERROR/WARNING ****************/
.mitid-notification--error {
    background-color: #fdf2f2;
    border: 1px solid rgba(218,0,0,.2);
}

.mitid-notification__content {
    padding: 15px 15px 15px 55px;
    position: relative;
    margin-bottom: 1rem;
    display: block;
    overflow: hidden;
}


.mitid-notification--error {
    background-color: #fdf2f2;
    border: 1px solid rgba(217,0,0,.2);
}

.mitid-notification--error:before {
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23d90000' fill-rule='evenodd' d='M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z'/%3E%3C/svg%3E");
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    left: 16px;
    float: left;
}

.mitid-core h2 {
    font-size: 1rem;
    color: #333;
    font-weight: 700;
    line-height: 1.5rem;
    margin: 0;
    padding: 0;
}
.mitid-notification__text {
    font-weight: 400;
    font-size: 1rem;
    width: 264px;
    display: flex;
    flex-direction: column;
}
.mitid-notification__text p {
    margin: 0;
}
.mitid-notification__link{
    width: 264px;
    height: 24px;
    margin-top: 8px;
    display: flex;
    align-items: center;
}
.mitid-notification--warning {
    background-color: #fffbf2;
    border: 1px solid rgba(254,171,0,.2);
}
.mitid-notification--warning:before {
    content: " ";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg fill='%23feab00' width='24px' height='24px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EF7BD9E59-0FBF-4F1C-98E3-A2E0D17E6185@1.00x%3C/title%3E%3Cg id='Components' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Iconography' transform='translate(-357.000000, -914.000000)'%3E%3Cg id='checkbox-/-01-enabled' transform='translate(357.000000, 914.000000)'%3E%3Cg id='notification'%3E%3Cg id='icon'%3E%3Cg id='icons/alert/error_outline'%3E%3Cg id='error'%3E%3Crect id='%23' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M32,5.33333333 C17.28,5.33333333 5.33333333,17.28 5.33333333,32 C5.33333333,46.72 17.28,58.6666667 32,58.6666667 C46.72,58.6666667 58.6666667,46.72 58.6666667,32 C58.6666667,17.28 46.72,5.33333333 32,5.33333333 Z' id='Shape' fill='%23FEAB00'%3E%3C/path%3E%3Cpath d='M32,34.6666667 C30.5333333,34.6666667 29.3333333,33.4666667 29.3333333,32 L29.3333333,21.3333333 C29.3333333,19.8666667 30.5333333,18.6666667 32,18.6666667 C33.4666667,18.6666667 34.6666667,19.8666667 34.6666667,21.3333333 L34.6666667,32 C34.6666667,33.4666667 33.4666667,34.6666667 32,34.6666667 Z' id='Path' fill='%23000000'%3E%3C/path%3E%3Cpolygon id='Path' fill='%23000000' points='34.6666667 45.3333333 29.3333333 45.3333333 29.3333333 40 34.6666667 40'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    left: 16px;
    float: left;
}

.mitid-login-form-element label {
    display: block;
    font-weight: 600;
    margin-bottom: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: .875rem;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: .2px;
    color: #333;
}

/***** FIRST TIME ******/

.first-time {
    padding: 24px 32px 282px;
    border-radius: 16px;
}

.first-time-header {
    width: 100%;
    font-family: Roboto;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #000000;
}

.first-time-body {
    margin-top: 0px;
    min-height: 72px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #1c1c1c;
    margin: 0;
}

.first-time-label {
    padding-top: 20px;
    display: block;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #1c1c1c;
    margin: 0 16px 8px;
}

.cpr-input {
    width: calc(100% - 32px);
    margin: 0;
    padding: 16px;
    border-radius: 16px;
    background-color: #ffffff;
    border: solid 1px #d1d1d1;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    caret-color: #0060e6;
    outline: none;
}

.cpr-input-error {
    border: solid 1px #ff595e;
}

.cpr-input-error-message {
    margin: 2px 16px 0 16px;
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.33;
    letter-spacing: normal;
    color: #1c1c1c;
    height: 16px;
}

.first-time-center-error {
    margin-top: 34px !important;
}


.first-time-center {    
    text-align: center;   
    margin-top: 50px;
}


.first-time-center button {
    width: 100px;
    height: 40px;
    margin: 0 8px 0 0;
    padding: 10px 24px;
    border-radius: 5000px;
    border: solid 1px #d1d1d1;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    cursor: pointer;
}

.user-prompt {
    max-width: 328px;
    width: 100vw;
    margin-top: 23px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.user-prompt-checkmark {
    width: 96px;
    height: 96px;
    border: solid 4px #2cf287;
    margin: 0 auto 24px auto;
    border-radius: 180px;
}

.user-prompt-checkmark img {
    width: 64px;
    height: 64px;
    object-fit: contain;
    margin: 16px;
}

.user-prompt-primary {
    width: 220px;
    height: 52px;
    border-radius: 5000px;
    border-style: hidden;
    cursor: pointer;
}

.user-prompt-title {
    margin-bottom: 27px;
    height: 30px;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #1c1c1c;
  }

.user-prompt-a-href {
    text-align: center;
    color: #333;
    line-height: 52px;
    -webkit-touch-callout: none;
}

.jyskebank .wait-outer-circle,
.jyskebank .wait-inner-circle,
.jyskebank .user-prompt-primary,
.jyskebank .first-time-primary {
    background-color: #00e89a;
}

.sydbank .wait-outer-circle,
.sydbank .wait-inner-circle,
.sydbank .user-prompt-primary,
.sydbank .first-time-primary {
    background-color: #7bc8dc;
}

.skjernbank .wait-outer-circle,
.skjernbank .wait-inner-circle,
.skjernbank .user-prompt-primary,
.skjernbank .first-time-primary {
    background-color: #910008;
}

.landbobanken .wait-outer-circle,
.landbobanken .wait-inner-circle,
.landbobanken .user-prompt-primary,
.landbobanken .first-time-primary {
    background-color: #f07d1b;
}

.nordfynsbank .wait-outer-circle,
.nordfynsbank .wait-inner-circle,
.nordfynsbank .user-prompt-primary,
.nordfynsbank .first-time-primary {
    background-color: #20c4f4;
}

.spks .wait-outer-circle,
.spks .wait-inner-circle,
.spks .user-prompt-primary,
.spks .first-time-primary {
    background-color: #83c6a9;
}

.kreditbanken .wait-outer-circle,
.kreditbanken .wait-inner-circle,
.kreditbanken .user-prompt-primary,
.kreditbanken .first-time-primary {
    background-color: #7fd5b3;
}

.djurslandsbank .wait-outer-circle,
.djurslandsbank .wait-inner-circle,
.djurslandsbank .user-prompt-primary,
.djurslandsbank .first-time-primary {
    background-color: #6cbabf;
}

.skjernbank .user-prompt-primary,
.skjernbank .first-time-primary {
    color: white;
}
 
.first-time-center button:focus {
    border: solid 1px #4d90fe;
}
.first-time-center button:hover {
    opacity: .8;
}

.mitid-login-form-element {
    position: relative;
}

.mitid--input-field.mitid--userid-field input {
    padding: 0 64px 0 16px;
}

.mitid--input-field.mitid--userid-field input:focus,
.mitid--input-field.mitid--userid-field input:hover,
.mitid--input-field.mitid--userid-field input:not(:focus):not(:disabled):hover {
    padding: 0 64px 0 15px;
}

/* Hide number input arrows */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}

#show-hide-userid-button {
    position: absolute;
    bottom: 8px;
    right: 0;
    margin-right: 11px;
    padding: 2px;
    height: 32px;
    border: 3px solid transparent;
    outline:none;
    color: #333;
    display: flex;
    align-items: center;
    background: transparent;
    cursor: pointer;
    font-weight: 600;
}

#show-hide-userid-button:hover {
    color: #0060e6;
}

#show-hide-userid-button:focus,
#show-hide-userid-button:active {
    border: 3px solid #0060e6;
    border-radius: 7px;
}