:root {
  --theme-primary-color: #FFFFFF;
  --theme-primary-color-background: #D3104C;
}
@media print {
   :root {
  --theme-primary-color: #FFFFFF;
  --theme-primary-color-background: #D3104C;
   }
}
:root {
  --theme-secondary-color: #000000;
  --theme-secondary-color-background: #F0F0F0;
}
@media print {
   :root {
  --theme-secondary-color: #000000;
  --theme-secondary-color-background: #F6CFDB;
   }
}

/**************************************************/
/* Hier kun je stijlkenmerken overrulen met CSS   */
/* https://www.w3schools.com/css voor voorbeelden */
/**************************************************/

/* !!! Maak voor alle zekerheid eerst een backup van alle tekst om eenvoudig weer terug te kunnen gaan naar de uitgangspositie !!!*/



/* Voorbeeld om ambitiegebiedtitel(s) aan te passen */
.planmatrix__ambitiegebied {
    font-size: 12pt;
    font-weight: bolder;
    padding-top: 10pt;
    text-transform: none;
}

/* Voorbeeld om kolomtitels aan te passen */
.planmatrix__columnheader .titel {
    font-size: 12pt;
    font-weight: bolder;
    padding-top: 10pt;
    padding-bottom: 10pt;
    text-transform: none;
}

/* voorbeeld om lettertype te veranderen voor alle gebruikte text*/
/*
* {
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif  !important;
}
*/

/*************************************************************/
/* Hier pas je de kleuren aan voor de itemlabels in een plan */
/*************************************************************/

.item-waarde.prio1 {
   background-color: rgba(255, 45, 55, 0.523);
   color: rgb(0, 0, 0);
}

.item-waarde.prio2 {
   background-color: rgb(251, 189, 73);
   color: rgb(0, 0, 0);
}

.item-waarde.prio3 {
   background-color: rgb(180, 249, 163);
   color: rgb(0, 0, 0);
}

/* voorbeeld voor label met "bewegende" kleuren */
.item-waarde.zet_hier_de_zelf_gekozen_css_classname_van_bijbehorend_label {
   color:  rgb(0, 0, 0);
  animation: animate 5s linear infinite; 
}
 @keyframes animate{ 
   0%{ 
     background-color: rgb(243, 239, 14);
   } 
   50%{ 
     background-color: rgb(85, 206, 34);
   } 
   100%{ 
     background-color: rgb(243, 239, 14);
   }    
 }



/* andere stijl voor de doelblokjes */
.type-Doel .card {
    --bc2-clr-current-fg: rgb(0,0,0)!important;
    --bc2-clr-current-bg: rgb(240, 240, 240 )!important;
}

/* andere stijl voor de actieblokjes */
.type-Actie .card {
    --bc2-clr-current-fg: rgb(0, 0, 0)!important;
    --bc2-clr-current-bg: rgb(220, 220, 220)!important;
}

/* andere stijl voor de actieblokjes */
.type-Risico .card {
    --bc2-clr-current-fg: rgb(0, 0, 0)!important;
    --bc2-clr-current-bg: rgb(252, 233, 233)!important;
}

/* andere stijl voor de actieblokjes */
.type-KPI .card {
    --bc2-clr-current-fg: rgb(0, 0, 0)!important;
    --bc2-clr-current-bg: rgb(233, 252, 221)!important;
}

/* andere stijl voor de actieblokjes */
.type-Maatregel .card {
    --bc2-clr-current-fg: rgb(0, 0, 0)!important;
    --bc2-clr-current-bg: rgb(251, 2, 2)!important;
}.logo-layout > .photo {
    background-image: url(https://mijnjaarplannen.nl/hr/theme/images/338ea86f-c389-4da4-bc08-bfb3fc115568/LoadingPhoto/0DBF8167E33BABAC9434551B21C1A255F688AA4F8C89540170852077D548D42A) !important;
}