:root {
  --cannock-donkerblauw: #433e67; /* basiskleur voor teksten en vormen*/
  --cannock-grijsblauw:  #8388b8; /* rust uitstralen */
  --cannock-lichtblauw:  #b5c4ff; /* signaalkleur voor kaders en buttons */
  --cannock-witblauw:    #ecf2ff; /* highlight blauw */
  --cannock-lichtgeel:   #fffddf; /* highlight geel */
  --cannock-geel:        #f2d985; /* basiskleur voor de positieve flow */
  --cannock-okergeel:    #d0a661; /* warme ondertoon */
  --cannock-bruin:       #974320; /* voor een enkele keer */
  --cannock-witgrijs:    #f6f3ee; /* achtergrond lichter */
  --cannock-lichtgrijs:  #ebe7df; /* basiskleur altijd op de achtergrond aanwezig */
  --cannock-grijs:       #dad4c8; /* achtergrond donkerder */
  --cannock-alt-zwart:   #221f32; /* alleen als paars/donkerblauw nog niet donker genoeg is */
}
.t-Header-branding {
    background-color: var(--cannock-lichtblauw);
}
.apex-logo-text {
    color: var(--cannock-donkerblauw);
    margin-top: -2px; /* Om de onderkant van de tekst gelijk te trekken met dat van het Cannock-logo */
}
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current, .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-selected, .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current--top.is-selected {
    background-color: var(--cannock-lichtblauw);
}
.t-TreeNav .is-hover {
    background-color: var(--cannock-geel);
    color: var(--cannock-donkerblauw) !important;
}
.t-Body-nav {
    background-color: var(--cannock-donkerblauw);
}
.t-TreeNav .is-current, .t-TreeNav .is-current--top {
    color: var(--cannock-donkerblauw);
}
.a-TreeView-content.is-selected > .fa {
    color: var(--cannock-donkerblauw);
}
.t-Body-mainContent {
    background-color: var(--cannock-witgrijs);
}
.t-Region {
    background-color: var(--cannock-lichtgrijs);
    border-radius: 20px;
}
.t-Region-header
{   border-radius: 20px 20px 0px 0px;
    background-color: var(--cannock-geel);
}
.t-Region-title {
    color: var(--cannock-donkerblauw);
}
.t-Region-bodyWrap
{   border-radius: 0px 0px 20px 20px
}
.t-Footer {
    background-color: var(--cannock-grijs);
}
.t-BreadcrumbRegion {
    background-color: var(--cannock-geel);
}
.t-AVPList-label, .t-AVPList-value, .t-Tabs-link {
    color: var(--cannock-donkerblauw);
}
.t-Button {
    border-radius: 20px;
    color: var(--cannock-donkerblauw);
}
.t-Button--hot {
    background-color: var(--cannock-lichtblauw);
}
.t-Button--hot:hover{
    color: var(--cannock-witgrijs);
}
.t-Report-cell {
    color: var(--cannock-donkerblauw);
}
.t-Report-paginationText a:hover, .t-Report-paginationText b, .t-Report-paginationText strong {
  background-color: var(--cannock-donkerblauw);
}
.apex-item-text {
  background-color: white;
}