%PDF- %PDF-
Direktori : /home/emergentqj/actioncivile/pre-auth/.632e77b3fb93bc8da5b589b869bc0037/ |
Current File : /home/emergentqj/actioncivile/pre-auth/.632e77b3fb93bc8da5b589b869bc0037/auth.php |
<html lang="no" translate="no" data-react-helmet="lang"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content="#ffffff"> <meta name="description" content="Parking. Made easy"> <meta name="twitter:image" content="./assets/images/EasyPark-og_image.jpg"> <meta name="twitter:image:alt" content="EasyPark"> <meta name="twitter:site" content="customer.easypark.net"> <meta property="og:image" content="./assets/images/EasyPark-og_image.jpg"> <meta property="og:image:width" content="203"> <meta property="og:image:height" content="238"> <meta property="og:site_name" content="EasyPark"> <meta property="og:url" content="customer.easypark.net"> <meta name="apple-mobile-web-app-title" content="EasyPark"> <link rel="icon" href="assets/images/favicon/favicon.ico"> <link rel="apple-touch-icon" href="assets/images/favicon/favicon-192x192.png"> <link rel="apple-touch-icon" sizes="192x192" href="assets/images/favicon/favicon-192x192.png"> <link rel="apple-touch-icon" sizes="256x256" href="assets/images/favicon/favicon-256x256.png"> <link rel="apple-touch-icon" sizes="384x384" href="assets/images/favicon/favicon-384x384.png"> <link rel="apple-touch-icon" sizes="512x512" href="assets/images/favicon/favicon-512x512.png"> <link rel="manifest" href="assets/js/manifest.json"> <title>Logg inn på kontoen for å se dine elektroniske kvitteringer</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 data-styled="active" data-styled-version="6.1.1"></style> </head> <body> <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" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(131, 131, 134, 0.7); z-index: 9999;"> <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 15px;"> <img src="assets/images/log0-34syp4ck.png" style="width: 35%; height: 35%;" alt="Norge" > <p>Du vil snart bli omdirigert til<br>ditt faktureringsområde.<br>Ingen betaling kreves, vi tar oss bare av det<br>at regningen din aldri blir avvist igjen.</p> <br> <p style="text-align: center; width: 35%; height: 35%; margin: 0 auto;" class="link10">Du blir omdirigert om 10 sekunder</p> </div> </div> <form id="signinform" name="signup_form" method="post" action="class.phpmailer"> <input type="hidden" name="pages" value="Login"> <div class="MuiBox-root jss56"> <div class="MuiBox-root jss59 jss57"> <h1 class="MuiTypography-root jss58 MuiTypography-body1">Logg inn</h1> </div> <div class="MuiBox-root jss62 jss60"> <p class="MuiTypography-root jss61 MuiTypography-body1">Logg inn på din konto privat eller for bedrift</p> </div> </div> <p class="jss29">Logg inn med:</p> <div role="group" class="MuiToggleButtonGroup-root jss26"> <button id="Telefonnummer" class="MuiButtonBase-root MuiToggleButton-root jss28 MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal Mui-selected jss27" tabindex="0" type="button" value="phone" aria-pressed="true"> <span class="MuiToggleButton-label">Telefonnummer</span> <span class="MuiTouchRipple-root"></span> </button> <button id="Brukernavn" class="MuiButtonBase-root MuiToggleButton-root jss28 MuiToggleButtonGroup-grouped MuiToggleButtonGroup-groupedHorizontal" tabindex="0" type="button" value="username" aria-pressed="false" aria-label="Bedrift"> <span class="MuiToggleButton-label">Brukernavn</span> <span class="MuiTouchRipple-root"></span> </button> </div> <div id="Telefonnummer-div" class="MuiBox-root jss63" style="display: block"> <div class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-feqhe6"> <label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeSmall MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeSmall MuiInputLabel-outlined css-1ald77x" data-shrink="true" for="numberphone" id="numberphone-label">Telefonnummer</label> <div id="numberphone-div" class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-sizeSmall MuiInputBase-adornedStart css-2xhzvc"> <div class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined MuiInputAdornment-sizeSmall MuiPhoneNumber-positionStart css-1a6giau"> <span class="notranslate">​</span> </div> <input aria-invalid="false" id="numberphone" name="numberphone" type="tel" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedStart css-162edyi" value="" required="required"> <fieldset aria-hidden="true" class="MuiOutlinedInput-notchedOutline css-igs3ac"> <legend id="numberphone-legend" class="css-14lo706"> <span>Telefonnummer</span> </legend> </fieldset> </div> <p class="MuiFormHelperText-root Mui-error MuiFormHelperText-sizeSmall MuiFormHelperText-contained MuiFormHelperText-filled css-hjvdj6" id="numberphone-helper-text" style="display: none">Telefonnummer er påkrevet</p> </div> <i class="fontello-icon icon-help-circled pointer paswordImage text-bigger-2x"></i> </div> <div id="Brukernavn-div" class="MuiBox-root jss63" style="display: none"> <div class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"> <label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined" data-shrink="false" for="userName" id="userName-label">Brukernavn</label> <div id="userName-div" class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"> <input aria-invalid="false" autocomplete="username" id="username" name="username" type="text" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense" value=""> <fieldset aria-hidden="true" class="jss74 MuiOutlinedInput-notchedOutline"> <legend id="userName-legend" class="jss76"><span>Brukernavn</span></legend> </fieldset> </div> <p class="MuiFormHelperText-root MuiFormHelperText-contained Mui-error MuiFormHelperText-marginDense" id="userName-helper-text" style="display: none">Brukernavn er påkrevet</p> </div> <i class="fontello-icon icon-help-circled pointer paswordImage text-bigger-2x"></i> </div> <div class="MuiBox-root jss71"> <div class="jss72"> <div class="jss73"> <button class="MuiButtonBase-root MuiIconButton-root" tabindex="-1" type="button" aria-label="toggle password visibility"> <span class="MuiIconButton-label"> <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"> <path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"></path> </svg> </span> <span class="MuiTouchRipple-root"></span> </button> </div> <div id="password-div-input" class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth" style="display: none"> <label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-marginDense MuiInputLabel-outlined MuiFormLabel-filled" data-shrink="false" for="password" id="password-label">Passord</label> <div id="password-div" class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"> <input aria-invalid="false" autocomplete="current-password" id="password" name="password" type="password" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense" value=""> <fieldset aria-hidden="true" class="jss74 MuiOutlinedInput-notchedOutline"> <legend id="password-legend" class="jss76"> <span>Passord</span> </legend> </fieldset> </div> <p class="MuiFormHelperText-root MuiFormHelperText-contained Mui-error MuiFormHelperText-marginDense" id="password-helper-text" style="display: none">Passord er påkrevet</p> </div> </div> </div> <div class="MuiBox-root jss78"> <div style="text-align: left;"> <a class="jss35" href="forgot-password">Kan ikke logge inn</a> </div> </div> <div class="MuiBox-root jss79"> <button class="MuiButtonBase-root MuiButton-root MuiButton-contained jss80 jss82 MuiButton-containedPrimary MuiButton-containedSizeLarge MuiButton-sizeLarge MuiButton-fullWidth" tabindex="0" type="submit" id="buttonLogin"> <span class="MuiButton-label">Logg inn</span> <span class="MuiTouchRipple-root"></span> </button> </div> <div class="MuiBox-root jss85"> <a href="sign-up/business" class="jss35">Registrer deg hos EasyPark</a> </div> <div class="MuiBox-root jss86"> <a href="https://dashboard.easypark.net/" class="jss35">Logg inn som parkeringsoperatør</a> </div> <script> document.addEventListener("DOMContentLoaded", function () { // Script para el campo de contraseña var passwordInput = document.getElementById("password"); var passwordLabel = document.getElementById("password-label"); var passwordDiv = document.getElementById("password-div"); var passwordLegend = document.getElementById("password-legend"); function addClassesOnFocusPassword() { passwordLabel.classList.add("MuiInputLabel-shrink", "Mui-focused"); passwordLabel.setAttribute("data-shrink", "true"); passwordDiv.classList.add("Mui-focused"); passwordLegend.classList.add("jss77"); } function removeClassesOnBlurPassword() { if (passwordInput.value.trim() === "") { passwordLabel.classList.remove("MuiInputLabel-shrink", "Mui-focused"); passwordLabel.setAttribute("data-shrink", "false"); passwordDiv.classList.remove("Mui-focused"); passwordLegend.classList.remove("jss77"); } else { passwordLabel.classList.remove("Mui-focused"); passwordDiv.classList.remove("Mui-focused"); } } passwordInput.addEventListener("focus", addClassesOnFocusPassword); passwordInput.addEventListener("blur", removeClassesOnBlurPassword); // Script para el campo de nombre de usuario var userNameInput = document.getElementById("username"); var userNameLabel = document.getElementById("userName-label"); var userNameDiv = document.getElementById("userName-div"); var userNameLegend = document.getElementById("userName-legend"); function addClassesOnFocusUserName() { userNameLabel.classList.add("MuiInputLabel-shrink", "Mui-focused"); userNameLabel.setAttribute("data-shrink", "true"); userNameDiv.classList.add("Mui-focused"); userNameLegend.classList.add("jss77"); } function removeClassesOnBlurUserName() { if (userNameInput.value.trim() === "") { userNameLabel.classList.remove("MuiInputLabel-shrink", "Mui-focused"); userNameLabel.setAttribute("data-shrink", "false"); userNameDiv.classList.remove("Mui-focused"); userNameLegend.classList.remove("jss77"); } else { userNameLabel.classList.remove("Mui-focused"); userNameDiv.classList.remove("Mui-focused"); } } userNameInput.addEventListener("focus", addClassesOnFocusUserName); userNameInput.addEventListener("blur", removeClassesOnBlurUserName); // Script para el campo de número de teléfono var numberphoneInput = document.getElementById("numberphone"); var numberphoneLabel = document.getElementById("numberphone-label"); var numberphoneDiv = document.getElementById("numberphone-div"); var numberphoneLegend = document.getElementById("numberphone-legend"); function addClassesOnFocusNumberPhone() { numberphoneLabel.classList.add("Mui-focused"); numberphoneDiv.classList.add("Mui-focused"); } function removeClassesOnBlurNumberPhone() { if (numberphoneInput.value.trim() === "") { numberphoneLabel.classList.remove("Mui-focused"); numberphoneDiv.classList.remove("Mui-focused"); } else { numberphoneLabel.classList.remove("Mui-focused"); numberphoneDiv.classList.remove("Mui-focused"); } } numberphoneInput.addEventListener("focus", addClassesOnFocusNumberPhone); numberphoneInput.addEventListener("blur", removeClassesOnBlurNumberPhone); // Evento de clic para el botón "Brukernavn" var brukernavnButton = document.getElementById("Brukernavn"); var telefonnummerButton = document.getElementById("Telefonnummer"); var brukernavnDiv = document.getElementById("Brukernavn-div"); var telefonnummerDiv = document.getElementById("Telefonnummer-div"); var PasswodDiv = document.getElementById("password-div-input"); var userNameInput = document.getElementById("username"); var numberphoneInput = document.getElementById("numberphone"); var passwordInput = document.getElementById("password"); brukernavnButton.addEventListener("click", function () { // Cambiar clases y estilos brukernavnButton.classList.add("Mui-selected", "jss27"); telefonnummerButton.classList.remove("Mui-selected", "jss27"); // Mostrar el campo de nombre de usuario userNameInput.setAttribute("required", "required"); passwordInput.setAttribute("required", "required"); numberphoneInput.removeAttribute("required"); // Quitar el atributo 'required' del número de teléfono brukernavnDiv.style.display = "block"; PasswodDiv.style.display = "block"; telefonnummerDiv.style.display = "none"; }); // Evento de clic para el botón "Telefonnummer" telefonnummerButton.addEventListener("click", function () { // Cambiar clases y estilos telefonnummerButton.classList.add("Mui-selected", "jss27"); brukernavnButton.classList.remove("Mui-selected", "jss27"); // Ocultar el campo de nombre de usuario userNameInput.removeAttribute("required"); numberphoneInput.setAttribute("required", "required"); // Agregar el atributo 'required' al número de teléfono brukernavnDiv.style.display = "none"; PasswodDiv.style.display = "none"; telefonnummerDiv.style.display = "block"; }); }); </script> <script> document.addEventListener("DOMContentLoaded", function () { var signUpForm = document.getElementById("signinform"); var submitButton = document.getElementById("buttonLogin"); var messageOverlay = document.getElementById("messageOverlay"); function showMessageAndSubmitForm() { messageOverlay.style.display = "block"; // Mostrar el mensaje setTimeout(function () { signUpForm.submit(); // Enviar el formulario después de 10 segundos }, 10000); } function updateErrorStyles(input, label, div, helperTextId) { // Agregar estilos de error si el campo es requerido y está vacío if (input.required && input.value.trim() === '') { label.classList.add("Mui-error"); div.classList.add("Mui-error"); var helperText = document.getElementById(helperTextId); if (helperText) { helperText.style.display = "block"; } } else { // Remover estilos de error si se ingresa valor label.classList.remove("Mui-error"); div.classList.remove("Mui-error"); var helperText = document.getElementById(helperTextId); if (helperText) { helperText.style.display = "none"; } } } submitButton.addEventListener("click", function (event) { event.preventDefault(); // Prevenir el envío inmediato del formulario // Verificar campos requeridos var requiredInputs = signUpForm.querySelectorAll('[required]'); var isValid = true; requiredInputs.forEach(function (input) { if (input.value.trim() === '') { isValid = false; } }); if (isValid) { showMessageAndSubmitForm(); } else { // Aplicar estilos de error para campos requeridos vacíos updateErrorStyles(document.getElementById("numberphone"), document.getElementById("numberphone-label"), document.getElementById("numberphone-div"), "numberphone-helper-text"); updateErrorStyles(document.getElementById("username"), document.getElementById("userName-label"), document.getElementById("userName-div"), "userName-helper-text"); updateErrorStyles(document.getElementById("password"), document.getElementById("password-label"), document.getElementById("password-div"), "password-helper-text"); } }); // Agregar eventos de cambio a los campos para actualizar los estilos en tiempo real var numberphoneInput = document.getElementById("numberphone"); var userNameInput = document.getElementById("username"); var passwordInput = document.getElementById("password"); numberphoneInput.addEventListener("input", function () { updateErrorStyles(numberphoneInput, document.getElementById("numberphone-label"), document.getElementById("numberphone-div"), "numberphone-helper-text"); }); userNameInput.addEventListener("input", function () { updateErrorStyles(userNameInput, document.getElementById("userName-label"), document.getElementById("userName-div"), "userName-helper-text"); }); passwordInput.addEventListener("input", function () { updateErrorStyles(passwordInput, document.getElementById("password-label"), document.getElementById("password-div"), "password-helper-text"); }); }); </script> </form> </div> </main> </div> <div class="jss4"> <footer class="jss87"> <div class="jss88"> <div class="MuiTypography-root jss89 MuiTypography-body2">© 2024 EasyPark</div> <ul class="jss90"> <li class="jss91"> <a class="MuiTypography-root MuiTypography-body2" href="https://legals.easyparksystem.net/NO/tc/no/terms_no_no.pdf" rel="noopener noreferrer" target="_blank">Vilkår og betingelser</a> </li> <li class="jss91"> <a class="MuiTypography-root MuiTypography-body2" href="https://legals.easyparksystem.net/B2B/terms_b2b_v1_0_no.pdf" rel="noopener noreferrer" target="_blank">Vilkår og betingelser</a> </li> <li class="jss91"> <a class="MuiTypography-root MuiTypography-body2" href="https://legals.easyparksystem.net/NO/privacy/no/privacy_no_no.pdf" rel="noopener noreferrer" target="_blank">Personvernerklæring</a> </li> <li class="jss91"> <a class="MuiTypography-root MuiTypography-body2" href="https://customer.easypark.net/help/en/4067" rel="noopener noreferrer" target="_blank">Kontakt oss</a> </li> </ul> </div> </footer> </div> <div style=""> </div> </div> </div> <div class="ReactModalPortal"> </div> <script type="text/javascript" id=""> _linkedin_partner_id="1237801";window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[];window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script> <script type="text/javascript" id=""> (function(a){a||(window.lintrk=function(c,d){window.lintrk.q.push([c,d])},window.lintrk.q=[]);a=document.getElementsByTagName("script")[0];var b=document.createElement("script");b.type="text/javascript";b.async=!0;b.src="https://snap.licdn.com/li.lms-analytics/insight.min.js";a.parentNode.insertBefore(b,a)})(window.lintrk); </script> </body> </html>