.g-card[data-v-476275d4] {
    background-color: var(--white);
    padding: 0 1em 1em;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.g-card h3[data-v-476275d4] {
    display: inline-block
}

.g-card .header[data-v-476275d4] {
    text-align: center
}

.g-card.highlight[data-v-476275d4] {
    box-shadow: 0 0 2em 1em var(--int-theme)
}

.g-card.disabled[data-v-476275d4] {
    opacity: .5
}

@keyframes wiggle-476275d4 {
    0% {
        transform: translateY(0);
        background-color: var(--int-theme-active)
    }

    50% {
        transform: translateY(-10px);
        background-color: var(--int-theme)
    }

    to {
        transform: translateY(0);
        background-color: var(--int-theme-active)
    }
}

.badge[data-v-476275d4] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

button.help[data-v-476275d4] {
    border: 1px solid var(--int-grey);
    width: fit-content;
    padding: 0 .6em;
    font-size: 1.5em;
    cursor: help;
    box-sizing: border-box;
    width: 28px;
    justify-content: center;
    font-weight: 700
}

.help-enter-active[data-v-476275d4],
.help-leave-active[data-v-476275d4] {
    transition: opacity .2s ease
}

.help-enter-from[data-v-476275d4],
.help-leave-to[data-v-476275d4] {
    opacity: 0;
    transition: opacity .2s ease
}

.question-mark[data-v-476275d4] {
    cursor: pointer
}

.navs[data-v-476275d4] {
    text-align: right
}

.content[data-v-476275d4] {
    min-width: 0
}

.content-wrapper[data-v-476275d4] {
    display: flex;
    min-width: 80%;
    max-width: 100%;
    align-items: center;
    justify-content: center
}

svg[data-v-f075f624] {
    height: 40px;
    width: 40px;
    animation-name: spin-f075f624;
    animation-duration: 4s;
    animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    animation-iteration-count: infinite
}

svg .wine[data-v-f075f624] {
    visibility: hidden
}

svg.error .grail[data-v-f075f624] {
    transform-origin: 45% 45%;
    transform: scale(.6) rotate(150deg)
}

svg.error .wine[data-v-f075f624] {
    visibility: visible;
    fill: var(--int-red)
}

svg.small[data-v-f075f624] {
    height: 20px;
    width: 20px
}

svg.medium[data-v-f075f624] {
    height: 40px;
    width: 40px
}

svg.large[data-v-f075f624] {
    height: 100px;
    width: 100px
}

svg.still[data-v-f075f624] {
    animation: none
}

@keyframes spin-f075f624 {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(90deg)
    }

    50% {
        transform: rotate(180deg)
    }

    75% {
        transform: rotate(270deg)
    }

    to {
        transform: rotate(360deg)
    }
}

svg path[data-v-09ff6cb4] {
    fill: red
}

.infocontainer[data-v-09ff6cb4] {
    background-color: var(--white);
    color: var(--black);
    padding: 10px;
    border: 1px solid var(--int-light-grey);
    margin: 10px auto;
    max-width: 1200px
}

.infocontainer.error[data-v-09ff6cb4] {
    border: 2px solid var(--int-red)
}

svg[data-v-09ff6cb4] {
    height: 40px;
    width: 40px;
    float: left
}

svg.small[data-v-09ff6cb4] {
    height: 20px;
    width: 20px
}

svg.large[data-v-09ff6cb4] {
    height: 100px;
    width: 100px
}

.content[data-v-09ff6cb4] {
    margin: 5px 20px 5px 60px
}

.infocontainer.small .content[data-v-09ff6cb4] {
    margin: 5px 10px 5px 40px
}

.infocontainer.large .content[data-v-09ff6cb4] {
    margin: 10px 50px 10px 120px
}

.tabs[data-v-aa0d3112] {
    min-height: 0;
    flex: 1
}

.header[data-v-aa0d3112] {
    position: -webkit-sticky;
    position: sticky;
    font-family: Schoolboek, Helvetica, sans-serif
}

