/*html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}*/

html, body {
    height: 100%;
    font-family: 'Roboto', sans-serif;
}

body {
    background-color: #fff;
}

.spacer {
    height: 35px;
}

a {
    color: #6D7993;
    padding: 6px 6px;
}

    a:hover {
        color: #6D7993;
    }

h1 {
    font-weight: 700;
    font-size: 32px;
    color: #4F3F98;
}

.has-error .form-control,
.has-error .form-control:focus {
    box-shadow: none;
}

.form-control {
    color: #323132;
    border: none;
    border-bottom: 1px solid #a5a5a4;
    border-radius: 0;
    box-shadow: none;
}

    .form-control:focus {
        border-color: #323132;
        box-shadow: none;
        border-bottom: 1px solid #a5a5a4
    }

label {
    margin-bottom: 0;
    color: #a5a5a4;
    font-weight: 400;
}

.btn {
    border: none;
    border-radius: 0;
}

    .btn.btn-big {
        padding: 12px 24px;
    }

    .btn.btn-tall {
        padding: 12px;
    }

.btn-margin-top {
    margin-top: 35px;
}

.not-button {
    padding: 12px;
}

.btn-no-background {
    color: #48b9ca;
    font-size: 22px;
    padding: 0 8px;
}

    .btn-no-background:hover {
        color: #a5a5a4;
    }

.btn-default {
    background-color: #f4f4f4;
}

    .btn-default:hover {
        background-color: #d4d4d4;
    }

.btn-pagination {
    color: #333;
    background-color: #f8f8f8;
}

    .btn-pagination:hover {
        background-color: #d4d4d4;
    }

.clear-select {
    background: #fff url(/assets/images/select-arrow.ae59cf65.png) no-repeat 100% 50%;
    background-size: 14px;
}

    .clear-select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: none;
    }

        .clear-select select::-ms-expand {
            display: none;
        }

.clear-money {
    display: flex;
}

    .clear-money .input-group-addon {
        color: #a5a5a4;
        background: none;
        border: none;
        border-bottom: 1px solid #a5a5a4;
        border-radius: 0;
        line-height: 1.55;
        order: -1;
        transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s;
    }

    .clear-money .form-control:focus + .input-group-addon {
        border-color: #323132;
        color: #323132;
    }

.line-height-33 {
    line-height: 33px;
}

header {
    height: 80px;
    line-height: 80px;
    position: relative;
    z-index: 100;
    color: #FFFFFF;
    background-color: #4F3F98;
    -webkit-box-shadow: 0 3px 4px #bbb;
    -moz-box-shadow: 0 3px 4px #bbb;
    box-shadow: 0 3px 4px #bbb;
}

.clear-flash {
    position: absolute;
    width: 100%;
    z-index: 101;
    height: 40px;
    line-height: 40px;
}

    .clear-flash .close-flash {
        line-height: 40px;
    }

.error {
    color: red;
}

.clear-container {
    min-height: 100%;
    margin-top: -80px;
    padding-top: 110px;
}

.clear-container-security {
    margin-top: 30px;
}

.button-row {
    height: 43px;
    line-height: 41px;
    margin-bottom: 8px;
}

.content-block {
    padding-top: 15px;
}

.table th {
    font-weight: 900;
    color: #323132;
}

    .table th a {
        padding: 0;
    }

.table thead tr th {
    white-space: nowrap;
}

.table tbody tr th {
    vertical-align: middle;
}

.table tbody tr td {
    font-size: 12px;
    vertical-align: middle;
}

    .table tbody tr td.status-icon-column {
        font-size: 20px;
    }

.table-actions tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

.map {
    height: 300px;
}

.status-partner-submitted {
    color: blue;
}

.status-not-sent {
    color: #d87a01;
}

.status-unpaid {
    color: #e40000;
}

.status-paid {
    color: #009735;
}

.status-not-submitted {
    color: #e40000;
}

.pagination-border-right {
    border-right: 1px solid #dddddd;
}

.pagination-border-left {
    border-left: 1px solid #dddddd;
}

/* Restore Bootstrap table borders */
/*.table, .table th, .table td {
  border: 1px solid #dee2e6 !important;
}*/

/*.pull-right {
    float: right !important
}*/

/* Paginatieknoppen styling */
.pagination .page-item .page-link {
    background-color: #f8f8f8;
    color: rgb(51, 51, 51);
    border: none;
    transition: background 0.2s;
    padding: 12px !important;
}

.btn-tall {
    padding: 12px !important;
}

.pagination .page-item.active .page-link {
    background-color: #fff;
    color: rgb(51, 51, 51);
    border: none;
}

.pagination .page-item .page-link:hover {
    background-color: #d4d4d4;
    color: rgb(51, 51, 51);
}

table.table > tbody > tr:hover td,
table.table > tbody > tr:hover th {
    background-color: #f5f5f5 !important;
}


.clear-flash {
    position: absolute;
    width: 100%;
    z-index: 101;
    height: 40px;
    line-height: 40px;
}

.close-flash {
    line-height: 40px;
}