/* prevent bootstrap invisible element holding up space but behave the same */
.invisible {
    display: block !important;
    line-height: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    zoom: 1 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    border: none !important;
}

/* circular buttons */
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}
/*quick fix menu items cutoff*/
.menu.col-lg-7 {
    max-width: 100%;
}

label {
    margin-bottom: 0.5rem !important;
}

.blue-link {
    color: #0367FC;
}

.btn-border {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
    border-bottom: var(--bs-border-width) solid var(--rws-grey);
    border-top: var(--bs-border-width) solid var(--rws-grey);
    border-right: var(--bs-border-width) solid var(--rws-grey);
    border-left: 0;
}

.btn-border-red {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
    border-bottom: var(--bs-border-width) solid #d52b1e;
    border-top: var(--bs-border-width) solid #d52b1e;
    border-right: var(--bs-border-width) solid #d52b1e;
    border-left: 0px;
}

.input-left-of-button {
    border-right: 0;
    height: 34px;
}

#btnKvk {
    background-color: white;
}

    #btnKvk:disabled {
        background-color: var(--input-disabled);
    }

.form-select {
    content: "\203A" !important;
}

.pagination {
    --bs-pagination-hover-color: #004FA3;
    --bs-pagination-hover-bg: #dee2e6;
    --bs-pagination-hover-border-color: none !important;
}

#OverzichtRollen td,
#showuserdetailsresults td,
#verwerkerstable td,
#inrichtingenTable td,
#tabelMetResultaten td,
#PostcodeLijstTable td,
#cgreeks td,
#reeks td {
    cursor: initial !important;
}

.icon-search {
    cursor: pointer;
    height: 18px;
}

.white-background {
    background-color: white;
}

.grey-link-text {
    color: rgba(0, 0, 0, 0.6) !important;
    -webkit-text-stroke: unset !important;
    cursor: pointer;
}