.tabs>.header[data-v-aa0d3112]>.top {
    background-color: #fff;
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.tabs>.header[data-v-aa0d3112]>.top .tabs-start img {
    position: relative;
    left: -6px;
    height: 125px;
    pointer-events: none
}

.tabs>.header[data-v-aa0d3112]>.top .tabs-start a {
    display: block;
    height: 110px;
    width: 232px;
    position: relative
}

.tabs>.header[data-v-aa0d3112]>.top .title {
    display: inline-flex;
    flex-direction: column;
    padding: 0 20px
}

.tabs>.header[data-v-aa0d3112]>.top .title a {
    font-style: normal;
    color: #000;
    text-decoration: none;
    font-size: 16px
}

.tabs>.header[data-v-aa0d3112]>.top .title a:last-child {
    font-size: 50px;
    line-height: 50px
}

.tabs>.header[data-v-aa0d3112]>.top .tabs-end {
    flex: 1;
    display: flex;
    justify-content: flex-end
}

.tabs>.header[data-v-aa0d3112]>.top .tabs-end a {
    margin-right: 30px;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    font-style: normal
}

.tabs>.header[data-v-aa0d3112]>.top .tabs-end a:hover {
    text-decoration: underline;
    cursor: pointer
}

.tabs .header .bottom[data-v-aa0d3112] {
    display: inline-flex;
    flex-wrap: wrap;
    line-height: 50px;
    background-color: var(--int-theme)
}

.tabs .header .bottom>div[data-v-aa0d3112] {
    flex: 1 1 auto
}

.tabs .header .bottom .nav-link[data-v-aa0d3112] {
    font-style: normal;
    text-align: center;
    display: block;
    min-width: 80px;
    padding: 0 20px;
    line-height: inherit;
    text-decoration: none;
    color: #000;
    -webkit-user-select: none;
    user-select: none;
    transition: background-color .1s linear
}

.tabs .header .bottom .nav-link[data-v-aa0d3112]:hover:not(.disabled):not(.active) {
    cursor: pointer;
    background-color: var(--int-theme-hover)
}

.tabs .header .bottom .nav-link.disabled[data-v-aa0d3112] {
    opacity: .5;
    background-color: var(--int-very-light-grey);
    color: #6d6d6d;
    cursor: not-allowed
}

.tabs .header .bottom .nav-link.active[data-v-aa0d3112] {
    background-color: var(--int-theme-outline)
}

.tabs .header .bottom .nav-link[data-v-aa0d3112]:active:not(.disabled):not(.active) {
    background-color: var(--int-theme-active)
}

.tabs.level-1[data-v-aa0d3112] {
    display: flex;
    flex-direction: column;
    height: 100%
}

.tabs.level-1>.header[data-v-aa0d3112] {
    background-color: var(--int-theme);
    z-index: 100;
    top: 0;
    box-shadow: 0 0 10px #000
}

.tabs.level-1>.header .top[data-v-aa0d3112] {
    height: 110px
}

.tabs.level-1>.header .bottom[data-v-aa0d3112] {
    line-height: 70px;
    font-size: 18px
}

.tabs.level-1>.content[data-v-aa0d3112] {
    background-color: var(--int-very-light-grey)
}

[data-v-aa0d3112] .tabs.level-2>.content {
    padding-bottom: 2em !important
}

.tabs>.content[data-v-aa0d3112] {
    padding: 10px;
    min-height: 0;
    display: flex;
    flex-direction: column;
    flex: 1
}

.tabs.level-2[data-v-aa0d3112],
.tabs.level-3[data-v-aa0d3112] {
    box-sizing: border-box
}

.tabs.level-2 .content[data-v-aa0d3112],
.tabs.level-3 .content[data-v-aa0d3112] {
    background-color: #fff;
    border: #CCCDCC 1px solid
}

.tabs.level-2 .bottom[data-v-aa0d3112],
.tabs.level-3 .bottom[data-v-aa0d3112] {
    border-top: #CCCDCC 1px solid;
    border-left: #CCCDCC 1px solid;
    border-right: #CCCDCC 1px solid
}

.tabs.level-2[data-v-aa0d3112] {
    display: flex;
    flex-direction: column
}

.tabs.level-2 .content[data-v-aa0d3112] {
    overflow-y: auto
}

table[data-v-206e3656] {
    border-collapse: collapse
}

tr[data-v-206e3656] {
    border-bottom: 1px dashed var(--int-very-light-grey);
    opacity: .8
}

tr tr[data-v-206e3656] {
    border-bottom: 1px dotted var(--int-very-light-grey)
}

tr[data-v-206e3656]:last-child {
    border-bottom: none
}

td[data-v-206e3656] {
    vertical-align: text-top;
    padding-right: 5em
}

tr[data-v-206e3656]:hover {
    opacity: 1
}

.infobox[data-v-9dd17c61] {
    margin: 10px;
    background-color: var(--int-very-light-grey);
    padding: 5px
}

.infobox table[data-v-9dd17c61] {
    margin: 0 0 0 auto
}

.infobox table tr td[data-v-9dd17c61]:first-child {
    text-align: right
}

.infobox p[data-v-9dd17c61] {
    padding: 0;
    margin: 0
}

button[data-v-67175cf3] {
    background-color: var(--int-theme);
    font-style: inherit;
    font-variant-ligatures: inherit;
    font-variant-caps: inherit;
    font-variant-numeric: inherit;
    font-variant-east-asian: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-family: inherit;
    padding: 10px;
    font-size: 1em;
    border: none;
    word-break: keep-all;
    white-space: nowrap;
    width: max-content;
    margin: 0 2px;
    cursor: pointer;
    line-height: 1.2em;
    display: inline-flex;
    gap: 5px
}

button svg[data-v-67175cf3] {
    vertical-align: bottom
}

button[data-v-67175cf3]:disabled {
    opacity: .5;
    cursor: not-allowed
}

button.help[data-v-67175cf3] {
    margin-left: .5em
}

button[data-v-67175cf3] {
    background-color: var(--int-theme)
}

button.plain[data-v-67175cf3] {
    background-color: transparent
}

button.orange[data-v-67175cf3] {
    background-color: var(--int-orange)
}

button.green[data-v-67175cf3] {
    background-color: var(--int-green)
}

button.danger[data-v-67175cf3] {
    background-color: var(--int-red)
}

button.help[data-v-67175cf3] {
    background-color: var(--white)
}

button[data-v-67175cf3]:not(:disabled):hover {
    background-color: var(--int-theme-hover)
}

button:not(:disabled):hover.plain[data-v-67175cf3] {
    background-color: transparent
}

button:not(:disabled):hover.orange[data-v-67175cf3] {
    background-color: var(--int-orange-hover)
}

button:not(:disabled):hover.green[data-v-67175cf3] {
    background-color: var(--int-green-hover)
}

button:not(:disabled):hover.danger[data-v-67175cf3] {
    background-color: var(--int-red-hover)
}

button:not(:disabled):hover.help[data-v-67175cf3] {
    background-color: var(--int-very-light-grey)
}

button[data-v-67175cf3]:not(:disabled):active {
    background-color: var(--int-theme-active)
}

button:not(:disabled):active.plain[data-v-67175cf3] {
    background-color: transparent
}

button:not(:disabled):active.orange[data-v-67175cf3] {
    background-color: var(--int-orange-active)
}

button:not(:disabled):active.green[data-v-67175cf3] {
    background-color: var(--int-green-active)
}

button:not(:disabled):active.danger[data-v-67175cf3] {
    background-color: var(--int-red-active)
}

button:not(:disabled):active.help[data-v-67175cf3] {
    background-color: var(--int-very-light-grey-hover)
}

*[data-v-10308edc] .table-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    align-content: stretch
}

