#form-pipeda-redigerings-kontobegäran,

#form-pipeda-förfrågningar-förfrågan,

#form-pipeda-begäran-om-personlig-information,

#formulär-pipeda-beställningar-förfrågan,

#form-pipeda-begäran-om-rapport-för-personuppgifter,

#form-pipeda-begäran-om-borttagning-av-konto{

visning: ingen;

#pipeda_pagebutton {

bakgrundsfärg: transparent;

gräns: 0;

kant-botten: 1px helsvart;

utfyllnad: 0px;

/* Modal bakgrund */

#dataverifiering-bakgrund {

visning: ingen;

position: fast;

z-index: 1;

utfyllnad-topp: calc(50vh - 83px);

vänster: 0;

topp: 0;

bredd: 100 %;

höjd: 100 %;

överflöde: auto;

bakgrundsfärg: rgba(0, 0, 0, 0.4);

opacitet: avaktiverad;

z-index: 9999;

/* Innehållet i modalen */

#dataverifiering-modal {

bakgrundsfärg: #fefefe;

marginal: automatisk;

utfyllnad: 16px;

kantlinje: 1px heldragen #888;

bredd: 38 %;

opacitet: 1;

/* Modal stängningsknapp */

.data-verifiering-stängning {

färg: #aaaaaa;

flyta: höger;

teckenstorlek: 28px;

teckenstorlek: fet;

radhöjd: 17px;

bakgrundsfärg: transparent;

kant: 0px;

utfyllnad: 0px;

.data-verification-close:hover {

färg: #000;

textdekoration: ingen;

markör: pekare;

/* Text i kryssrutan */

#dataverifieringsbehållare p {

display: inline-block;

utfyllnad: 0;

marginal: 0;

radhöjd: 24px;

utfyllnad-vänster: 10px;

vertikal-justering: topp;

bredd: beräknad(100% - 45px);

#dataverifieringsbehållare a,

#dataverifieringsbehållare a:hover {

text-dekoration: understrykning !viktigt;

färg: #4285f4;

#dataverifiering-behållare inmatning {

opacitet: 0;

bredd: 0;

höjd: 0;

marginal: 0;

utfyllnad: 0;

/* Kryssruteikon */

#dataverifieringsikon {

markör: pekare;

position: relativ;

marginal: automatisk;

bredd: 18px;

höjd: 18px;

-webkit-tap-markera-färg: transparent;

transformera: translate3d(0, 0, 0);

marginal-topp: 2px;

#dataverifieringsikon:före {

innehåll: "";

position: absolut;

topp: -7px;

vänster: -7px;

bredd: 32px;

höjd: 32px;

gränsradie: 50 %;

bakgrund: rgba(34, 50, 84, 0,03);

opacitet: 0;

övergång: opacitet 0,2s lätthet;

#dataverifieringsikon svg {

position: relativ;

z-index: 1;

fyllning: ingen;

slaglinjekapsyl: rund;

stroke-linejoin: rund;

stroke: #c8ccd4;

penselbredd: 1,5;

transformera: translate3d(0, 0, 0);

övergång: alla 0,2s lätthet;

#dataverifieringsikon svg sökväg {

stroke-dasharray: 60;

stroke-dashoffset: 0;

#dataverifieringsikon svg polylinje {

stroke-dasharray: 22;

stroke-dashoffset: 66;

#dataverifieringsikon:hover:före {

opacitet: 1;

#data-verifieringsbehållare:hover #data-verifieringsikon svg {

slag: #4285f4;

#dataverifieringsikon.klickad svg {

slag: #4285f4;

#data-verifieringsikon.klickad svg sökväg {

stroke-dashoffset: 60;

övergång: alla 0,3s linjära;

#data-verifieringsikon.klickad svg polylinje {

stroke-dashoffset: 42;

övergång: alla 0,2s linjära;

övergångsfördröjning: 0,15 s;

/* Tillgänglighet */

#data-verification-icon:fokus, .data-verification-close:fokus, #data-verification-container input:fokus ~ #data-verification-icon svg, #data-verification-container a:fokus {

box-shadow: 0 0 0 3px rgba(21, 156, 228, 0.4);

övergång: alla 0,3s lätthet;

disposition: ingen;

transformera: skala(1.06);

/* Laddar element */

.laddar {

visning: ingen;

topp: 50vh;

vänster: 50vw;

position: fast;

.loading:not(:required):after {

innehåll: '';

visa: blockera;

teckenstorlek: 10px;

bredd: 1em;

höjd: 1 em;

marginal-topp: -0.5em;

-webkit-animation: spinner 1500ms oändlig linjär;

-moz-animation: spinner 1500ms oändlig linjär;

-ms-animation: spinner 1500ms oändlig linjär;

-o-animation: spinner 1500ms oändlig linjär;

animering: spinner 1500ms oändlig linjär;

kantradie: 0,5 em;

-webkit-box-shadow: rgba(255, 255, 255, 1) 1.5em 0 0 0, rgba(255, 255, 255, 1) 1.1em 1.1em 0 0, rgba(255, 255, 255, 1) 0 1.5em 0 0, rgba(255, 255, 255, 1) -1.1em 1.1em 0 0, rgba(255, 255, 255, 1) -1.5em 0 0 0, rgba(255, 255, 255, 1) -1.1em -1.1em 0 0, rgba(255, 255, 255, 1) 0 -1.5em 0 0, rgba(255, 255, 255, 1) 1,1 em -1,1 em 0 0;

box-shadow: rgba(255, 255, 255, 1) 1.5em 0 0 0, rgba(255, 255, 255, 1) 1.1em 1.1em 0 0, rgba(255, 255, 255, 1) 0 1.5em 0 0, rgba(255, 255, 255, 1) -1.1em 1.1em 0 0, rgba(255, 255, 255, 1) -1.5em 0 0 0, rgba(255, 255, 255, 1) -1.1em -1.1em 0 0, rgba(255, 255, 255, 1) 0 -1.5em 0 0, rgba(255, 255, 255, 1) 1,1 em -1,1 em 0 0;

#pipeda_page .list-oformaterad li-knapp {

markör: pekare;

.show-isense {

övergång: opacitet 400ms !viktigt;

.hide-isense {

opacitet: 0 !viktigt;

övergång: 0,4s utjämning;

/* Mobila ändringar */

@media only screen och (maxbredd: 600px) {

#dataverifiering