:root {
    --beaglenose-color: #A1887F;
    --deep-orange: #ff5722;
    --bn-zwart: #1E2228;
    --bn-teal: #0E545F;
    --bn-groen: #00ADB5;
    --bn-beige: #FEC95A;
    --bn-oranje: #ff5722;
}

.default-color {
    background-color: var(--bn-oranje) !important;
}



body {
    font-size:small;
}

thead {    
    color: var(--bn-groen) !important;    
}

table.table-responsive-sm th,
table.table-responsive-sm td {
    padding-top: 0.6rem;
    padding-bottom: 0.4rem;
}

.centered {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.sectiekop {
    width: 33%;
    border-bottom: solid thin;
    border-color: #ff5722 !important;
}






 /*  Centers an element horizontally within another div. 
     Give the outer div the id 'outer' and the inner div 'inner'
 */ 
#inner {
    display: table;
    margin: 0 auto;
    /*border: 1px solid black;*/
}

#outer {
    /*border: 1px solid red;*/
    width: 100%
}

.form-check-input[type="checkbox"].filled-in:checked + label:after,
label.btn input[type="checkbox"].filled-in:checked + label:after {
   
    background-color: #ff7043;
    border: 2px solid #ff7043;
}

@font-face {
    font-family: 'Raleway', sans-serif;
    font-weight: 200;
}

@font-face {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}

@font-face {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

@font-face {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}

@font-face {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}

body {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}