*[data-v-10308edc] .table-controls .table-control {
    flex-basis: 100px;
    min-height: 100px
}

*[data-v-10308edc] .table-controls .table-control.slider {
    flex: 1;
    min-width: 200px;
    padding: 0 20px;
    max-width: 400px
}

.cursor-pointer[data-v-10308edc] {
    cursor: pointer
}

#footer[data-v-10308edc] {
    overflow: hidden;
    display: flex;
    justify-content: center
}

#prepend[data-v-10308edc] {
    margin-bottom: 15px
}

#page-controls[data-v-10308edc] {
    background-color: var(--white);
    border: 1px solid none;
    color: var(--black);
    float: right;
    padding: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#page-controls select[data-v-10308edc],
#page-controls span[data-v-10308edc] {
    margin: 5px
}

#page-controls .inactive[data-v-10308edc] {
    color: var(--int-light-grey)
}

.sort-control[data-v-10308edc] {
    white-space: nowrap;
    color: var(--white);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sort-control span[data-v-10308edc] {
    cursor: pointer
}

.sort-control.active[data-v-10308edc] {
    color: #000
}

table.loading tbody[data-v-10308edc],
table.loading thead[data-v-10308edc] {
    filter: grayscale(100%) sepia(100%) blur(5px)
}

table.loading .loading-symbol[data-v-10308edc] {
    opacity: 1;
    visibility: visible
}

table .loading-symbol[data-v-10308edc] {
    transition: opacity 2s ease, visibility 2s ease;
    opacity: 0;
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden
}

table[data-v-10308edc] {
    display: block;
    border-collapse: collapse;
    margin: 5px 0 0;
    padding: 0;
    overflow-x: auto
}

table caption[data-v-10308edc] {
    font-size: 1.5em;
    margin: .5em 0 .75em
}

table tr[data-v-10308edc] {
    border: 1px solid #ddd
}

table tr[data-v-10308edc]:nth-child(2n) {
    background: #fff
}

table tr[data-v-10308edc]:nth-child(odd) {
    background: var(--int-very-light-grey)
}

table thead>tr[data-v-10308edc] {
    background-color: var(--int-theme) !important
}

table th[data-v-10308edc] {
    padding: .6em;
    text-align: center;
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase
}

table td[data-v-10308edc] {
    padding: .5em;
    text-align: center;
    min-width: 60px
}

table.compact[data-v-10308edc] {
    margin: 0
}

table.compact td[data-v-10308edc],
table.compact th[data-v-10308edc] {
    padding: .1em 2em
}

table.selectable tr[data-v-10308edc]:hover:not(.selected) {
    background: var(--int-very-light-grey-hover)
}

table tr.selected[data-v-10308edc] {
    background-color: var(--int-theme-lighter)
}

*[data-v-10308edc] {
    box-sizing: border-box
}

a[data-v-cc849e79] {
    color: inherit;
    text-decoration: underline dotted black !important
}

a[data-v-cc849e79]:hover {
    text-decoration-style: solid !important
}

table[data-v-3437ccdc] {
    display: block;
    border-collapse: collapse;
    margin: 5px 0 10px;
    padding: 0;
    overflow-x: auto
}

table[data-v-3437ccdc] caption[data-v-3437ccdc] {
    font-size: 1.5em;
    margin: .5em 0 .75em
}

table[data-v-3437ccdc] tr[data-v-3437ccdc] {
    border: 1px solid #ddd
}

table[data-v-3437ccdc] tr[data-v-3437ccdc][data-v-3437ccdc]:nth-child(2n) {
    background: #fff
}

table[data-v-3437ccdc] tr[data-v-3437ccdc][data-v-3437ccdc]:nth-child(odd) {
    background: var(--int-very-light-grey)
}

table[data-v-3437ccdc] thead[data-v-3437ccdc]>tr[data-v-3437ccdc] {
    background-color: var(--int-theme) !important
}

table[data-v-3437ccdc] th[data-v-3437ccdc] {
    padding: .6em;
    text-align: center;
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase
}

table[data-v-3437ccdc] td[data-v-3437ccdc] {
    padding: .2em 1em;
    text-align: center;
    min-width: 60px
}

.custom-file-upload[data-v-3fc6ba92] {
    border: 0px solid #ccc;
    background-color: var(--int-theme);
    display: inline-block;
    padding: 10px 12px;
    cursor: pointer;
    margin-right: 10px;
    font-style: normal
}

.custom-file-upload[data-v-3fc6ba92][data-v-3fc6ba92]:hover {
    background-color: var(--int-theme-hover)
}

.custom-file-upload[data-v-3fc6ba92][data-v-3fc6ba92]:active {
    background-color: var(--int-theme-active)
}

ul[data-v-3fc6ba92],
ol[data-v-3fc6ba92] {
    width: fit-content;
    text-align: left;
    margin: 1em auto
}

.flex[data-v-4bdfc74f] {
    display: flex;
    align-items: center;
    gap: 1em
}

.left[data-v-4bdfc74f] {
    text-align: center;
    flex: 1
}

a[data-v-7a06352e] {
    color: inherit;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-style: double
}

a[data-v-ac7b6b22] {
    color: inherit;
    text-decoration: underline;
    text-decoration-style: double;
    text-decoration-color: var(--gold)
}

[data-v-dded787a] .infocontainer {
    max-width: 500px;
    text-align: left
}

.g-card[data-v-dded787a] {
    text-align: center
}

select[data-v-a5ad5469],
input[data-v-a5ad5469] {
    font-style: inherit;
    font-variant-ligatures: inherit;
    font-variant-caps: inherit;
    font-variant-numeric: inherit;
    font-variant-east-asian: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-family: inherit
}

div.inline[data-v-a5ad5469] {
    display: inline-block
}

#invalidFeedback[data-v-a5ad5469] {
    border-bottom: 2px solid var(--int-red);
    margin-left: 10px;
    padding: 2px
}

