/* Algemene font en selectie stijl */
div, span:not(.fa), applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i:not(.fa), center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family: "Roboto", Sans-serif !important;
}

::selection {
    background: #E63329 !important;
}

/* Header en navigatie */
#mainHeader-inner .logo-in-menu img {
    max-width: 200px !important;
}

#mainHeader-inner .navbar {
    background-color: #FAF4EC !important;
    margin-bottom: 20px !important;
}

#mainHeader-inner .navbar ul > li > a {
    color: #181F18 !important;
    font-weight: 600 !important;
}



/* Footer */
footer {
    background-color: white !important;
}

footer .navigation-div {
    border-radius: 50px 50px 0px 0px !important;
    background: #E63329 !important;
}

/* UI widgets */
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button, 
.ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover {
    border-radius: 20px !important;
}

.ui-widget-header {
    border-radius: 20px !important;
}

.ui-widget-content {
    margin-top: 20px !important;
}

.ui-corner-all {
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
}

/* Breadcrumbs */
custom-breadcrumbs-component .custom-breadcrumb-style {
    background: #ffffff !important;
    border-radius: 15px !important;
    margin-bottom: 20px !important;
}

custom-breadcrumbs-component .fa-chevron-right:before {
    color: #181F18 !important;
}

custom-breadcrumbs-component .custom-breadcrumb-style li > a {
    color: #181F18 !important;
}

/* Groupsviewer */
.groupsviewer-list-view .parent-group {
    border-radius: 5px !important;
}

.groupsviewer-list-view .children {
    color: #181F18 !important;
}

.groupsviewer-list-view .children:hover {
    background-color: #E63329 !important;
    color: #181F18 !important;
}

.groupsviewer-thumbs.level3 .group-thumb-div, 
.groupsviewer-thumbs.level4 .group-thumb-div, 
.groupsviewer-thumbs.level5 .group-thumb-div, 
.groupsviewer-thumbs.level6 .group-thumb-div, 
.groupsviewer-thumbs.level7 .group-thumb-div {
    border-radius: 10px !important;
}

.clickable.group-thumb-div.ui-g-12.ui-md-4 {
    border-radius: 20px !important;
    overflow: hidden; /* Zorgt ervoor dat de inhoud binnen de afgeronde hoeken blijft */
}
.clickable.group-thumb-div.ui-g-12.ui-md-4 p {
	margin-top: 15px !important;
}
.groupsviewer-thumbs.level3 .group-thumb-div, .groupsviewer-thumbs.level4 .group-thumb-div, .groupsviewer-thumbs.level5 .group-thumb-div, .groupsviewer-thumbs.level6 .group-thumb-div, .groupsviewer-thumbs.level7 .group-thumb-div {
    border-radius: 50px !important;
	font-family: "Barlow", Sans-serif !important;
    background-color: #FAF4EC !important; /* Achtergrondkleur */
    color: #1D3969 !important; /* Tekstkleur */
    overflow: hidden; /* Zorgt ervoor dat de inhoud binnen de afgeronde hoeken blijft */
    text-align: center; /* Optioneel: centreert de tekst */
}
.groupsviewer-list-view li {
	margin-bottom: 5px !important;
}
.groupsviewer-list-view .children:hover {
	color: #ffffff !important;
	border-radius: 5px !important;
}


/* Stijl voor checkbox */
/* Witte achtergrond als checkbox niet is aangevinkt */
.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
    background-color: #ffffff !important; 
}
.ui-chkbox-box.ui-state-active {
    color: #E63329 !important;
}

p-responcive-listbox .ui-listbox-item {
    color: #181F18 !important;
}

.ui-autocomplete-token-label-wrapper .ui-autocomplete-token-label {
    color: #181F18 !important;
}

.ui-autocomplete-input-token input {
    padding-left: 5px !important;
}

/* Highlight en dataview */
.ui-state-highlight {
    border-color: #FAF4EC !important;
    background: #FAF4EC !important;
    color: #181F18 !important;
    border-radius: 20px !important;
}

.ui-dataview .ui-dataview-header {
    border-radius: 5px 5px 0px 0px !important;
}

.ui-dataview .ui-dataview-footer {
    border-radius: 0px 0px 5px 5px !important;
}