/*
    Tekst tags + header
*/

.header {
    border-bottom: solid 1px #eaecef;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    background-color: #FFF;
}

.header,
a.language-selection {
    font-size: .75rem !important;
    line-height: 1.2rem;
    font-weight: 400 !important;
    font-family: Roboto Regular, sans-serif;
}

.custom-padding-header {
    padding: .3rem 0;
}

.language-selection {
    text-decoration: none !important;
    margin-right: .3rem !important;
    padding: 5px 7px !important;
    font-size: .75rem !important;
    line-height: .75rem !important;
    border-radius: 4px !important;
    color: #4d6190 !important;
}

    .language-selection.bg-primary {
        background-color: #4D6190 !important;
    }

    .language-selection.text-white {
        color: #FFF !important;
    }

.header-federal-text {
    font-family: Roboto Regular, sans-serif;
    margin-right: .5rem;
    color: #696969;
}

    .header-federal-text * {
        font-family: inherit;
    }

    .header-federal-text a {
        color: #4d6190;
        font-weight: 600;
        text-decoration: none;
    }

#logo-belgium {
    height: 1.25rem;
}

.content-block {
    border-radius: 12px
}

p {
    font-family: Karla, Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    /*color: rgb(17, 17, 17);*/
    color: #495057;
}

h1 {
    font-size: 1.5rem;
}

h2 {
    font-size: 1.375rem;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: black;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 0;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-bottom: 1rem;
}

a {
    color: #4d618f !important;
}

/*
    Buttons
*/

.btn-primary {
    color: #fff !important;
    background-color: #4d618f !important;
    border-color: #4d618f !important;
    border-radius: 32px !important;
}

    .btn-primary:hover {
        background: #627AB0 !important;
        color: #FFFFFF !important;
        border-color: #627AB0 !important;
    }

    .btn-primary:focus {
        outline: none !important;
        box-shadow: none !important;
        background: #3A4A6E !important;
        color: #FFFFFF !important;
        border-color: #3A4A6E !important;
    }

    .btn-primary:disabled, .button.button-primary[disabled] {
        background: #A0AAC1 !important;
        color: #FFFFFF !important;
        border-color: #A0AAC1 !important;
    }


.btn-outline-primary {
    border-radius: 32px !important;
    border-color: #4D618F !important;
    color: #4D618F !important;
}

    .btn-outline-primary:hover {
        background-color: #4D618F !important;
        color: #FFF !important;
        border-color: #4D618F !important;
    }

    .btn-outline-primary:focus {
        outline: none !important;
        box-shadow: none !important;
        background-color: #4D618F !important;
        color: #FFF !important;
        border-color: #4D618F !important;
    }

.btn-secondary {
    color: #000 !important;
    background-color: #e8b880 !important;
    border-color: #e8b880 !important;
    border-radius: 32px !important;
}

    .btn-secondary:hover {
        color: #000 !important;
        background-color: #ebc393 !important;
        border-color: #eabf8d !important;
    }

    .btn-secondary:focus {
        color: #000 !important;
        background-color: #ebc393 !important;
        border-color: #eabf8d !important;
        box-shadow: 0 0 0 0.25rem rgba(197, 156, 109, 0.5) !important;
    }

    .btn-secondary:disabled, .btn-secondary.disabled {
        color: #000 !important;
        background-color: #e8b880 !important;
        border-color: #e8b880 !important;
    }

.btn-blue {
    background-color: #4D618F !important;
}

.action-color {
    color: #4D618F !important;
}

.btn-danger {
    color: #fff !important;
    border-radius: 32px !important;
}

.badge-primary {
    background-color: #627AB0 !important;
}

/*
    Pagination
*/

.pagination .page-item.active .page-link {
    background-color: #4D6190 !important;
    color: #FFF !important;
    border: 1px solid gray !important;
}

.pagination .page-link {
    color: gray !important;
    background-color: #FFF !important;
    border: 1px solid gray !important;
    border-radius: 12px;
}

    .pagination .page-link:hover {
        color: #fff !important;
        background-color: #4D6190 !important;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        text-decoration: none !important;
    }

    .pagination .page-link:focus {
        text-decoration: none !important;
        box-shadow: none !important;
    }

/*
    Navbar
*/

nav .navbar-nav {
    gap: .3rem;
}

nav .nav-item {
    display: flex;
    align-items: center;
}

    nav .nav-item:first-of-type {
        margin-right: 1rem;
    }

nav .nav-link {
    font-size: .75rem !important;
    color: #4D6190 !important;
    fill: #4D6190;
    text-transform: none !important;
}

.nav-link-color {
    color: #4D6190 !important;
}

nav .nav-link:hover {
    color: #111111 !important;
    fill: #111111;
}

nav .nav-link.nav-link-messages,
nav .nav-link.nav-link-notifications {
    position: relative;
}