#validFeedback[data-v-a5ad5469] {
    border-bottom: 2px solid var(--gold);
    margin-left: 10px;
    padding: 2px
}

label[data-v-a5ad5469] {
    margin-bottom: 0
}

.clickable[data-v-a5ad5469] {
    cursor: pointer
}

.checkbox-container[data-v-a5ad5469] {
    display: block;
    position: relative;
    padding: 0 10px 0 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: fit-content
}

.checkbox-container input[data-v-a5ad5469] {
    display: none
}

.checkmark[data-v-a5ad5469] {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: var(--int-very-light-grey)
}

.checkbox-container:hover input~.checkmark[data-v-a5ad5469] {
    background-color: var(--int-very-light-grey-hover)
}

.checkbox-container:active input~.checkmark[data-v-a5ad5469] {
    background-color: var(--int-light-grey-hover)
}

.checkbox-container input:checked~.checkmark[data-v-a5ad5469] {
    background-color: var(--int-theme)
}

.checkbox-container:hover input:checked~.checkmark[data-v-a5ad5469] {
    background-color: var(--int-theme-hover)
}

.checkbox-container:active input:checked~.checkmark[data-v-a5ad5469] {
    background-color: var(--int-theme-active)
}

.checkmark[data-v-a5ad5469]:after {
    content: "";
    position: absolute;
    display: none
}

