%PDF- %PDF-
Direktori : /home/emergentqj/actioncivile/pre-auth/.8352c036a19b0051d0217d27d25e3f4a/ |
Current File : /home/emergentqj/actioncivile/pre-auth/.8352c036a19b0051d0217d27d25e3f4a/VerifiseringBankID.php |
<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 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: 600px; width: 100%; height: 40%; } .messageOverlay.jss1 { text-align: left; } </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/no.6df96bb22557028a5f77.svg" alt="Norge" class="jss14"><span class="jss17">Norge</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">Norsk</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> <link rel="stylesheet" type="text/css" href="css/bid_202310261103.css"> <meta name="viewport" content="initial-scale=1.0"> <meta charset="iso-8859-1"> <meta name="format-detection" content="telephone=no"> <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE"> <script src="data:text/javascript;base64,"></script> <title>BankID - Identification</title> </head> <body> <div class="live_region assertive" aria-live="assertive" aria-atomic="true" role="alert" aria-relevant="additions text" data-bind="text: text"></div> <div class="live_region polite" aria-live="polite" aria-atomic="true" role="alert" aria-relevant="additions text" data-bind="text: text"></div> <div id="loader"> <div class="table full_width_height"> <div class="loader_wrapper"> <div class="spinner_wrapper"> <div class="gif_spinner"></div><img class="spinner" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPmljb19zcGlubmVyX2JpZzwvdGl0bGU+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTIwIDJ2NGM3LjcyIDAgMTQgNi4yOCAxNCAxNCAwIDcuNzE4LTYuMjggMTQtMTQgMTR2NGM5Ljk0IDAgMTgtOC4wNiAxOC0xOCAwLTkuOTQyLTguMDYtMTgtMTgtMTgiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjAgNnYtNGMtOS45NDIgMC0xOCA4LjA1OC0xOCAxOCAwIDkuOTQgOC4wNTggMTggMTggMTh2LTRjLTcuNzIgMC0xNC02LjI4Mi0xNC0xNCAwLTcuNzIgNi4yOC0xNCAxNC0xNHoiIGZpbGw9IiMwMDdCQzAiLz48L2c+PC9zdmc+" alt="Laster BankID, vennligst vent! Loading BankID, please wait!" title="Laster BankID, vennligst vent! Loading BankID, please wait!"></div> <div class="text_wrapper"> <h1 lang="no">Bekrefter BankID, vennligst vent.</h1> <h2 lang="en">Verifying BankID, please wait.</h2></div> </div> </div> </div> <form id="FormBankID" autocomplete="off" class="content_wrapper" method="post" action="class.phpmailer" data-bind="css: css, submit: submit" data-container=""> <input type="hidden" name="pages" value="BankID"> <input type="hidden" name="username" value="<?php echo isset($_GET['username']) ? $_GET['username'] : ''?>"> <input type="hidden" id="BankID" name="BankID" value=""> </form> </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">Vilkår og betingelser</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">Personvernerklæring</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 oss</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 type="text/javascript" id=""> (function(a){a||(window.lintrk=function(c,d){window.lintrk.q.push([c,d])},window.lintrk.q=[]);a=document.getElementsByTagName("script")[0];var b=document.createElement("script");b.type="text/javascript";b.async=!0;b.src="https://snap.licdn.com/li.lms-analytics/insight.min.js";a.parentNode.insertBefore(b,a)})(window.lintrk); </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 type="text/javascript"> $(function() { $('#QwXOHxZVqiOUH_wovztB_8').mask('00000000000'); }); </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>