/* clevericon */
[class*="clevericon-"] {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    background-color: black; 
    /* Zorg dat het SVG-masker netjes schaalt */
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

.clevericon-toepassen {
    -webkit-mask-image: url('check.svg');
    mask-image: url('check.svg');
}

.clevericon-goedkeuren {
    -webkit-mask-image: url('goedkeuren.svg');
    mask-image: url('goedkeuren.svg');
}

.clevericon-gewonnen {
    -webkit-mask-image: url('gewonnen.svg');
    mask-image: url('gewonnen.svg');
}

.clevericon-toevoegen {
    -webkit-mask-image: url('toevoegen.svg');
    mask-image: url('toevoegen.svg');
}

.clevericon-gegevens {
    -webkit-mask-image: url('meer-gegevens.svg');
    mask-image: url('meer-gegevens.svg');
}

.clevericon-wijzigen {
    -webkit-mask-image: url('wijzigen.svg');
    mask-image: url('wijzigen.svg');
}

.clevericon-kopieren {
    -webkit-mask-image: url('kopieren.svg');
    mask-image: url('kopieren.svg');
}

.clevericon-historie {
    -webkit-mask-image: url('historie.svg');
    mask-image: url('historie.svg');
}

.clevericon-details {
    -webkit-mask-image: url('details.svg');
    mask-image: url('details.svg');
}

.clevericon-filteren {
    -webkit-mask-image: url('filter.svg');
    mask-image: url('filter.svg');
}

.clevericon-melding {
    -webkit-mask-image: url('melding.svg');
    mask-image: url('melding.svg');
}

.clevericon-verantwoorden {
    -webkit-mask-image: url('verantwoorden.svg');
    mask-image: url('verantwoorden.svg');
}

.clevericon-verwijderen {
    -webkit-mask-image: url('verwijderen.svg');
    mask-image: url('verwijderen.svg');
}

.clevericon-afkeuren {
    -webkit-mask-image: url('afkeuren.svg');
    mask-image: url('afkeuren.svg');
}

.clevericon-sluiten {
    -webkit-mask-image: url('sluiten.svg');
    mask-image: url('sluiten.svg');
}

.clevericon-annuleren {
    -webkit-mask-image: url('annuleren.svg');
    mask-image: url('annuleren.svg');
}

.clevericon-verloren {
    -webkit-mask-image: url('verloren.svg');
    mask-image: url('verloren.svg');
}

.clevericon-opzeggen {
    -webkit-mask-image: url('opzeggen.svg');
    mask-image: url('opzeggen.svg');
}

.clevericon-info {
    -webkit-mask-image: url('info.svg');
    mask-image: url('info.svg');
}

.clevericon-downloaden {
    -webkit-mask-image: url('download.svg');
    mask-image: url('download.svg');
}

.clevericon-uploaden {
    -webkit-mask-image: url('upload.svg');
    mask-image: url('upload.svg');
}

.clevericon-waarschuwing {
    -webkit-mask-image: url('waarschuwing.svg');
    mask-image: url('waarschuwing.svg');
}

.clevericon-mailen {
    -webkit-mask-image: url('mail.svg');
    mask-image: url('mail.svg');
}

.clevericon-pdf {
    -webkit-mask-image: url('pdf.svg');
    mask-image: url('pdf.svg');
}

.clevericon-excel {
    -webkit-mask-image: url('file-excel.svg');
    mask-image: url('file-excel.svg');
}

.clevericon-on-hold {
    -webkit-mask-image: url('on-hold.svg');
    mask-image: url('on-hold.svg');
}

.clevericon-personeelslid, .clevericon-contactpersoon {
    -webkit-mask-image: url('personeelslid.svg');
    mask-image: url('personeelslid.svg');
}

.clevericon-bijlage {
    -webkit-mask-image: url('bijlage.svg');
    mask-image: url('bijlage.svg');
}

.clevericon-openklappen {
    -webkit-mask-image: url('omlaag-klein.svg');
    mask-image: url('omlaag-klein.svg');
}

.clevericon-dichtklappen {
    -webkit-mask-image: url('omhoog-klein.svg');
    mask-image: url('omhoog-klein.svg');
}

.clevericon-terug {
    -webkit-mask-image: url('links-klein.svg');
    mask-image: url('links-klein.svg');
}

.clevericon-vooruit {
    -webkit-mask-image: url('rechts-klein.svg');
    mask-image: url('rechts-klein.svg');
}

.clevericon-uren {
    -webkit-mask-image: url('uren.svg');
    mask-image: url('uren.svg');
}

.clevericon-inchecken {
    -webkit-mask-image: url('checkin.svg');
    mask-image: url('checkin.svg');
}

.clevericon-innemen {
    -webkit-mask-image: url('innemen.svg');
    mask-image: url('innemen.svg');
}

.clevericon-uitchecken {
    -webkit-mask-image: url('checkuit.svg');
    mask-image: url('checkuit.svg');
}

.clevericon-klembord-leeg {
    -webkit-mask-image: url('klembord-leeg.svg');
    mask-image: url('klembord-leeg.svg');
}

.clevericon-klembord {
    -webkit-mask-image: url('klembord.svg');
    mask-image: url('klembord.svg');
}

.clevericon-kalender-leeg {
    -webkit-mask-image: url('kalender-leeg.svg');
    mask-image: url('kalender-leeg.svg');
}

.clevericon-kalender {
    -webkit-mask-image: url('kalender.svg');
    mask-image: url('kalender.svg');
}

.clevericon-verplaatsen {
    -webkit-mask-image: url('verplaatsen.svg');
    mask-image: url('verplaatsen.svg');
}

.clevericon-samenvoegen {
    -webkit-mask-image: url('samenvoegen.svg');
    mask-image: url('samenvoegen.svg');
}

.clevericon-weergave-wijzigen {
    -webkit-mask-image: url('weergave-wijzigen.svg');
    mask-image: url('weergave-wijzigen.svg');
}

.clevericon-verbergen {
    -webkit-mask-image: url('verbergen.svg');
    mask-image: url('verbergen.svg');
}

.clevericon-ongedaan-maken {
    -webkit-mask-image: url('ongedaan.svg');
    mask-image: url('ongedaan.svg');
}

.clevericon-geen-inkooporderrregel-match {
    -webkit-mask-image: url('inkoopregel-geen-match.svg');
    mask-image: url('inkoopregel-geen-match.svg');
}

.clevericon-inkooporderrregel-match {
    -webkit-mask-image: url('inkoopregel-match.svg');
    mask-image: url('inkoopregel-match.svg');
}

.clevericon-opnieuw {
    -webkit-mask-image: url('opnieuw.svg');
    mask-image: url('opnieuw.svg');
}

.clevericon-barcode {
    -webkit-mask-image: url('barcode.svg');
    mask-image: url('barcode.svg');
}

.clevericon-qrcode {
    -webkit-mask-image: url('qr.svg');
    mask-image: url('qr.svg');
}

.clevericon-artikel {
    -webkit-mask-image: url('barcode.svg');
    mask-image: url('barcode.svg');
}

.clevericon-bondeclaratie {
    -webkit-mask-image: url('declaratie.svg');
    mask-image: url('declaratie.svg');
}

.clevericon-storing {
    -webkit-mask-image: url('storing.svg');
    mask-image: url('storing.svg');
}

.clevericon-rfid {
    -webkit-mask-image: url('rfid.svg');
    mask-image: url('rfid.svg');
}

.clevericon-draaiuren-kmstand {
    -webkit-mask-image: url('draaiuren.svg');
    mask-image: url('draaiuren.svg');
}

.clevericon-tankbeurt {
    -webkit-mask-image: url('tankbeurt.svg');
    mask-image: url('tankbeurt.svg');
}

.clevericon-keuring {
    -webkit-mask-image: url('keuring.svg');
    mask-image: url('keuring.svg');
}

.clevericon-rfid {
    -webkit-mask-image: url('rfid.svg');
    mask-image: url('rfid.svg');
}

.clevericon-verlofaanvraag {
    -webkit-mask-image: url('verlofaanvraag.svg');
    mask-image: url('verlofaanvraag.svg');
}

.clevericon-levering {
    -webkit-mask-image: url('levering.svg');
    mask-image: url('levering.svg');
}

.clevericon-artikeldeclaratie {
    -webkit-mask-image: url('document.svg');
    mask-image: url('document.svg');
}

.clevericon-materiaaldeclaratie {
    -webkit-mask-image: url('materiaal-declaratie.svg');
    mask-image: url('materiaal-declaratie.svg');
}

.clevericon-geen-resultaten {
    -webkit-mask-image: url('geen-resultaat.svg');
    mask-image: url('geen-resultaat.svg');
}

.clevericon-bezig-met-laden {
    -webkit-mask-image: url('bezig-met-laden.svg');
    mask-image: url('bezig-met-laden.svg');
}

.clevericon-zoeken {
    -webkit-mask-image: url('zoeken.svg');
    mask-image: url('zoeken.svg');
}

.clevericon-telefoon {
    -webkit-mask-image: url('telefoon.svg');
    mask-image: url('telefoon.svg');
}

.clevericon-tegelweergave {
    -webkit-mask-image: url('tegelweergave.svg');
    mask-image: url('tegelweergave.svg');
}

.clevericon-weekstaat-indienen {
    -webkit-mask-image: url('weekstaat-indienen.svg');
    mask-image: url('weekstaat-indienen.svg');
}

.clevericon-nog-te-laden {
    -webkit-mask-image: url('nog-te-laden.svg');
    mask-image: url('nog-te-laden.svg');
}

.clevericon-innamedatum {
    -webkit-mask-image: url('inname-datum.svg');
    mask-image: url('inname-datum.svg');
}

.clevericon-toggle-optiemenu {
    -webkit-mask-image: url('optie-menu.svg');
    mask-image: url('optie-menu.svg');
}

.clevericon-bedrijfsmiddel {
    -webkit-mask-image: url('bedrijfsmiddel.svg');
    mask-image: url('bedrijfsmiddel.svg');
}

.clevericon-bedrijf {
    -webkit-mask-image: url('bedrijf.svg');
    mask-image: url('bedrijf.svg');
}

.clevericon-memo {
    -webkit-mask-image: url('memo.svg');
    mask-image: url('memo.svg');
}

.clevericon-locatie {
    -webkit-mask-image: url('locatie.svg');
    mask-image: url('locatie.svg');
}

.clevericon-bestanden {
    -webkit-mask-image: url('bestanden.svg');
    mask-image: url('bestanden.svg');
}

.clevericon-formulier {
    -webkit-mask-image: url('formulier.svg');
    mask-image: url('formulier.svg');
}

.clevericon-planningsaanvraag {
    -webkit-mask-image: url('planningsaanvraag.svg');
    mask-image: url('planningsaanvraag.svg');
}

.clevericon-toolbox-meeting {
    -webkit-mask-image: url('toolbox.svg');
    mask-image: url('toolbox.svg');
}

.clevericon-taak {
    -webkit-mask-image: url('taak.svg');
    mask-image: url('taak.svg');
}

.clevericon-timer-start {
    -webkit-mask-image: url('timer-start.svg');
    mask-image: url('timer-start.svg');
}

.clevericon-timer-pauze {
    -webkit-mask-image: url('timer-pauze.svg');
    mask-image: url('timer-pauze.svg');
}

.clevericon-timer-stop {
    -webkit-mask-image: url('timer-stop.svg');
    mask-image: url('timer-stop.svg');
}

.clevericon-timer-annuleren {
    -webkit-mask-image: url('timer-annuleer.svg');
    mask-image: url('timer-annuleer.svg');
}

.clevericon-volgorde-bepalen {
    -webkit-mask-image: url('volgorde.svg');
    mask-image: url('volgorde.svg');
}

.clevericon-toewijzen {
    -webkit-mask-image: url('toewijzen.svg');
    mask-image: url('toewijzen.svg');
}

.clevericon-claimen {
    -webkit-mask-image: url('claimen.svg');
    mask-image: url('claimen.svg');
}

.clevericon-inlezen {
    -webkit-mask-image: url('import.svg');
    mask-image: url('import.svg');
}

.clevericon-exporteren {
    -webkit-mask-image: url('export.svg');
    mask-image: url('export.svg');
}

.clevericon-printen {
    -webkit-mask-image: url('print.svg');
    mask-image: url('print.svg');
}

.clevericon-vergrendelen {
    -webkit-mask-image: url('vergrendelen.svg');
    mask-image: url('vergrendelen.svg');
}

.clevericon-ontgrendelen {
    -webkit-mask-image: url('ontgrendelen.svg');
    mask-image: url('ontgrendelen.svg');
}

.clevericon-converteren {
    -webkit-mask-image: url('converteren.svg');
    mask-image: url('converteren.svg');
}

.clevericon-pijl-omhoog {
    -webkit-mask-image: url('omhoog-klein.svg');
    mask-image: url('omhoog-klein.svg');
}

.clevericon-pijl-rechts {
    -webkit-mask-image: url('rechts-klein.svg');
    mask-image: url('rechts-klein.svg');
}

.clevericon-pijl-omlaag {
    -webkit-mask-image: url('omlaag-klein.svg');
    mask-image: url('omlaag-klein.svg');
}

.clevericon-pijl-links {
    -webkit-mask-image: url('links-klein.svg');
    mask-image: url('links-klein.svg');
}

.clevericon-bezoekadres {
    -webkit-mask-image: url('bezoekadres.svg');
    mask-image: url('bezoekadres.svg');
}

.clevericon-factuuradres {
    -webkit-mask-image: url('factuuradres.svg');
    mask-image: url('factuuradres.svg');
}

.clevericon-werklocatie {
    -webkit-mask-image: url('bedrijf.svg');
    mask-image: url('bedrijf.svg');
}

.clevericon-voorkeur, .clevericon-favoriet {
    -webkit-mask-image: url('voorkeur.svg');
    mask-image: url('voorkeur.svg');
}

.clevericon-paneel-verkleinen, .clevericon-verkleinen {
    -webkit-mask-image: url('paneel-verkleinen.svg');
    mask-image: url('paneel-verkleinen.svg');
}

.clevericon-paneel-vergroten {
    -webkit-mask-image: url('paneel-vergroten.svg');
    mask-image: url('paneel-vergroten.svg');
}

.clevericon-verkleinen {
    -webkit-mask-image: url('paneel-verkleinen.svg');
    mask-image: url('paneel-verkleinen.svg');
}

.clevericon-volledig-scherm {
    -webkit-mask-image: url('volledig-scherm.svg');
    mask-image: url('volledig-scherm.svg');
}

.clevericon-roadmap {
    -webkit-mask-image: url('roadmap.svg');
    mask-image: url('roadmap.svg');
}

.clevericon-releasenotes {
    -webkit-mask-image: url('release-notes.svg');
    mask-image: url('release-notes.svg');
}

.clevericon-support {
    -webkit-mask-image: url('support.svg');
    mask-image: url('support.svg');
}

.clevericon-koppeling {
    -webkit-mask-image: url('schakels.svg');
    mask-image: url('schakels.svg');
}

.clevericon-bestellen {
    -webkit-mask-image: url('bestellen.svg');
    mask-image: url('bestellen.svg');
}

.clevericon-alles-geleverd {
    -webkit-mask-image: url('alles-geleverd.svg');
    mask-image: url('alles-geleverd.svg');
}

.clevericon-backlog {
    -webkit-mask-image: url('backlog.svg');
    mask-image: url('backlog.svg');
}

.clevericon-laatste-werkzaamheden {
    -webkit-mask-image: url('laatste-werkzaamheden.svg');
    mask-image: url('laatste-werkzaamheden.svg');
}

.clevericon-genereren {
    -webkit-mask-image: url('genereer.svg');
    mask-image: url('genereer.svg');
}

.clevericon-doorzetten {
    -webkit-mask-image: url('doorzetten.svg');
    mask-image: url('doorzetten.svg');
}

.clevericon-vrijgeven {
    -webkit-mask-image: url('vrijgeven.svg');
    mask-image: url('vrijgeven.svg');
}

.clevericon-afwijkend-tarief {
    -webkit-mask-image: url('afwijkend-tarief.svg');
    mask-image: url('afwijkend-tarief.svg');
}

.clevericon-dashboard-widgets {
    -webkit-mask-image: url('dashboard-widgets.svg');
    mask-image: url('dashboard-widgets.svg');
}

.clevericon-capaciteitsplanning {
    -webkit-mask-image: url('capaciteits-planning.svg');
    mask-image: url('capaciteits-planning.svg');
}

.clevericon-afwijking {
    -webkit-mask-image: url('afwijking.svg');
    mask-image: url('afwijking.svg');
}

.clevericon-begrotingen-beheren {
    -webkit-mask-image: url('begrotingen-beheren.svg');
    mask-image: url('begrotingen-beheren.svg');
}

.clevericon-volgen {
    -webkit-mask-image: url('volgen.svg');
    mask-image: url('volgen.svg');
}

.clevericon-stamgegevens {
    -webkit-mask-image: url('stamgegevens.svg');
    mask-image: url('stamgegevens.svg');
}

.clevericon-servicedesk {
    -webkit-mask-image: url('servicedesk.svg');
    mask-image: url('servicedesk.svg');
}

.clevericon-scrum {
    -webkit-mask-image: url('scrum.svg');
    mask-image: url('scrum.svg');
}

.clevericon-planning {
    -webkit-mask-image: url('planning.svg');
    mask-image: url('planning.svg');
}

.clevericon-persoonlijk {
    -webkit-mask-image: url('persoonlijk.svg');
    mask-image: url('persoonlijk.svg');
}

.clevericon-inkoop, .clevericon-inkooporder {
    -webkit-mask-image: url('inkoop.svg');
    mask-image: url('inkoop.svg');
}

.clevericon-hrm {
    -webkit-mask-image: url('HRM.svg');
    mask-image: url('HRM.svg');
}

.clevericon-dashboard {
    -webkit-mask-image: url('dashboard.svg');
    mask-image: url('dashboard.svg');
}

.clevericon-contract, .clevericon-contracten, .clevericon-offerte {
    -webkit-mask-image: url('contracten.svg');
    mask-image: url('contracten.svg');
}

.clevericon-configuratie {
    -webkit-mask-image: url('configuratie.svg');
    mask-image: url('configuratie.svg');
}

.clevericon-berichten {
    -webkit-mask-image: url('berichten.svg');
    mask-image: url('berichten.svg');
}

.clevericon-home {
    -webkit-mask-image: url('home.svg');
    mask-image: url('home.svg');
}

.clevericon-agenda {
    -webkit-mask-image: url('planning.svg');
    mask-image: url('planning.svg');
}

.clevericon-projecten, .clevericon-project, .clevericon-projectactiviteit {
    -webkit-mask-image: url('projecten.svg');
    mask-image: url('projecten.svg');
}

.clevericon-werkbonnen, .clevericon-werkbon {
    -webkit-mask-image: url('werkbonnen.svg');
    mask-image: url('werkbonnen.svg');
}

.clevericon-werkplaats, .clevericon-werkorder {
    -webkit-mask-image: url('werkplaats.svg');
    mask-image: url('werkplaats.svg');
}

.clevericon-magazijn {
    -webkit-mask-image: url('magazijn.svg');
    mask-image: url('magazijn.svg');
}

.clevericon-crm, .clevericon-relatie, .clevericon-verkoopkans {
    -webkit-mask-image: url('CRM.svg');
    mask-image: url('CRM.svg');
}

.clevericon-documenten {
    -webkit-mask-image: url('documenten.svg');
    mask-image: url('documenten.svg');
}

.clevericon-qhse {
    -webkit-mask-image: url('QHSE.svg');
    mask-image: url('QHSE.svg');
}

.clevericon-verhuur {
    -webkit-mask-image: url('verhuur.svg'); 
    mask-image: url('verhuur.svg');
}

.clevericon-algemeen {
    -webkit-mask-image: url('algemeen.svg');
    mask-image: url('algemeen.svg');
}

.clevericon-administratie, .clevericon-factuur, .clevericon-inkoopfactuur {
    -webkit-mask-image: url('administratie.svg');
    mask-image: url('administratie.svg');
}

.clevericon-accorderen {
    -webkit-mask-image: url('accorderen.svg');
    mask-image: url('accorderen.svg');
}

.clevericon-inzoomen {
    -webkit-mask-image: url('zoom-in.svg');
    mask-image: url('zoom-in.svg');
}

.clevericon-uitzoomen {
    -webkit-mask-image: url('zoom-out.svg');
    mask-image: url('zoom-out.svg');
}

.clevericon-tabelinstellingen {
    -webkit-mask-image: url('table.svg');
    mask-image: url('table.svg');
}

.clevericon-prullenbak {
    -webkit-mask-image: url('verwijderen.svg');
    mask-image: url('verwijderen.svg');
}

.clevericon-prullenbak-leeg-maken {
    -webkit-mask-image: url('prullenbak-leegmaken.svg');
    mask-image: url('prullenbak-leegmaken.svg');
}

.clevericon-object {
    -webkit-mask-image: url('object.svg');
    mask-image: url('object.svg');
}

.clevericon-sleutel {
    -webkit-mask-image: url('sleutel.svg');
    mask-image: url('sleutel.svg');
}

.clevericon-onderstreept {
    -webkit-mask-image: url('underline.svg');
    mask-image: url('underline.svg');
}

.clevericon-schuingedrukt {
    -webkit-mask-image: url('italic.svg');
    mask-image: url('italic.svg');
}

.clevericon-vetgedrukt {
    -webkit-mask-image: url('bold.svg');
    mask-image: url('bold.svg');
}

.clevericon-links-uitlijnen {
    -webkit-mask-image: url('align-left.svg');
    mask-image: url('align-left.svg');
}

.clevericon-midden-uitlijnen {
    -webkit-mask-image: url('align-center.svg');
    mask-image: url('align-center.svg');
}

.clevericon-rechts-uitlijnen {
    -webkit-mask-image: url('align-right.svg');
    mask-image: url('align-right.svg');
}

.clevericon-dossier {
    -webkit-mask-image: url('dossier.svg');
    mask-image: url('dossier.svg');
}

.clevericon-debug {
    -webkit-mask-image: url('debug.svg');
    mask-image: url('debug.svg');
}

.clevericon-sync {
    -webkit-mask-image: url('sync.svg');
    mask-image: url('sync.svg');
}

.clevericon-log {
    -webkit-mask-image: url('log.svg');
    mask-image: url('log.svg');
}

.clevericon-rapportage, .clevericon-datasets {
    -webkit-mask-image: url('rapportage.svg');
    mask-image: url('rapportage.svg');
}

.clevericon-instellingen {
    -webkit-mask-image: url('instellingen.svg');
    mask-image: url('instellingen.svg');
}

.clevericon-voorkeuren {
    -webkit-mask-image: url('voorkeuren.svg');
    mask-image: url('voorkeuren.svg');
}

.clevericon-wensenlijst {
    -webkit-mask-image: url('wensenlijst.svg');
    mask-image: url('wensenlijst.svg');
}

.clevericon-volledig-geladen {
    -webkit-mask-image: url('kalender-check.svg');
    mask-image: url('kalender-check.svg');
}

.clevericon-status {
    -webkit-mask-image: url('status.svg');
    mask-image: url('status.svg');
}