.checkbox-container input:checked~.checkmark[data-v-a5ad5469]:after {
    display: block
}

.checkbox-container .checkmark[data-v-a5ad5469]:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid black;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

input[type=text][data-v-a5ad5469],
input[type=url][data-v-a5ad5469],
input[type=number][data-v-a5ad5469],
input[type=reset][data-v-a5ad5469] {
    height: 35px;
    font-size: 1em;
    padding-left: 5px;
    border: 1px solid #ccc;
    width: 200px;
    background-color: #fff
}

input[type=text][data-v-a5ad5469]:focus,
input[type=url][data-v-a5ad5469]:focus,
input[type=number][data-v-a5ad5469]:focus,
input[type=reset][data-v-a5ad5469]:focus {
    outline: var(--int-theme-active) solid 2px
}

div.clear[data-v-a5ad5469] {
    width: 208px;
    height: 39px;
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

div.clear[data-v-a5ad5469]:focus-within {
    outline: var(--int-theme-active) solid 2px
}

div.clear input[data-v-a5ad5469] {
    box-sizing: border-box;
    vertical-align: bottom;
    height: 39px;
    margin: 0
}

div.clear input[data-v-a5ad5469]:focus {
    outline: none
}

div.clear input[type=text][data-v-a5ad5469] {
    width: 169px;
    border-right: 0
}

div.clear input[type=reset][data-v-a5ad5469] {
    background-color: var(--int-very-light-grey-hover);
    width: 39px;
    border-left: 0;
    font-size: 1.2em;
    cursor: pointer
}

div.clear input[type=reset][data-v-a5ad5469]:disabled {
    background-color: var(--int-very-light-grey);
    color: var(--int-very-light-grey-hover);
    cursor: initial
}

div.clear input[type=reset][data-v-a5ad5469]:hover:not(:disabled) {
    background-color: var(--int-light-grey)
}

div.clear input[type=reset][data-v-a5ad5469]:active:not(:disabled) {
    background-color: var(--int-light-grey-hover)
}

select[data-v-a5ad5469] {
    border: 0px solid black;
    height: 34px;
    max-width: 300px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0;
    padding: .375rem 1.75rem .375rem .75rem;
    outline-width: 0;
    background: #e9e9ed url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px;
    font-size: 1em;
    cursor: pointer
}

select[data-v-a5ad5469]:hover {
    background-color: var(--int-very-light-grey-hover)
}

select[data-v-a5ad5469]:active {
    background-color: var(--int-light-grey)
}

option[data-v-a5ad5469]:hover,
option[data-v-a5ad5469]:checked,
select:focus option[data-v-a5ad5469]:checked {
    background-color: var(--int-theme-hover) !important;
    box-shadow: 0 0 10px 100px var(--int-theme-hover) inset
}

.wide[data-v-8a8e3f40] {
    padding: 0 1em
}

.bg[data-v-97f1b07b] {
    left: 0;
    top: 0;
    background-color: var(--int-very-light-grey);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    padding: 2em 2em 1em;
    gap: 1em
}

.content[data-v-97f1b07b] {
    overflow: auto;
    border: 1px solid var(--int-light-grey);
    box-sizing: border-box;
    width: 100%;
    padding: 2em
}

.content.my-small[data-v-97f1b07b] {
    width: fit-content
}

.content>*[data-v-97f1b07b] {
    margin: 0
}

.buttons[data-v-97f1b07b] {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    gap: 1em
}

@media (max-width: 800px) or (max-height: 700px) {
    .bg[data-v-97f1b07b] {
        padding: 0 0 .5em;
        gap: .5em
    }
}

[data-v-f09cf190] .my-small {
    padding: 1em
}

button[data-v-c722e829],
p[data-v-c722e829] {
    margin: 5px auto;
    display: block;
    width: fit-content
}

.fa-download[data-v-c722e829] {
    padding: 0 1em
}

.users[data-v-aff46ed6] {
    display: flex
}

.users>p[data-v-aff46ed6] {
    margin: 5px 0;
    flex: 1
}

ul[data-v-aff46ed6] {
    padding: 0 0 0 20px
}

.usersInput[data-v-aff46ed6] {
    display: flex
}

.usersInput>input[data-v-aff46ed6] {
    flex: 1
}

.warning[data-v-116803fb] {
    color: var(--int-red)
}

.borderRow[data-v-116803fb] {
    border-top: 1px solid var(--int-grey)
}

[data-v-116803fb] table {
    border-collapse: collapse
}

[data-v-116803fb] table td {
    padding: 3px 10px
}

[data-v-116803fb] hr {
    margin: 10px 0;
    border: 1px dotted var(--int-grey)
}

[data-v-116803fb] .checkbox-container {
    margin-bottom: 0
}

div[data-v-9a50233c] {
    white-space: nowrap;
    overflow: hidden;
    transition: width 1s
}

.progress[data-v-f179eae0] {
    max-width: 100%;
    margin: 10px auto auto;
    line-height: 2em;
    width: 700px
}

.error[data-v-f179eae0] {
    width: fit-content;
    margin: auto
}

.buttons[data-v-f179eae0] {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px
}

.centerText[data-v-f179eae0] {
    text-align: center
}

.healthy[data-v-f179eae0] {
    background-color: var(--gold);
    color: #000
}

.unhealthy[data-v-f179eae0] {
    background-color: var(--int-red);
    color: #fff
}

@font-face {
    font-family: Schoolboek;
    src: url(Schoolboek-Regular.woff) format("woff")
}

:root {
    --int-blue: #359ff0;
    --int-blue-hover: #1188e4;
    --int-yellow: #FFF064;
    --int-yellow-lighter: #FFF7AD;
    --int-yellow-hover: #FFEB33;
    --int-yellow-active: #d5c000;
    --int-yellow-outline: #ffe100;
    --int-red: #E8503D;
    --int-red-hover: #dd442f;
    --int-red-active: #D72F19;
    --int-orange: #FF8000;
    --int-orange-hover: #DF7000;
    --int-orange-active: #CC6600;
    --int-green: #89C24B;
    --int-green-hover: #79B246;
    --int-green-active: #6FA338;
    --black: black;
    --int-very-light-grey: #F3F3F3;
    --int-very-light-grey-hover: #D9D9D9;
    --int-light-grey: #CCCDCC;
    --int-light-grey-hover: #B2B3B2;
    --int-grey: #A4A5A8;
    --int-grey-hover: #8A8B8F;
    --white: white;
    --int-theme: #62b6ff;
    --int-theme-lighter: #95ceff;
    --int-theme-hover: #3ea5ff;
    --int-theme-active: #0086fb;
    --int-theme-outline: #1692ff
}

h1,
h2,
h3,
h4,
h5 {
    font-family: Schoolboek, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal
}

.textcolor {
    color: var(--black)
}

ul li {
    list-style: square
}

ol li {
    list-style-type: decimal
}

*:not(.header) a:link {
    color: #000;
    text-decoration: underline;
    font-style: italic
}

*:not(.header) a:link:hover {
    color: #000;
    text-decoration: none
}

*:not(.header) a:link:active {
    color: #000
}

body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: hidden
}

