%PDF-
%PDF-
Mini Shell
Mini Shell
<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>
Zerion Mini Shell 1.0