nav .nav-link svg {
    height: auto;
    fill: inherit;
}

nav .nav-link.nav-link-messages svg {
    width: 20px;
}

nav .nav-link.nav-link-notifications svg {
    width: 15px;
}

nav .nav-link.nav-link-user svg {
    width: 20px;
}

.nav-tabs .nav-link.active {
    border-bottom-color: #4D618F !important;
}

/*
    Form
*/

.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item.focus {
    background-color: #4D6190 !important;
    color: #FFF !important;
}

.form-control {
    border-radius: 0.475rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .form-control:focus {
        color: #212529;
        background-color: #fff;
        border-color: #a6b0c7;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(77, 97, 143, 0.25);
    }

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
}

    .form-check .form-check-input {
        float: left;
        margin-left: -1.5em;
    }

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    appearance: none;
    color-adjust: exact;
}

    .form-check-input[type=checkbox] {
        border-radius: 0.25em;
    }

    .form-check-input[type=radio] {
        border-radius: 50%;
    }

    .form-check-input:active {
        filter: brightness(90%);
    }

    .form-check-input:focus {
        border-color: #a6b0c7;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(77, 97, 143, 0.25);
    }

    .form-check-input:checked {
        background-color: #4d618f;
        border-color: #4d618f;
    }

        .form-check-input:checked[type=checkbox] {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
        }

        .form-check-input:checked[type=radio] {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
        }

    .form-check-input[type=checkbox]:indeterminate {
        background-color: #4d618f;
        border-color: #4d618f;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
    }

    .form-check-input:disabled {
        pointer-events: none;
        filter: none;
        opacity: 0.5;
    }

        .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
            opacity: 0.5;
        }


input[type=radio] {
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    appearance: none;
    color-adjust: exact;
}


input[type=radio] {
    border-radius: 50%;
}

    input[type=radio]:active {
        filter: brightness(90%);
    }

    input[type=radio]:focus {
        border-color: #a6b0c7;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(77, 97, 143, 0.25);
    }

    input[type=radio]:checked {
        background-color: #4d618f;
        border-color: #4d618f;
    }

    input[type=radio]:checked {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
    }


input[type=checkbox] {
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    appearance: none;
    color-adjust: exact;
}


input[type=checkbox] {
    border-radius: 0.25em;
}

    input[type=checkbox]:active {
        filter: brightness(90%);
    }

    input[type=checkbox]:focus {
        border-color: #a6b0c7;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(77, 97, 143, 0.25);
    }

    input[type=checkbox]:checked {
        background-color: #4d618f;
        border-color: #4d618f;
    }

    input[type=checkbox]:checked {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    }


div.dataTables_wrapper table.dataTable tbody tr.selected {
    outline-color: #4D618F !important;
}

/*
    Colors
*/

:root {
    --bs-blue: #0d6efd !important;
    --bs-indigo: #6610f2 !important;
    --bs-purple: #6f42c1 !important;
    --bs-pink: #d63384 !important;
    --bs-red: #dc3545 !important;
    --bs-orange: #fd7e14 !important;
    --bs-yellow: #ffc107 !important;
    --bs-green: #198754 !important;
    --bs-teal: #20c997 !important;
    --bs-cyan: #0dcaf0 !important;
    --bs-white: #fff !important;
    --bs-gray: #6c757d !important;
    --bs-gray-dark: #343a40 !important;
    --bs-gray-100: #f8f9fa !important;
    --bs-gray-200: #e9ecef !important;
    --bs-gray-300: #dee2e6 !important;
    --bs-gray-400: #ced4da !important;
    --bs-gray-500: #adb5bd !important;
    --bs-gray-600: #6c757d !important;
    --bs-gray-700: #495057 !important;
    --bs-gray-800: #343a40 !important;
    --bs-gray-900: #212529 !important;
    --bs-primary: #4d618f !important;
    --bs-secondary: #e8b880 !important;
    --bs-success: #79e081 !important;
    --bs-info: #0dcaf0 !important;
    --bs-warning: #ffc107 !important;
    --bs-danger: #dc3545 !important;
    --bs-light: #f8f9fa !important;
    --bs-dark: #212529 !important;
    --bs-primary-rgb: 77, 97, 143 !important;
    --bs-secondary-rgb: 232, 184, 128 !important;
    --bs-success-rgb: 121, 224, 129 !important;
    --bs-info-rgb: 13, 202, 240 !important;
    --bs-warning-rgb: 255, 193, 7 !important;
    --bs-danger-rgb: 220, 53, 69 !important;
    --bs-light-rgb: 248, 249, 250 !important;
    --bs-dark-rgb: 33, 37, 41 !important;
    --bs-white-rgb: 255, 255, 255 !important;
    --bs-black-rgb: 0, 0, 0 !important;
}