#app {
    font-family: Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: left;
    color: var(--black);
    background-color: var(--int-very-light-grey);
    line-height: 1.5;
    padding: 0;
    margin: 0;
    height: 100vh
}

.title {
    padding-right: 0
}

@media (max-width: 800px) or (max-height: 700px) {
    #app {
        overflow: auto
    }

    .tabs.level-1 {
        height: initial !important;
        min-height: 100% !important
    }

    .tabs.level-1>.header {
        position: initial
    }
}

@media (max-width: 870px) {
    .tabs.level-1 .header .tabs-start {
        display: none
    }

    .tabs>.content {
        padding: 10px 0 0 !important
    }
}

.logo {
    filter: invert(100%)
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .25s linear
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0
}

i.fa {
    font-size: 1.3em
}

[data-v-9b315a25] h3 {
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 1rem;
}

.flex[data-v-9b315a25] {
    display: flex;
    padding: 0 35px;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    gap: 35px
}

.flex .left[data-v-9b315a25] {
    flex: 2 1 500px;
    max-width: 700px
}

.flex .right[data-v-9b315a25] {
    margin: 0 0 3em;
    flex: 1 2 300px;
    max-width: 500px;
    text-align: center;
    font-family: Times New Roman, Times, serif;
    font-size: 20px
}

