/* P5 WEB TEMPLATE 3.1 */
/* normalize.css v4.1.1 */
progress,sub,sup{vertical-align:baseline}ul,ol{padding:0;margin:0;list-style:none;}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
*, *:after, *:before { box-sizing: border-box;}
a { color: #9b4dca; text-decoration: none; outline: 0; }
a:hover { color: #606c76; }
.hide, .hidden, [hidden] { display : none !important; }
.show, article { display : block; }
.invisible { visibility: hidden;}
address { font-style: normal; line-height: inherit; }
hr { border: 0; border-top: 0.1rem solid #f4f5f6; margin-bottom: 3.5rem; margin-top: 3rem; box-sizing:content-box;height:0}
.clearfix:before, .clearfix:after, .row:before, .row:after, .breadcrumb:after {content: ""; display: table;} .clearfix:after, .row:after, .breadcrumb:after {clear: both;}
.disabled { pointer-events: none; filter: alpha(opacity=50); opacity: 0.5;}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa, .tweetIcon:before, .slide-arrow:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.material-icons, .micon, .button_icon, .input-pretty[data-icon]:before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: inherit;
    display: inline-block;
    line-height: inherit;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    vertical-align: bottom;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
} { font-size: inherit; }

/* Styles */
html {
	font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;
    height: 100%;
    overflow: auto;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
    font-size: 62.5%;
}

body {
	margin:0;
    background: #eee;
    color: #212121;
    font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 1.6em;
    position: relative;
    line-height: 2.4rem;
    height: 100%;
    /* overflow-x: hidden; */
}
.disable-hover { pointer-events: none; }
body, input, button { -webkit-font-smoothing: antialiased; }

.c {
	width: 96%;
    max-width: 150rem;
    display: block;
    margin: 0 auto;
    position: relative;
}

body#login { background: white; }
::-webkit-scrollbar { width: 0.7rem; height: 0.7rem; }
::-webkit-scrollbar-track { background: #eee; }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.4); }
::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,0.1); }


/* Basics */
    .bgcover, .bgcontain {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
        .bgcontain { background-size: contain; }
    .lazyload, .lazyloading, .overlay-img { opacity: 0; }
    .lazyloaded, .overlay-img.show { opacity: 1; transition: opacity 300ms; }
    .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; }
    .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; }
    .fullWidth { display: block; width: 100%; }

    h1,h2,h3,h4,h5,h6 { font-weight: normal; margin: 0; }
    h1, .size1 { font-size: 3.6rem; line-height: 1.2; }
    h2, .size2 { font-size: 3.0rem; line-height: 1.25; }
    h3, .size3 { font-size: 2.4rem; line-height: 1.3; }
    h4, .size4 { font-size: 1.8rem; line-height: 1.35; }
    h5, .size5 { font-size: 1.6rem; line-height: 1.5; }
    h6, .size6 { font-size: 1.4rem; line-height: 1.4; }
    @media (max-width: 40rem){ h1, .size1 { font-size: 3rem; } h2, .size2 { font-size: 2.4rem; } h3, .size3 { font-size: 2rem; } h4, .size4 { font-size: 1.6rem; } h5, .size5 { font-size: 1.4rem; } h6, .size6 { font-size: 1.2rem; } }

    .transition, a, .button { -webkit-transition: all 350ms ease; transition: all 350ms ease; }
    .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

    .button { background-color: #3D81FF; border-color: #3D81FF; color: #fff; }
    .color_highlight, .button_outline, .button_clear, .loader { color: #3D81FF; }
    .color_highlight_muted { color: #759EE8; }
    .color_primary, body, h1,h2,h3,h4,h5,h6 { color: #212121; }
    .color_secondary, label { color: #757575; }
    .color_muted, .breadcrumb-item:before { color: #BDBDBD; }
    .color_white_primary, .nav li:hover > a, .nav li:hover > label, .nav input:checked ~ label, .nav li.current > a { color: #fafafa; }
    .color_white_secondary, .nav a, .nav label { color: #eee; }

    .padding_16, nav, toolbar { padding-left: 1.6rem; padding-right: 1.6rem; }
    .padding_reset_16 { margin-left: -1.6rem; margin-right: -1.6rem; }
    .padding_reset_8 { margin-left: -0.8rem; margin-right: -0.8rem; }
    .main_topmargin { height: 2.4rem; }
/* End-Basics */
/* Themeable */
    .bg_dark, toolbar, .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #000 !important; }
    .bg_highlight, .statbar > div, .input_radio input:checked + label, .button, .ui-state-highlight { background-color: #8d744b; }
    .bg_medium { background-color: #5384a2; }
    .color_highlight, .input-pretty.has-value[data-icon]:before, .highlightHover:hover { color: #8d744b; }
    .selected.fill_highlight-selected svg, .fill_highlight svg { fill: #8d744b; }
    .button, .tabs .tab.tab_active { border-color: #8d744b; }
    .timer_user-img:before, .state-loading div:before { border-top-color: #8d744b; }
    .flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#000;color:#fff;border-color:#000;-webkit-box-shadow:none;box-shadow:none;}
    .flatpickr-day.selected.startRange + .endRange,.flatpickr-day.startRange.startRange + .endRange,.flatpickr-day.endRange.startRange + .endRange{-webkit-box-shadow:-10px 0 0 #000;box-shadow:-10px 0 0 #000}
    .flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #000,5px 0 0 #000;box-shadow:-5px 0 0 #000,5px 0 0 #000}
/* End-Themeable */
/* Login-View */
    #login card { background: rgba(255,255,255,0.9); padding: 1rem 1.5rem 0.8rem 1rem; }
	#loginWindow {
        width: 100%;
        max-width: 35rem;
        position: absolute;
        top: 50%; right: 10%;
        z-index: 3;
        float: right;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
	}
        .logo_box { position: absolute; left: -20vh; top: 1%; width: 100vh; }
        .logo_cont { width: 100%; height: 0; padding-bottom: 97%; }
        .logo_cont svg {
            top: 50%; left: 0; display: inline-block; fill: #212121; position: absolute;
            max-height: 80rem;
            -webkit-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
        }
        .logo_cont svg path.logo2 { fill: #E74C3C; }

        @media (orientation:portrait){
            .logo_cont svg { top: 0; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); }
            .logo_box { top: auto; bottom: 0; left: 50%; width: 30rem; margin-left: -15rem; overflow: hidden; height: 15rem;}
            #loginWindow {
                -webkit-transform: translate(0,0);
                -ms-transform: translate(0,0);
                transform: translate(0,0);
                top: 0; right: 0; float: none;
                position: relative;
                margin: 5rem auto 0;
            }
        }

        .passwordReset, #login-passreset,
        #login-passreset:checked + form .normalLogin { display: none; }
        #login-passreset:checked + form .passwordReset { display: block; }
/* End-Login-View */
/* Navbar */
    nav { /* NOTE responsive menu */
        width: 17.5rem;
        display: block;
        min-height: 100vh;
        overflow-x: hidden;
        overflow-y: auto;
        border-right: 0.1rem solid #e0e0e0;
        position: fixed;
        z-index: 2;
    }
    .nav {
        list-style: none;
        padding-top: 2.3rem;
        line-height: 5.6rem;
    }
        .nav li { position: relative; }
        .nav li ul {
            display: none;
            padding-left: 0.8rem; list-style: none;
        }
            .nav input:checked ~ ul { display: block; }
            .nav a, .nav label {
                display: block;
                cursor: pointer;
            }
                .nav li:hover > a, .nav li:hover > label, .nav .hassub input:checked ~ label, .nav li.current > a { font-weight: 500; }
                .nav fieldset label { text-transform: capitalize; }
            .nav li.hassub:after, .nav li.supportlink:after {
                font-family: 'Material Icons';
                font-weight: 400;
    		    content: 'more_horiz';
    		    color: #989898; pointer-events: none;
    		    position: absolute; right: 0; top: 0;
    		}
                .nav li.supportlink:after { content: 'help'; }

        .nav li.has-divider { margin-top: 1.6rem; }
        .nav li.nav-user { margin-bottom: 1.6rem; line-height: 2.4rem; cursor: pointer; }
        .nav li.has-divider:before, .nav li.nav-user:before {
            content: '';
            height: 0.1rem; position: absolute;
            left: -1.6rem; right: 0; top: -0.8rem;
            background: #e0e0e0;
        }
        .nav li.nav-user:before { bottom: -1rem; top:auto; }
        .nav-logo {
            display: block;
            width: 80%;
            max-width: 7rem;
            position: absolute;
            bottom: 1.6rem; left: 1.6rem;
        }
/* Main content */
    main { /* NOTE responsive menu */
        width: calc(100% - 17.5rem);
        min-height: 100vh;
        margin-left: 17.5rem;
        display: block;
        position: relative;
        z-index: 1;
        padding: 2.4rem 2.4rem 3rem 2.4rem;
    }
    main.noleft { margin-left: 0; }

        @media(max-width:51em){
            pane:not(.show-nav) nav {
                -webkit-transform: translate3d(-100%,0,0);
                -ms-transform: translate3d(-100%,0,0);
                transform: translate3d(-100%,0,0);
            }
            nav {
                position: absolute; top: 0; left: 0; bottom: 0;
                background: #eee;
                width: 80%; max-width: 25rem;
                float: none;
            }
            main { width: 100%; float: none; }
            main:before {
                content: '';
                position: fixed; top: 0; left: 0;
                width: 100vw;
                height: 100%;
                background: rgba(0,0,0,0.5);
                visibility: hidden;
                opacity: 0;
                transition: opacity 350ms ease;
                z-index: 100;
            }
            .show-nav main { overflow: hidden; }
            .show-nav main:before { visibility: visible; opacity: 1; }
        }
    pane { min-height: 93vh; display: block; position: relative; }
/* Overlay */
#overlay, #overlayContainer, .overlay-arrow {
    position: fixed; cursor: pointer;
    opacity: 0; visibility: hidden;
}
    #overlay.ov-show, #overlayContainer.ov-show, .overlay-arrow.ov-show { opacity: 1; visibility: visible; }
    #overlay { z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); }
    #overlayContainer { z-index: 101; top: 5%; left: 10%; width: 80%; height: 90%; }
    .overlay-arrow {
        z-index: 105; top: 50%; left: 0; padding: 3rem 3rem 3rem 1.5rem;
        color: white; font-size: 3.5rem; margin-top: -5.7rem;
    }
        .overlay-arrow.oa-next { right: 0; left: auto; padding: 3rem 1.5rem 3rem 3rem; }
        .overlay-arrow:hover, .opacityhover:hover { opacity: 0.7; cursor: pointer; }
    .overlay-img {
        position: fixed;
        z-index: 104; top: 0; bottom: 0; left: 0; right: 0;
        max-height: 100%; max-width: 100%; margin: auto;
        cursor: pointer;
        box-shadow: 0 0 1.5rem rgba(0,0,0,0.8);
    }
/* End-Overlay */
/* Toast */
	#toast {
		background: #323232;
		overflow: hidden;
		color: #f1f1f1;
		display: block;
		opacity: 0;
		padding: 1rem 1.5rem 0.8rem 1.5rem;
		z-index: 500;
		position: fixed;
		bottom: 2rem;
		left: 2rem;
		box-shadow: 0 0.125rem 0.3125rem 0 rgba(0,0,0,0.258824);
		border-radius: 0.5rem;
		max-width: 92%;
	}
		.mobile #toast { max-width: 100%; left: 0; right: 0; border-radius: 0; box-shadow: none; }
		.toastBut { color: #eeff41; padding-left: 1.5rem; text-transform: uppercase; }
		.showToast #toast {
			opacity: 1;
		}
/* End-Toast */
/* Loader */
    .loader, .loader div {
        position: relative;
        width: 3.6rem;
        height: 1.6rem;
        margin: 2.4rem auto;
        clear: both;
    }
    body > .loader {
        position: fixed;
        left: 0; top: 0; width: 100%; height: 100%;
        background: rgba(0,0,0,0.3);
        margin: 0;
    }
        body > .loader div { position: absolute; top: 49%; left: 0; right: 0; }
    .loader:before, .loader:after {
        content: '';
        width: 44%; height: 0;
        padding-bottom: 44%;
        border-radius: 50%;
        background-color: currentColor;
        display: block;
        position: absolute;
        left: 50%; top: 50%;
        margin-left: -50%;
        margin-top: -22%;
        -webkit-animation: loader .6s ease infinite;
        animation: loader .6s ease infinite;
    }
    .loader:after {
        margin-left: 6%;
        -webkit-animation-delay: -.3s;
        animation-delay: -.3s;
    }
    @-webkit-keyframes loader { 50% { -webkit-transform: translate(0,25%); transform: translate(0,25%);} }
    @keyframes loader { 50% { transform: translate(0,25%);} }
/* End-Loader */
/* Bestellingen */
    .bestelregel-inputs {
        border-top: 0.1rem solid #ccc;
        border-bottom: 0.1rem solid #ccc;
        padding: 1.6rem 0;
        margin: 1.6rem 0;
    }
    .bestelling-eenheid .padding {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
    .bestelling-eenheid fieldset {
        border-bottom: 0;
        padding-top: 0.8rem;
    }
    .bestelling-eenheid .select2-selection {
        margin-bottom: 0;
    }
    card.bestelling-eenheid:nth-child(odd) {
        clear: unset;
    }
    card.bestelling-eenheid { margin-right: 2rem; }
    .bestelling-eenheid input[type=text] { padding-left: 1.6rem; }
    .bestelling-eenheid input[type=text] { padding-left: 1.6rem; }
    .bestelling-eenheid .input_checkbox input[type='checkbox']:not(:checked) ~ label:before {
        color: #ef5350;
        content: '\f0c8';
    }
/* End-Bestellingen */
/* Statbar */
    .statbar {
        background: #ccc;
    }
    .statbar-horiz {
        height: 0.4rem;
        margin: 0.8rem 0 0.4rem;
    }
        .statbar-horiz > div { height: 100%; }

    .sort-stats {
        display: flex;
        justify-content: space-between;
        position: absolute;
        bottom: 0; left: 0; right: 0;
    }
    .statbar-verti {
        flex-grow: 1;
        max-width: 0.8rem;
        height: 15rem;
        position: relative;
    }
        .statbar-verti > span {
            content: '';
            position: absolute;
            bottom: -2.4rem; left: 0; right: 0; text-align: center;
            z-index: 5;
            font-size: 1.3rem;
            color: #aaa;
        }
        .statbar-verti > div { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; }

    .melange-inhoud { width: 96%; max-width: 60rem; }
/* End-Statbar */
/* Spitten */
    .spit_column.input-container { width: 48%; float: left; margin-right: 4%; }
    .spit_column:nth-child(even){ margin-right: 0; }
    .spit_column > h2 { padding: 0.4rem 1.6rem 0rem; }
    .delete-spit { position: absolute; top: 1rem; right: 1rem; padding: 0.4rem; cursor: pointer; }
    .delete-spit:hover { color: red; }
/* End-Spitten */
/* Form */
    .input-container, card, .bestelling-regel, .silo-regel {
        display: block;
        margin: 0.8rem 0 2.4rem 0;
        width: 96%;
        max-width: 60rem;
        background: white;
        border-radius: 0.4rem;
        box-shadow: 0 0 1.6rem rgba(0,0,0,0.15);
    }
        .bestelling-regel, .silo-regel { margin: 0.4rem 0; padding: 0.8rem 1.2rem; cursor: pointer; }
        card { max-width: 29rem; float: left; margin-bottom: 0.8rem; }
        card.statcard { max-width: 100rem; padding: 0.8rem 1.2rem; }
        card:nth-child(odd){ clear: left; margin-right: 2rem;}

        .input-container > fieldset, .input-container .lookslike-fieldset, card fieldset {
            border-bottom: 0.2rem solid #eee;
            padding: 1.6rem 1.6rem 0;
        }
            #spitten .lookslike-fieldset { padding: 0.8rem 1.6rem 0.4rem; position: relative; }
        .input-container > fieldset:last-child, .input-container .lookslike-fieldset:last-child, card fieldset:last-child { border-bottom: 0; }

        .input-right {
            position: absolute;
            bottom: 0.8rem;
            right: 0;
        }
            .input-right > * { vertical-align: baseline !important; }

    /* Labels */
        label {
            display: block;
            margin-bottom: 0.3rem;
        }
            .label-inline label, label.label-inline { display: inline-block; }
        fieldset { border: 0; padding: 0; margin: 0; position: relative; display: block; }
        fieldset.inline { display: inline-block; margin-right: 3rem; }
        .label-float label {
            width: 30%;
            position: absolute;
            left: 0;
            top: 0.3rem;
        }
        .label-float .input, .label-float textarea {
            width: 70%;
            margin-left: 30%;
        }
    /* End-Labels */
    /* Inputs */
        .input, .select2-selection, .input-text {
            background-color: white;
            border: 0.1rem solid #d1d1d1;
            border-radius: 0.4rem;
            box-shadow: none;
            height: 4rem;
            padding: 0 1.2rem;
            width: 100%;
            margin-bottom: 0.8rem;
        }
            .input-container .input, .input-container .select2-selection, card .input {
                padding: 0;
                border: 0;
            }
            .input-container .select2-container--default .select2-selection--single {
                border: 0; padding: 0; line-height: 4rem;
            }
            .input:not(select) { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; }
            .input:focus, .select2-container:focus { border: 0.1rem solid #9b4dca; outline: 0; }
            .input-container .input:focus, .input-container .select2-container:focus, card .input:focus { border: 0; }
            .input:read-only:not(select):not(.flatpickr-input), .select2-container-disabled { background-color: #eee; }
            textarea, textarea.input {
                padding-bottom: 0.8rem;
                padding-top: 0.8rem;
                min-height: 12.5rem;
            }
            /* Checkbox & Radio */
            input[type=radio], input[type=checkbox] { position: absolute; left: 0; top: 0; margin: 0; padding: 0; opacity: 0; }
            input[type="radio"]:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; }
            .input-radio, .input-checkbox { padding-left: 2.4rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
            .input-radio:before, .input-radio:after, .input-checkbox:before, .input-checkbox:after {
                content: ''; display: block;
                width: 1.6rem; height: 1.6rem;
                position: absolute; top: 0.4rem;
            }
            .input-radio:before, .input-checkbox:before {
                left: 0; border: 0.1rem solid #ccc;
                box-shadow: inset 0.1rem 0.1rem rgba(0,0,0,0.03);
                border-radius: 50%;
            }
            .input-radio:after, .input-checkbox:after { left: 0.25rem; display: none; content: '\f00c'; font-family: 'FontAwesome'; color: white; line-height: 1.65rem; font-size: 1.1rem; }
            input[type=radio]:checked + label:after, input[type=checkbox]:checked + label:after { display: block; }
            .input-checkbox:before { border-radius: 0.3rem; }
            input[type=radio]:checked + label:before, fieldset:not(.input_checkbox) input[type=checkbox]:checked + label:before { background-color: #5f8ee4; border: none; box-shadow: none; }
            /* Number inputs */
            input[type=number]::-webkit-outer-spin-button,
            input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
            input[type=number] { -moz-appearance: textfield; }
            select {
                width: 100%;
                text-indent: 0.01px;
                text-overflow: "";
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYBAMAAAABjmA/AAAAHlBMVEUAAACIiIh6enqIiIiIiIiIiIiIiIiHh4d9fX2IiIi9a9CUAAAACXRSTlMAWg+M46Y6LB7FDh24AAAAKElEQVQI12OgJWAUFBQCM5hnznSCCEXOLIAwOidDFTFPgjKYEqhoNQAELwUi/sCANAAAAABJRU5ErkJggg==') no-repeat right 1.1rem center;
            }

            fieldset.input_checkbox { margin-top: 0.4rem; min-height: 3.4rem; }
            .input_checkbox label { line-height: 1.6rem; display: block; padding: 0; cursor: pointer; }
        	.input_checkbox label:before {
        		content: '\f096';
        		float: left;
        		margin: -0.1rem 0.7rem 0 0;
        		border: none;
        		outline: 0;
        		focus: none;
        		width: 2.6rem;
        		height: 2.7rem;
                font-size: 2.2rem;
        		cursor: pointer;
        		position: relative;
        		transition: color 0.5s, transform 0.2s;
                line-height: 1;
                color: #9e9e9e;
                 font-family: 'FontAwesome';
        	}
        		.input_checkbox input[type='checkbox']:checked ~ label:before { content: '\f14a'; color: #31b12a; }
                .input_checkbox label:active:before {
                    -webkit-transform: scale3d(0.9, 0.9, 1);
                    -ms-transform: scale3d(0.9, 0.9, 1);
                    transform: scale3d(0.9, 0.9, 1);
                }
    /* End-Inputs */
    /* Buttons */
    .button {
        border: 0.1rem solid;
        border-radius: 0.4rem;
        cursor: pointer;
        display: inline-block;
        font-size: 1.6rem; height: 3.8rem; line-height: 3.8rem;
        padding: 0 2.4rem;
        margin-bottom: 0.4rem;
        text-align: center;
        text-decoration: none;
        position: relative;
        white-space: nowrap;
        vertical-align: top;
    }
        /* Sizes */
        .button_small { height: 3rem; line-height: 3rem; padding: 0 1.3rem; font-size: 1.4rem;  }
        .button_large { height: 5rem; line-height: 5rem; padding: 0 4rem; font-size: 1.8rem; }
        .button_block { display: block; width: 100%; }

        /* Colors */
        /* .button_outline, .button_clear { color: #E74C3C; } */
        .button_blue { background: #1E88E5; border-color: #1E88E5; }
        .button_blue.button_outline, .button_blue.button_clear { color: #1E88E5; }
        .button_neutral { background: #eee !important; border-color: #ccc; color: #424242 }

        /* Variations */
        .button_outline, .button_outline:hover, .button_outline:focus,
        .button_clear, .button_clear:hover, .button_clear:focus { background: transparent !important; border-color: currentColor; }
        .button_clear, .button_clear:hover, .button_clear:focus { background: transparent !important; border-color: transparent !important; }

        /* Hover */
        .button:hover, .button:focus { background-color: #263238; border-color: #263238; color: #fff; outline: 0; }
        .button_outline:hover, .button_outline:focus,
        .button_clear:hover, .button_clear:focus { color: #263238; }

        /* Loading */
        .button_loading { cursor: wait; color: rgba(0,0,0,0) !important; }
        .button_loading:before {
            margin: -0.9rem 0 0 -0.9rem;
            width: 1.6rem; height: 1.6rem;
            position: absolute; left: 50%; top: 50%;
            content: '';
            border-radius: 50%;
            background-clip: padding-box;
            border: rgba(255,255,255,0.25) 0.2rem solid;
            border-top-color: #fff;
            -webkit-animation: rotate 750ms linear infinite;
            animation: rotate 750ms linear infinite;
        }
            .button_outline.button_loading:before, .button_clear.button_loading:before { border-color: rgba(0,0,0,0.25); border-top-color: #212121; }
    /* End-Buttons */
/* End-Form */
/* File uploader */
    #upload-file {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fafafa;
        z-index: 100;
        -webkit-transition: background-color .15s linear;
        transition: background-color .15s linear;
    }
        #upload-file:after {
            z-index: 0;
            content: '';
            position: absolute;
            top: 20px; left: 20px; right: 20px; bottom: 20px;
            outline: 2px dashed #92b0b3;
            outline-offset: -10px;
            -webkit-transition: outline-offset .15s ease-in-out;
            transition: outline-offset .15s ease-in-out;
        }
        #upload-file.uf-dragover {
            background-color: #d0f0f9;
        }
        #upload-file.uf-dragover:after {
            outline-offset: -20px;
            outline-color: #c8dadf;
        }
        #upload-file-input {
            width: 0.1px;
            height: 0.1px;
            opacity: 0;
            overflow: hidden;
            position: absolute;
            z-index: -1;
        }
    .uf-content {
        position: absolute;
        z-index: 5;
        display: block;
        top: 0; left: 0; width: 100%; height: 100%;
        padding: 25px;
        text-align: center;
    }
        #upload-file.uf-uploading .uf-content { display: none; }
        .uf-content .uf-line1 {
            display: block;
            font-size: 35px;
            color: #212121;
            -webkit-transition: color .15s ease-in-out;
            transition: color .15s ease-in-out;
        }
        .uf-label {
            display: block;
            position: absolute;
            left: 0; top: 45%; width: 100%;
            margin: 0 auto;
            cursor: pointer;
            padding: 0 10px;
            overflow: hidden;
            outline: none;
            color: #595959;
            font-size: 18px;
            -webkit-transition: color .15s ease-in-out;
            transition: color .15s ease-in-out;
            -webkit-transform: translate(0,-50%);
            transform: translate(0,-50%);
        }
        .uf-close {
            position: absolute;
            z-index: 8;
            padding: 20px;
            font-size: 24px;
            color: #B0B0B0;
            cursor: pointer;
            top: 20px; right: 20px;
        }
        .uf-label:hover, .uf-label:hover .uf-line1, .uf-close:hover { color: #e74c3c; }
    .uf-bg {
    	display: block;
    	position: absolute;
    	width: 50%;
    	top: 50%;
    	left: 25%;
    	height: 150px;
    	z-index: 1;
    	-webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    	.uf-bg .fa {
    	    color: #e7e7e7; position: absolute;
    	    -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -o-transition: all 1s ease;
            transition: all 1s ease;
    	}
    	.uf-bg1 { font-size: 54px; top: 84px; left: 28px; -webkit-transform: rotate(-13deg); transform: rotate(-13deg); }
    	.uf-bg2 { font-size: 82px; top: -19px; left: 12px; -webkit-transform: rotate(-37deg); transform: rotate(-37deg);}
    	.uf-bg3 { font-size: 40px; top: -27px; left: 145px; }
    	.uf-bg4 { font-size: 70px; top: -4px; right: 48px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
    	.uf-bg5 { font-size: 40px; top: 56px; right: 1px; -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
    	.uf-bg6 { font-size: 38px; top: 98px; right: 49px; -webkit-transform: rotate(18deg); transform: rotate(18deg); }
    	.uf-dragover .uf-bg { -webkit-transform: scale(1.1) translate(0px, -50%); transform: scale(1.1) translate(0px, -50%); }
        .uf-dragover .uf-bg .fa { color: white; }

    .uf-progress {
        position: absolute;
        top: 49%; left: 0; right: 0;
        margin: 0 auto;
        width: 80%;
        max-width: 350px;
        height: 15px;
        border-radius: 5px;
        border: 1px solid #ccc;
        z-index: 5;
        overflow: hidden;
        display: none;
    }
        #upload-file.uf-uploading .uf-progress { display: block; }
        .uf-progress div {
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -o-transition: all 1s ease;
            transition: all 1s ease;
            background: #e74c3c;
            width: 0; height: 100%; display: block;
        }
    .uf-uploaded-files {
        display: block;
        margin: 10px 0;
    }
        .uf-uploaded-file {
            display: inline-block;
            font-size: 1.5rem;
            background: #ddd;
            margin: 0 5px 5px 0;
            padding: 5px 11px;
        }
            .uf-uploaded-remove {
                opacity: 0.5;
                padding-left: 9px;
                cursor: pointer;
            }
                .uf-uploaded-remove:hover { color: #e74c3c; opacity: 1; }
    @media (max-width: 750px){
		.uf-content .uf-line1 { font-size: 26px; }
        #upload-file:after { top: 10px; right: 10px; bottom: 10px; left: 10px; }
        .uf-bg { width: 90%; left: 5%; }
	}
/* End-Fileuploader */
/* Toolbar */
#statistiekenform { padding-top: 5.6rem; }
toolbar {
    display: block;
    width: 100%;
    position: absolute;
    top: 0; left: 0;
    height: 5.6rem;
    line-height: 5.6rem;
    box-shadow: 0 0.2rem 0.4rem rgba(0,0,0,0.34);
    color: #fafafa;
    z-index: 10;
}
    toolbar.toolbar-inline { position: relative; background: transparent !important; box-shadow: none; color: #212121; }
    .toolbar-hidden:not(.show-nav) toolbar:not(.toolbar-inline) {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
    .toolbar-hidden:not(.show-nav) nav { padding-top: 0; }

    toolbar title { display: block; float: left; }
    toolbar actions { display: block; float: right; }
    pane:not(.editpane_float) toolbar title.has-noleft { margin-left: 17.5rem; } /* NOTE responsive menu */

    .toolbar-left { float: left; width: 17.5rem; height: 100%; } /* NOTE responsive menu */
    .editpane_float .toolbar-left { display: none; }
    .toolbar-logo { position: relative; z-index: 3; cursor: pointer; }
    .toolbar-logo:hover { opacity: 0.7; }
    .toolbar-left svg { height: 100%; padding: 0.8rem 0; }
    .toolbar-left svg.p5 { fill: #fafafa; }
    .toolbar-left svg.p5 .logo2 { fill: #e74c3c; }
    toolbar .button-menu { position: absolute; top: 0; left: -1.6rem; font-size: 2.4rem; display: none; }
    toolbar .button_clear:not(.button_overflow), toolbar .button_icon { color: inherit; }
    toolbar .button:not(.button_icon) { margin-left: 0.4rem; }

    toolbar .button_small:not(.button_overflow) { margin-top: 1.2rem; margin-bottom: 1.2rem; }

    searchbar, batchbar {
        -webkit-animation: 0.5s fadeInDown;
        animation: 0.5s fadeInDown;
        display: none;
        color: #757575;
    }
    searchbar, searchbar input, batchbar {
        position: absolute;
        z-index: 5;
        left: 0; right: 0; top: 0; bottom: 0;
        width: 100%;
        background: white;
    }
        toolbar.show-search searchbar,
        pane.show-batch batchbar { display: block; }
        searchbar input {
            border: 0; padding-left: 22.4rem;
            line-height: 5.1rem;
        }
        searchbar .micon {
            position: absolute;
            left: 19.1rem;
            font-size: 2.4rem;
            top: 0;
            z-index: 6;
        }
        searchbar .button_icon {
            color: inherit !important;
            z-index: 6;
            right: 1.6rem;
        }

/* State-colors & Notices */
    .notice { border-radius: 0.4rem; border: 0.1rem solid #fff; padding: 0.8rem 1.2rem; margin-bottom: 0.4rem; font-size: 2rem; }
    .notice_floating { position: fixed; top: 2.4rem; right: 2.4rem; z-index: 100; }
    .bg_error { background-color: #ef5350 !important; }
    .color_error, input[type="radio"].input_error + label, input[type="checkbox"].input_error + label, .notice_error .fa, .notice_error .micon { color: #ef5350; }
    .notice_error, .input_error, .select2-container.input_error { border-color: #ef5350; background-color: #ffcdd2; }
    .bg_warning { background-color: #ffa726; }
    .color_warning, .notice_warning .fa, .notice_warning .micon { color: #ffa726; }
    .notice_warning, .input_warning { border-color: #ffa726; background-color: #ffe0b2; }
    .bg_info { background-color: #42a5f5; }
    .color_info, .notice_info .fa, .notice_info .micon { color: #42a5f5; }
    .notice_info, .input_info { border-color: #42a5f5; background-color: #bbdefb; }
    .bg_correct { background-color: #66bb6a; }
    .color_correct, .notice_correct .fa, .notice_correct .micon { color: #66bb6a; }
    .notice_correct, .input_correct { border-color: #66bb6a; background-color: #c8e5c9; }
/* End-State-colors & Notices */
/* Columns, nicked from Bootstrap 4 alpha 5 & Media Queries */
.row{margin-right:-.8rem;margin-left:-.8rem}
.row > [class*="col-"], .jscol { position:relative;min-height:0.1rem;padding-right:.8rem;padding-left:.8rem}
.row > [class*="col-"] { float: left; }
.no-gutters { margin-right: 0; margin-left: 0; }
.no-gutters > .col, .no-gutters > [class*="col-"], .no-gutters .jscol { padding-right: 0; padding-left: 0; }
.col-xs-1{width:8.333333%}.col-xs-2{width:16.666667%}.col-xs-3{width:25%}.col-xs-4{width:33.333333%}.col-xs-5{width:41.666667%}.col-xs-6{width:50%}.col-xs-7{width:58.333333%}.col-xs-8{width:66.666667%}.col-xs-9{width:75%}.col-xs-10{width:83.333333%}.col-xs-11{width:91.666667%}.col-xs-12{width:100%}
.pull-xs-0 { right: auto; } .pull-xs-1 { right: 8.333333%; } .pull-xs-2 { right: 16.666667%; } .pull-xs-3 { right: 25%; } .pull-xs-4 { right: 33.333333%; } .pull-xs-5 { right: 41.666667%; } .pull-xs-6 { right: 50%; } .pull-xs-7 { right: 58.333333%; } .pull-xs-8 { right: 66.666667%; } .pull-xs-9 { right: 75%; } .pull-xs-10 { right: 83.333333%; } .pull-xs-11 { right: 91.666667%; } .pull-xs-12 { right: 100%; }
.push-xs-0 { left: auto; } .push-xs-1 { left: 8.333333%; } .push-xs-2 { left: 16.666667%; } .push-xs-3 { left: 25%; } .push-xs-4 { left: 33.333333%; } .push-xs-5 { left: 41.666667%; } .push-xs-6 { left: 50%; } .push-xs-7 { left: 58.333333%; } .push-xs-8 { left: 66.666667%; } .push-xs-9 { left: 75%; } .push-xs-10 { left: 83.333333%; } .push-xs-11 { left: 91.666667%; } .push-xs-12 { left: 100%; }
.offset-xs-1 { margin-left: 8.333333%; } .offset-xs-2 { margin-left: 16.666667%; } .offset-xs-3 { margin-left: 25%; } .offset-xs-4 { margin-left: 33.333333%; } .offset-xs-5 { margin-left: 41.666667%; } .offset-xs-6 { margin-left: 50%; } .offset-xs-7 { margin-left: 58.333333%; } .offset-xs-8 { margin-left: 66.666667%; } .offset-xs-9 { margin-left: 75%; } .offset-xs-10 { margin-left: 83.333333%; } .offset-xs-11 { margin-left: 91.666667%; }
.float-xs-left { float: left !important; } .float-xs-right { float: right !important; } .float-xs-none { float: none !important; }
.text-xs-left { text-align: left !important; } .text-xs-right { text-align: right !important; } .text-xs-center { text-align: center !important; }
.hidden-xs-up, .hidden-xl-down { display: none !important; }
@media (min-width:34em){
    .hidden-sm-up { display: none !important; }
    .col-sm-1{width:8.333333%}.col-sm-2{width:16.666667%}.col-sm-3{width:25%}.col-sm-4{width:33.333333%}.col-sm-5{width:41.666667%}.col-sm-6{width:50%}.col-sm-7{width:58.333333%}.col-sm-8{width:66.666667%}.col-sm-9{width:75%}.col-sm-10{width:83.333333%}.col-sm-11{width:91.666667%}.col-sm-12{width:100%}
    .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.333333%; } .pull-sm-2 { right: 16.666667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.333333%; } .pull-sm-5 { right: 41.666667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.333333%; } .pull-sm-8 { right: 66.666667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.333333%; } .pull-sm-11 { right: 91.666667%; } .pull-sm-12 { right: 100%; }
    .push-sm-0 { left: auto; } .push-sm-1 { left: 8.333333%; } .push-sm-2 { left: 16.666667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.333333%; } .push-sm-5 { left: 41.666667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.333333%; } .push-sm-8 { left: 66.666667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.333333%; } .push-sm-11 { left: 91.666667%; } .push-sm-12 { left: 100%; }
    .offset-sm-0 { margin-left: 0%; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; }
    .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; }
    .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; }
}
@media (min-width:48em){
    .hidden-md-up { display: none !important; }
    .col-md-1{width:8.333333%}.col-md-2{width:16.666667%}.col-md-3{width:25%}.col-md-4{width:33.333333%}.col-md-5{width:41.666667%}.col-md-6{width:50%}.col-md-7{width:58.333333%}.col-md-8{width:66.666667%}.col-md-9{width:75%}.col-md-10{width:83.333333%}.col-md-11{width:91.666667%}.col-md-12{width:100%}
    .pull-md-0{right:auto}.pull-md-1{right:8.333333%}.pull-md-2{right:16.666667%}.pull-md-3{right:25%}.pull-md-4{right:33.333333%}.pull-md-5{right:41.666667%}.pull-md-6{right:50%}.pull-md-7{right:58.333333%}.pull-md-8{right:66.666667%}.pull-md-9{right:75%}.pull-md-10{right:83.333333%}.pull-md-11{right:91.666667%}.pull-md-12{right:100%}
    .push-md-0{left:auto}.push-md-1{left:8.333333%}.push-md-2{left:16.666667%}.push-md-3{left:25%}.push-md-4{left:33.333333%}.push-md-5{left:41.666667%}.push-md-6{left:50%}.push-md-7{left:58.333333%}.push-md-8{left:66.666667%}.push-md-9{left:75%}.push-md-10{left:83.333333%}.push-md-11{left:91.666667%}.push-md-12{left:100%}
    .offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}
    .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; }
    .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; }
}
@media (min-width:62em){
    .hidden-lg-up { display: none !important; }
    .col-lg-1{width:8.333333%}.col-lg-2{width:16.666667%}.col-lg-3{width:25%}.col-lg-4{width:33.333333%}.col-lg-5{width:41.666667%}.col-lg-6{width:50%}.col-lg-7{width:58.333333%}.col-lg-8{width:66.666667%}.col-lg-9{width:75%}.col-lg-10{width:83.333333%}.col-lg-11{width:91.666667%}.col-lg-12{width:100%}
    .pull-lg-0{right:auto}.pull-lg-1{right:8.333333%}.pull-lg-2{right:16.666667%}.pull-lg-3{right:25%}.pull-lg-4{right:33.333333%}.pull-lg-5{right:41.666667%}.pull-lg-6{right:50%}.pull-lg-7{right:58.333333%}.pull-lg-8{right:66.666667%}.pull-lg-9{right:75%}.pull-lg-10{right:83.333333%}.pull-lg-11{right:91.666667%}.pull-lg-12{right:100%}
    .push-lg-0{left:auto}.push-lg-1{left:8.333333%}.push-lg-2{left:16.666667%}.push-lg-3{left:25%}.push-lg-4{left:33.333333%}.push-lg-5{left:41.666667%}.push-lg-6{left:50%}.push-lg-7{left:58.333333%}.push-lg-8{left:66.666667%}.push-lg-9{left:75%}.push-lg-10{left:83.333333%}.push-lg-11{left:91.666667%}.push-lg-12{left:100%}
    .offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}
    .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; }
    .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; }
}
@media (min-width:75em){
    .hidden-xl-up { display: none !important; }
    .col-xl-1{width:8.333333%}.col-xl-2{width:16.666667%}.col-xl-3{width:25%}.col-xl-4{width:33.333333%}.col-xl-5{width:41.666667%}.col-xl-6{width:50%}.col-xl-7{width:58.333333%}.col-xl-8{width:66.666667%}.col-xl-9{width:75%}.col-xl-10{width:83.333333%}.col-xl-11{width:91.666667%}.col-xl-12{width:100%}
    .pull-xl-0{right:auto}.pull-xl-1{right:8.333333%}.pull-xl-2{right:16.666667%}.pull-xl-3{right:25%}.pull-xl-4{right:33.333333%}.pull-xl-5{right:41.666667%}.pull-xl-6{right:50%}.pull-xl-7{right:58.333333%}.pull-xl-8{right:66.666667%}.pull-xl-9{right:75%}.pull-xl-10{right:83.333333%}.pull-xl-11{right:91.666667%}.pull-xl-12{right:100%}
    .push-xl-0{left:auto}.push-xl-1{left:8.333333%}.push-xl-2{left:16.666667%}.push-xl-3{left:25%}.push-xl-4{left:33.333333%}.push-xl-5{left:41.666667%}.push-xl-6{left:50%}.push-xl-7{left:58.333333%}.push-xl-8{left:66.666667%}.push-xl-9{left:75%}.push-xl-10{left:83.333333%}.push-xl-11{left:91.666667%}.push-xl-12{left:100%}
    .offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}
    .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; }
    .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; }
}

@media (max-width:74.9em){
    .hidden-lg-down { display: none !important; }
}
@media (max-width:61.9em){
    .hidden-md-down { display: none !important; }
}
@media (max-width:47.9em){
    .hidden-sm-down { display: none !important; }
    #overlayContainer { width: 100%; left: 0; }
    .c { width: 100%; }
    #nav li { display: none; background: white; float: none; }
    #shownav:checked ~ #nav li { display: block; }
    #nav li.hamburgerMenu { display: block; background: transparent; }
}
@media (max-width:33.9em){
    .hidden-xs-down { display: none !important; }
    .article-img { width: 100%; margin-left: 0; margin-right: 0; float: none; }
}
/* End-Columns */
/* Animaties */
    .fadeInDown, .fadeInUp, .fadeOutUp, .fadeOutDown, .zoomInFadeIn, .zoomOutBigFadeOut {
    	-webkit-animation-fill-mode: both; animation-fill-mode: both;
    	-webkit-animation-duration: 0.7s; animation-duration: 0.7s;
    	-webkit-animation-name: fadeInDown; animation-name: fadeInDown;
    }
        .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
        .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }
        .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }
        .zoomInFadeIn { -webkit-animation-name: zoomInFadeIn; animation-name: zoomInFadeIn; }
        .zoomOutBigFadeOut { -webkit-animation-name: zoomOutBigFadeOut; animation-name: zoomOutBigFadeOut; }
    .rotate { -webkit-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; }
    @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
    @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }}
    @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-1.25rem); } 100% { opacity: 1; -webkit-transform: translateY(0); } }
    @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-1.25rem); } 100% { opacity: 1; transform: translateY(0); } }
    @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(1.25rem); } 70% { opacity: 1; } 100% { -webkit-transform: translateY(0); }}
	@keyframes fadeInUp {0% { opacity: 0; transform: translateY(1.25rem); }70% { opacity: 1; }100% { transform: translateY(0); }}
	@-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-1.25rem); } }
    @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-1.25rem); } }
    @-webkit-keyframes fadeOutDown { 0% { transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(1.25rem); }}
	@keyframes fadeOutDown {0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(1.25rem); }}
	@-webkit-keyframes zoomInFadeIn { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5);} 100% {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} }
	@keyframes zoomInFadeIn { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5);} 100% {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} }
	@-webkit-keyframes zoomOutBigFadeOut { 0% {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5);}  }
	@keyframes zoomOutBigFadeOut { 0% {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5);}  }
/* End-Animaties */
/* 404 */
    .errorContainerInner { max-width: 38rem; width: 100%; margin : 0 auto; }
	.errorContainerInner ul { padding-left: 4rem; margin: 1em 0; }
    .browserupgrade { margin: 0 0 0.5em; background: #fcf8e3; color: #000; padding: 0.4em 0.8em; }
/* End-404 */
/* Print Stylesheet */
    .visible-print-block, .visible-print-inline, .visible-print-inline-block { display: none !important; }
    @media print {
      * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; }
      *, *::before, *::after, *::first-letter, *::first-line { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
      a, a:visited { text-decoration: underline; }
      thead { display: table-header-group; }
      .hidden-print { display: none !important; }
      .visible-print-block { display: block !important; }
      .visible-print-inline { display: inline !important; }
      .visible-print-inline-block { display: inline-block !important; }
      tr, img { page-break-inside: avoid; }
      img { max-width: 100% !important; }
      @page { margin: 0.5cm; }
      p, h2, h3 { orphans: 3; widows: 3; }
      h2, h3 { page-break-after: avoid; }
    }
/* End-Print stylesheet */
/* Select2 4.0.3 */
.select2-container{width:100% !important;box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:40px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field{ margin-top:9px; padding-left:0.5rem;}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #d8dbdb;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#424242;}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:6px;right:7px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 3px 0 3px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#f6f6f6;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;padding:0.2rem;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:10px;margin-right:8px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#eee;border:0;border-radius:4px;cursor:default;float:left;margin-right:4px;margin-top:4px;padding:7px 8px 6px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;float:right;font-weight:bold;margin-left:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#f6f6f6;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #d8dbdb}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}
.select2-dropdown { border-color: #e0e0e0; margin-top: -1.2rem; } .select2-container--default .select2-selection--single { padding: 1.3rem 1.4rem 1.2rem; border-width: 0; } .article-filters .select2-container--default .select2-selection--single { border: 0.1rem solid #d8dbdb; } .select2-container .select2-selection--multiple { min-height: 42px; }
/* Flatpickr 2.6.3, #569ff7 removed. In theme  */
.flatpickr-calendar{background:transparent;overflow:hidden;max-height:0;opacity:0;visibility:hidden;text-align:center;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:315px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;visibility:visible;overflow:visible;max-height:640px}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px);}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.hasWeeks{width:auto}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.rightMost:after{left:auto;right:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:28px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.flatpickr-prev-month,.flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;line-height:16px;height:28px;padding:10px calc(3.57% - 1.5px);z-index:3;}.flatpickr-prev-month i,.flatpickr-next-month i{position:relative}.flatpickr-prev-month.flatpickr-prev-month,.flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0;/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-prev-month.flatpickr-next-month,.flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0;/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-prev-month:hover,.flatpickr-next-month:hover{color:#959ea9;}.flatpickr-prev-month:hover svg,.flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-prev-month svg,.flatpickr-next-month svg{width:14px;}.flatpickr-prev-month svg path,.flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto;}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.05);-webkit-box-sizing:border-box;box-sizing:border-box;}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute;top:33%}.numInputWrapper span.arrowUp{top:0;border-bottom:0;}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6)}.numInputWrapper span.arrowDown{top:50%;}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6)}.numInputWrapper span svg{width:inherit;height:auto;}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05);}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:6.16px 0 0 0;line-height:1;height:28px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.flatpickr-current-month.slideLeft{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-animation:fpFadeOut 400ms ease,fpSlideLeft 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeOut 400ms ease,fpSlideLeft 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-current-month.slideLeftNew{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-animation:fpFadeIn 400ms ease,fpSlideLeftNew 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeIn 400ms ease,fpSlideLeftNew 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-current-month.slideRight{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-animation:fpFadeOut 400ms ease,fpSlideRight 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeOut 400ms ease,fpSlideRight 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-current-month.slideRightNew{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:fpFadeIn 400ms ease,fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeIn 400ms ease,fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0;}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block;}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:default;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:initial;border:0;border-radius:0;vertical-align:initial;}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:315px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:315px;}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:315px;min-width:315px;max-width:315px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.flatpickr-calendar.animate .dayContainer.slideLeft{-webkit-animation:fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideLeft,.flatpickr-calendar.animate .dayContainer.slideLeftNew{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideLeftNew{-webkit-animation:fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideRight{-webkit-animation:fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideRight 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideRight 400ms cubic-bezier(.23,1,.32,1);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideRightNew{-webkit-animation:fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:40px;height:40px;line-height:40px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.disabled,.flatpickr-day.disabled:hover{pointer-events:none}.flatpickr-day.disabled,.flatpickr-day.disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{display:inline-block;float:left;}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day{display:block;width:100%;max-width:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left;}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;cursor:pointer;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;display:inline-block;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400;}.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time .flatpickr-am-pm:focus{background:#f0f0f0}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fpSlideLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fpSlideLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes fpSlideLeftNew{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpSlideLeftNew{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fpSlideRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fpSlideRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes fpSlideRightNew{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpSlideRightNew{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fpFadeOut{from{opacity:1}to{opacity:0}}@keyframes fpFadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes fpFadeIn{from{opacity:0}to{opacity:1}}@keyframes fpFadeIn{from{opacity:0}to{opacity:1}}