/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,74): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-family'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,24): run-time error CSS1030: Expected identifier, found '.'
(44,42): run-time error CSS1031: Expected selector, found ')'
(44,42): run-time error CSS1025: Expected comma or open brace, found ')'
(51,29): run-time error CSS1039: Token not allowed after unary operator: '-bg-navbar'
(54,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(57,105): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(65,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(74,82): run-time error CSS1039: Token not allowed after unary operator: '-bg-navbar'
(82,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(89,40): run-time error CSS1039: Token not allowed after unary operator: '-nf-sidebar-width'
(93,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-purple'
(96,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-purple'
(98,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-purple'
(98,75): run-time error CSS1039: Token not allowed after unary operator: '-bs-purple'
(101,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-pink'
(104,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-pink'
(106,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-pink'
(106,73): run-time error CSS1039: Token not allowed after unary operator: '-bs-pink'
(109,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-teal'
(112,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-teal'
(114,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-teal'
(114,73): run-time error CSS1039: Token not allowed after unary operator: '-bs-teal'
 */
.root {
    --nf-sidebar-width: 15.8rem;
    --nf-sidebar-padding-x: 0.5rem;
}
:root {
    --mowh-dark: #005f68;
    --mowh-primary: #009ba4;
    /*--bs-body-font-size: 0.78rem;*/
    --bs-body-font-size: 12px;
    --primary-color: #009ba4;
    --primary-color-hover: #005f68;
    --bg-navbar: #3a3f44;
    /*--bs-primary: #005f68;    /*ONDERWIJSHUIS DONKERE KLEUR*/
    --bs-primary: #009ba4; /*ONDERWIJSHUIS LICHTERE KLEUR*/
    --bs-body-font-family: 'Open Sans', sans-serif;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: var(--bs-body-font-family); }

/* MAINNAV COLORED */
/* ---------------------------------------------- */
.tm--fair-hd, .mainnav--primary {
    --nf-mainnav-bg: var(--bg-navbar);
    --nf-mainnav-color: var(--bs-primary-color);
    --nf-mainnav-secondary-color: rgba(var(--bs-primary-color-rgb), 0.4);
    --nf-mainnav-link-color: rgba(var(--bs-primary-color-rgb), 0.7);
    --nf-mainnav-link-hover: var(--bs-primary-color);
    --nf-mainnav-link-active: var(--bs-primary-color);
    --nf-mainnav-link-active-underline-color: rgba(var(--bs-primary-color-rgb), 0.3);
    --nf-mainnav-icon-color: var(--bs-primary-color);
    --nf-mainnav-heading-color: var(--bs-primary-color);
    --nf-mainnav-border-color: var(--bs-primary-border);
    --nf-mainnav-submenu-active-bg: rgba(0, 0, 0, 0.25);
    --nf-mainnav-submenu-dashed-color: var(--bs-primary-border);
    --nf-mainnav-min-icon-color: var(--bs-primary-color);
    --nf-mainnav-min-icon-active-color: var(--bs-primary-color);
    --nf-mainnav-min-submenu-active-bg: rgba(0, 0, 0, 0.25);
    --nf-mainnav-min-submenu-active-color: var(--bs-primary-color);
    --nf-mainnav-min-shadow: 0 1rem 2rem rgba(26, 29, 33, 0.5);
    --nf-mainnav-min-submenu-active-bg: var(--mowh-dark);
    --nf-mainnav-submenu-active-bg: var(--mowh-dark);
}

@media (min-width: 992px) {
    .tm--fair-hd:where(.mn--min, .mn--max) {
        --nf-brand-bg: var(--bg-navbar);
        --nf-brand-color: var(--bs-primary-color);
    }
}

.tm--fair-hd.mn--reveal:before {
    outline: 1px solid var(--bg-navbar);
}
.tm--fair-hd.mn--reveal .content {
    background-color: var(--bs-body-bg);
}
.mn--max .header__brand { padding-inline-start: 4px !important; }
.root:not(.mn--min) .mainnav__inner .nav-link .nav-icon, .root .mainnav__inner .nav-link i { color:var(--primary-color) !important; opacity: 1 !important; }
.mn--min .mainnav__menu > .nav-item > .nav-link i, .mn--min .mainnav__menu > .nav-item > .nav-link .nav-icon { color: #b0b0b0 !important; }
.mn--min .mainnav__menu > .nav-item > .nav-link:hover i, .mn--min .mainnav__menu > .nav-item > .nav-link:hover .nav-icon { color: #f0f0f0 !important; }

.root:not(.mn--min) .mainnav__menu>.nav-item.has-sub>.mininav-content { border-inline-start: 1px dashed #999; margin-inline-start:1em !important; }
.root:not(.mn--min) .mainnav__menu>.nav-item.has-sub>.mininav-content>.nav-item>.nav-link { font-size: 12px !important; padding-inline-start: calc(0.5em + 0.5rem) !important; }
.root:not(.mn--min) .mainnav__menu>.nav-item.has-sub>.mininav-content>.nav-item>.nav-link i { color: #ccc !important; font-size:.7rem !important; }
.mainnav__menu .nav-link { padding: 0.6rem 0.35rem !important; }
.root .mainnav__inner .nav-link.active ~ .nav .active { color: var(--bs-primary) !important; }

.header__brand { /*background-color: #fff !important;*/ }
.brand-img img { width: 40px; height: 40px; }
.brand-wrap:hover .brand-title { box-shadow: none !important; }
.tm--fair-hd .header__brand .brand-title, .tm--tall-hd .header__brand .brand-title { color: #e3e3e3 !important; font-size: 20px; padding-top: 8px; }

/*SIDEBAR*/
.sidebar__inner.scrollable-content { background-color: #fdfdfd !important; }
[data-bs-theme=dark] .sidebar__inner.scrollable-content { background-color: var(--bg-navbar) !important; }

/*Formcontrol*/
.form-control:disabled { color: black !important; font-weight:500; }
[data-bs-theme=dark] .form-control:disabled { color: #fdfdfd !important; font-weight:500; }

@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 90%;
    }
}


@media (min-width: 1195px)
{
    .sb--pinned .sidebar { width: var(--nf-sidebar-width) !important; }
}


.btn-purple { background-color: var(--bs-purple); color: white; }
    .btn-purple:hover 
    { 
        background-color: var(--bs-purple); 
        color: white;
        box-shadow: 0 0.1rem 0.5rem var(--bs-purple), 0 0.25rem 1rem var(--bs-purple);
    }

.btn-pink { background-color: var(--bs-pink); color: white; }
    .btn-pink:hover 
    { 
        background-color: var(--bs-pink); 
        color: white; 
        box-shadow: 0 0.1rem 0.5rem var(--bs-pink), 0 0.25rem 1rem var(--bs-pink);
    }

.btn-mint { background-color: var(--bs-teal); color: white; }
    .btn-mint:hover 
    { 
        background-color: var(--bs-teal); 
        color: white; 
        box-shadow: 0 0.1rem 0.5rem var(--bs-teal), 0 0.25rem 1rem var(--bs-teal);

    }
.btn-default:hover 
    { 
        background-color: #e0e3e5; 
        color: white; 
        box-shadow: 0 0.1rem 0.5rem #969899, 0 0.25rem 1rem #969899;

    }