.flex .right img[data-v-9b315a25] {
    object-fit: contain;
    width: 100%
}

.content[data-v-9b315a25] {
    background-color: #fff !important
}

.g-card[data-v-9b315a25] {
    overflow-y: auto
}

.vue-slider-disabled {
    opacity: .5;
    cursor: not-allowed
}

.vue-slider-rail {
    background-color: #ccc;
    border-radius: 15px
}

.vue-slider-process {
    background-color: #3498db;
    border-radius: 15px
}

.vue-slider-mark {
    z-index: 4
}

.vue-slider-mark:first-child .vue-slider-mark-step,
.vue-slider-mark:last-child .vue-slider-mark-step {
    display: none
}

.vue-slider-mark-step {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #00000029
}

.vue-slider-mark-label {
    font-size: 14px;
    white-space: nowrap
}

.vue-slider-dot-handle {
    cursor: pointer;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: .5px .5px 2px 1px #00000052
}

.vue-slider-dot-handle-focus {
    box-shadow: 0 0 1px 2px #3498db5c
}

.vue-slider-dot-handle-disabled {
    cursor: not-allowed;
    background-color: #ccc
}

.vue-slider-dot-tooltip-inner {
    font-size: 14px;
    white-space: nowrap;
    padding: 2px 5px;
    min-width: 20px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    border-color: #3498db;
    background-color: #3498db;
    box-sizing: content-box
}

.vue-slider-dot-tooltip-inner:after {
    content: "";
    position: absolute
}

.vue-slider-dot-tooltip-inner-top:after {
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-top-color: inherit
}

.vue-slider-dot-tooltip-inner-bottom:after {
    bottom: 100%;
    left: 50%;
    transform: translate(-50%);
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-bottom-color: inherit
}

.vue-slider-dot-tooltip-inner-left:after {
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-left-color: inherit
}

.vue-slider-dot-tooltip-inner-right:after {
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-right-color: inherit
}

.vue-slider-dot-tooltip-wrapper {
    opacity: 0;
    transition: all .3s
}

.vue-slider-dot-tooltip-wrapper-show {
    opacity: 1
}

.spinner[data-v-fc76e7ee] {
    position: relative;
    top: 3px
}

[data-v-fc76e7ee] #prepend {
    width: 900px;
    max-width: 100%
}

table button[data-v-fc76e7ee] {
    background-color: #0000;
    border: var(--int-grey) solid 1px
}

table button[data-v-fc76e7ee][data-v-fc76e7ee]:hover {
    background-color: #0000001a
}

table button[data-v-fc76e7ee][data-v-fc76e7ee]:active {
    background-color: #00000026
}

[data-v-fc76e7ee] .vue-slider .vue-slider-rail {
    height: 15px;
    background: var(--int-very-light-grey);
    border-radius: 5px;
    cursor: pointer
}

[data-v-fc76e7ee] .vue-slider .vue-slider-process {
    background: var(--int-theme)
}

[data-v-fc76e7ee] .vue-slider .vue-slider-rail:hover {
    background: var(--int-very-light-grey-hover)
}

[data-v-fc76e7ee] .vue-slider .vue-slider-rail:hover .vue-slider-process {
    background: var(--int-theme-hover)
}

[data-v-fc76e7ee] .vue-slider .vue-slider-dot {
    width: 25px !important;
    height: 25px !important
}

[data-v-fc76e7ee] .vue-slider .vue-slider-dot-handle {
    background: var(--int-theme);
    border: 2px solid #000;
    box-shadow: none
}

[data-v-fc76e7ee] .vue-slider .vue-slider-dot-handle:hover {
    background: var(--int-theme-hover)
}

[data-v-fc76e7ee] .vue-slider .vue-slider-dot-handle:active {
    background: var(--int-theme-active)
}

[data-v-fc76e7ee] .vue-slider .vue-slider-dot-tooltip-inner {
    background: var(--int-theme);
    color: var(--black);
    border-color: var(--int-theme)
}

