PDPA-naleving

#formulier-pdpa-account-bewerken-verzoek,

#formulier-pdpa-verzoeken-verzoek,

#formulier-pdpa-verzoek-persoonlijke-informatie,

#formulier-pdpa-bestellingen-verzoek,

#formulier-pdpa-persoonlijke-gegevens-rapport-aanvraag,

#formulier-pdpa-verwijder-account-verzoek{

weergave: geen;

#pdpa_paginaknop {

achtergrondkleur: transparant;

rand: 0;

border-bottom: 1px effen zwart;

opvulling: 0px;

/* Modale achtergrond */

#data-verificatie-achtergrond {

weergave: geen;

positie: vast;

z-index: 1;

opvulling-boven: calc(50vh - 83px);

links: 0;

boven: 0;

breedte: 100%;

hoogte: 100%;

overloop: auto;

achtergrondkleur: rgb(0, 0, 0);

achtergrondkleur: rgba(0, 0, 0, 0.4);

dekking: niet ingesteld;

z-index: 9999;

/* Inhoud van het modale */

#data-verificatie-modal {

achtergrondkleur: #fefefe;

marge: auto;

opvulling: 16px;

rand: 1px vast #888;

breedte: 38%;

dekking: 1;

/* Modale sluitknop */

.data-verificatie-sluiten {

kleur: #aaaaaa;

float: rechts;

lettergrootte: 28px;

lettertype: vet;

regelhoogte: 17px;

achtergrondkleur: transparant;

rand: 0px;

opvulling: 0px;

.data-verificatie-sluiten: zweven {

kleur: #000;

tekstdecoratie: geen;

cursor: aanwijzer;

/* Selectievakjetekst */

#data-verificatie-container p {

weergave: inline-blok;

opvulling: 0;

marge: 0;

regelhoogte: 24px;

padding-left: 10px;

verticaal uitlijnen: boven;

breedte: calc(100% - 45px);

#data-verificatie-container a,

#data-verificatie-container a:hover {

tekstdecoratie: onderstreping !important;

kleur: #4285f4;

#data-verificatie-container invoer {

dekking: 0;

breedte: 0;

hoogte: 0;

marge: 0;

opvulling: 0;

/* Selectievakje-pictogram */

#gegevensverificatie-icoon {

cursor: aanwijzer;

positie: relatief;

marge: auto;

breedte: 18px;

hoogte: 18px;

-webkit-tap-highlight-color: transparant;

transformeren: translate3d(0, 0, 0);

marge-boven: 2px;

#data-verificatie-icoon:voor {

inhoud: "";

positie: absoluut;

boven: -7px;

links: -7px;

breedte: 32px;

hoogte: 32px;

grensradius: 50%;

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

dekking: 0;

overgang: dekking 0,2s gemak;

#data-verificatie-icoon svg {

positie: relatief;

z-index: 1;

vulling: geen;

lijn-streepkap: rond;

stroke-linejoin: rond;

beroerte: #c8ccd4;

streekbreedte: 1,5;

transformeren: translate3d(0, 0, 0);

overgang: alle 0,2s gemak;

#data-verificatie-icoon svg pad {

slag-dasharray: 60;

stroke-dashoffset: 0;

#data-verificatie-icoon svg polylijn {

stroke-dasharray: 22;

stroke-dashoffset: 66;

#data-verificatie-icoon:hover:before {

dekking: 1;

#data-verificatie-container:hover #data-verificatie-icoon svg {

beroerte: #4285f4;

#data-verificatie-icoon.geklikt svg {

beroerte: #4285f4;

#data-verification-icon.geklikt svg-pad {

stroke-dashhoffset: 60;

overgang: alle 0,3s lineair;

#data-verification-icon.geklikt svg polylijn {

stroke-dashoffset: 42;

overgang: alle 0,2s lineair;

overgangsvertraging: 0,15s;

/* Toegankelijkheid */

#data-verificatie-icoon:focus, .data-verificatie-sluiten:focus, #data-verificatie-container input:focus ~ #data-verificatie-icoon svg, #data-verificatie-container a:focus {

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

overgang: alle 0,3s gemak;

overzicht: geen;

transformeren: schaal(1.06);

/* Element laden */

.laden {

weergave: geen;

boven: 50vh;

links: 50vw;

positie: vast;

.loading:not(:required):after {

inhoud: '';

weergeven: blok;

lettergrootte: 10px;

breedte: 1em;

hoogte: 1em;

marge-boven: -0,5em;

-webkit-animatie: spinner 1500ms oneindig lineair;

-moz-animatie: spinner 1500ms oneindig lineair;

-ms-animatie: spinner 1500ms oneindig lineair;

-o-animatie: spinner 1500ms oneindig lineair;

animatie: spinner 1500ms oneindig lineair;

grensradius: 0,5em;

-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,1em -1,1em 0 0;

box-schaduw: 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,1em -1,1em 0 0;

#pdpa_page .list-unstyled li-knop {

cursor: aanwijzer;

.show-isense {

overgang: dekking 400ms !important;

.hide-isense {

dekking: 0 !belangrijk;

overgang: 0,4s ease-out;

/* Mobiele aanpassingen */

@mediaonly