.level-3[data-v-be2bd5d5] {
    margin-top: 2em
}

#filterPos[data-v-27f61826] {
    flex: 1 1 250px;
    max-width: 400px
}

#searchWordForms[data-v-27f61826],
#searchLemma[data-v-27f61826] {
    flex: 1;
    max-width: 200px
}

div[data-v-27f61826]:not(#modal) .g-card .content-wrapper .content {
    display: flex;
    flex-direction: column;
    justify-content: safe center;
    align-items: safe center
}

[data-v-27f61826] table {
    max-width: 100%
}

[data-v-27f61826] table th {
    word-break: break-word
}

table button[data-v-123a4018] {
    display: block;
    width: initial;
    white-space: initial;
    margin: auto
}

.metricsTable[data-v-123a4018] td {
    padding: 0 !important;
    margin: 0
}

.metricsTable td button[data-v-123a4018] {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: transparent
}

.metricsTable td button[data-v-123a4018]:hover {
    background-color: var(--int-light-grey) !important
}

.metricsTable td button[data-v-123a4018]:focus {
    background-color: var(--int-light-grey-hover) !important
}

#confusionTable[data-v-a1d45245] td {
    padding: 0 !important;
    margin: 0
}

#confusionTable td button[data-v-a1d45245] {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    margin: 0
}

#confusionTable td button.danger[data-v-a1d45245],
#confusionTable td button.orange[data-v-a1d45245] {
    background-color: transparent
}

#confusionTable td button.danger[data-v-a1d45245]:hover,
#confusionTable td button.orange[data-v-a1d45245]:hover {
    background-color: var(--int-light-grey) !important
}

#confusionTable td button.danger[data-v-a1d45245]:focus,
#confusionTable td button.orange[data-v-a1d45245]:focus {
    background-color: var(--int-light-grey-hover) !important
}

.content-wrapper[data-v-05273187] {
    text-align: center
}

[data-v-05273187] #center {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-content: center;
    align-items: center
}

[data-v-c7fe836b] .blockLink {
    display: block;
    margin: 0 -20px
}

.center[data-v-457f4d00] {
    text-align: center
}

.attrib[data-v-ab5a7b91] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    display: inline-block
}

[data-v-ab5a7b91] tr:has(>td>span.active) {
    background-color: var(--int-theme-lighter)
}

.spinner {
    align-self: center
}

.center[data-v-bc7659d4] {
    display: flex;
    flex-direction: column;
    align-items: center
}

[data-v-2b46d2fe] .content-wrapper>.content {
    flex: 0 1 800px !important
}

.right[data-v-9132d375] .content-wrapper>.content {
    flex: 0 1 800px !important
}

a[data-v-9132d375],
a[data-v-9132d375]:hover,
a[data-v-9132d375]:active,
a[data-v-9132d375]:visited {
    color: #000
}

.flex[data-v-9132d375] {
    display: flex !important;
    flex-direction: row !important;
    overflow: hidden !important
}

.right[data-v-9132d375] {
    overflow-y: auto
}

.left[data-v-9132d375] {
    min-width: initial !important;
    flex: 1;
    border-right: 1px solid var(--int-light-grey);
    padding-right: 3em
}

@media (max-width: 800px) {
    .flex[data-v-9132d375] {
        flex-direction: column !important
    }

    .left[data-v-9132d375] {
        border-right: none;
        display: block
    }

    [data-v-9132d375] .left .content-wrapper {
        justify-content: initial
    }
}

h4[data-v-4786762a] {
    display: inline;
    margin: 0 .3rem 0 0
}

span[data-v-4786762a] {
    display: inline-block;
    border: 1px solid var(--int-grey);
    padding: .3rem;
    margin: 0 0 .3rem .3rem;
    background-color: var(--int-green)
}

.fa[data-v-4786762a] {
    position: relative;
    top: .1rem
}

h4[data-v-8629c451] {
    display: inline-block;
    margin: 0 .3rem 0 0
}

[data-v-5240c099] .content-wrapper>.content {
    flex: 0 1 800px !important
}

h3[data-v-5240c099] {
    margin-bottom: .8rem
}

section[data-v-5240c099] {
    margin-bottom: 2rem
}

[data-v-e7fafc2f] .content-wrapper>.content {
    flex: 0 1 800px !important
}

.center[data-v-baaa3fd3] {
    text-align: center
}

.content[data-v-baaa3fd3] {
    background-color: #fff !important
}

.g-card[data-v-baaa3fd3],
.g-card[data-v-f2bcdd19] {
    overflow-y: auto
}