/*
De nieuwe CSS voor In2CRM V9
Het start met de nieuwe CSS. Onderaan staat ook nog de oude CSS van In2CRM V8
Versie 1.0

Changelog:
- 2024-12-23 RKE 1e opzet

*/

.crm-brgraph-wrapper {
    display: inline-block;
    flex-direction: column;
    padding-bottom: 2rem;
}R

.crm-brgraph-wrapper .crm-section {
    border: 1px solid #2D6DA6;
    border-radius: 0.4rem;
    padding: 0 0 1rem;
}

.crm-brgraph-wrapper .crm-section .crm-section-header {
    background-color: #2D6DA6;
    color: white;
    padding: .8rem 1.6rem;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1.6rem;
    margin-top: 0;
    border-radius: .4rem .4rem 0 0;
}



/***/


html {
    font-size: 62.5%;
}

body {
    color: #1A1818;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 1.6rem;
    padding: 0;
    margin: 0;
    padding: 0 2.4rem;
}

/* scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #dfdddd;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* scrollbar end */

/*_in2crm class wordt gebruikt om Icons te stylen*/
._in2crm {
    color: #f19220;
}

.crm-spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-top: 4px solid #F39200;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

.loading {
    gap: 1.25rem;
    display: flex;
    align-items: center;
    justify-items: center;
    flex-direction: column;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.crm-spinner-text {
    text-align: center;
    margin-top: 20px;
    font-family: "Poppins", sans-serif;
}

.fade-in {
    opacity: 0;
    animation: fadeIn 0.3s ease-in-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

h2.crm-title,
h3.crm-title {
    margin: 0 0 1.2rem;
}

.crm-dashboard {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;/*was 2.4rem*/
    padding: 0rem;/*verplaatst naar body*/
    padding-bottom: 2.4rem;
}

/*Filters*/

.crm-filter-container {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    margin-bottom: 1.2rem;
}

.crm-filter-container .crm-title {
    margin: 0 !important;
}


.crm-filters {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem 4.8rem;
    max-width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 1200px) {
    .crm-filters {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }
}

@media screen and (max-width: 768px) {
    .crm-filters {
        grid-template-columns: 1fr;
    }
}

.crm-filters .crm-filter-column {
    display: flex;
    flex-direction: column;
    gap: 0.6rem; /*was origineel 1.2rem*/
}

.crm-filters .crm-single-filter {
    font-size: 1.6rem;
}

.crm-filters .crm-single-filter .crm-filter-label {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
}

.crm-filters .crm-single-filter input[type=number],
.crm-filters .crm-single-filter input[type=text],
.crm-filters .crm-single-filter input[type=date],
.crm-filters .crm-single-filter input,
.crm-filters .crm-single-filter select {
    font-size: 1.6rem;
    height: 3.2rem;
    padding: .4rem 1.2rem;
    box-sizing: border-box;
    width: 100%;
    accent-color: #F39200;
    border-radius: .6rem;
    border: 1px solid #cdc6c6;
}

.crm-filters .crm-single-filter input[type=checkbox],
.crm-filters .crm-single-filter input[type=radio] {
    width: inherit;
    height: inherit;
    accent-color: #F39200;
    background: #FBFAF9;
    font-weight: normal;
}

.crm-filters._hidden {
    display: none;
}

/*Actie buttons*/
.crm-actions-wrapper {
    padding: 0;
    margin: 0;
}

.crm-actions-wrapper .crm-action-items {
    display: flex;
    flex-direction: row;
    list-style: none;
    padding: 0;
    margin: 0;
}

.crm-actions-wrapper .crm-action-items .crm-action-item {
    margin-right: 1.6rem;
    padding: 0.6rem 1.6rem;
    border-radius: 1rem;
    transition: .2s all;
    border: solid .1rem #ececec;
}

.crm-actions-wrapper .crm-action-items .crm-action-item._active {
    background-color: #ececec;
}

.crm-actions-wrapper .crm-action-items .crm-action-item:hover {
    background-color: #ececec;
    cursor: pointer;
}

.crm-actions-wrapper .crm-action-items ._action-link {
    color: #1A1818;
    text-decoration: none;
}

/*BRBlocks*/
.crm-brblocks-wrapper {
    display: flex;
    gap: 1.6rem;
    flex-direction: column;
}

.crm-brblocks-wrapper .crm-section {
    border: 1px solid #2D6DA6;
    border-radius: 0.4rem;
    padding: 0 0 1rem;
}

.crm-brblocks-wrapper .crm-section-header {
    background-color: #2D6DA6;
    color: white;
    padding: .8rem 1.6rem;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1.6rem;
    margin-top: 0;
}

.crm-brblocks-wrapper .crm-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
    margin: 0 1.6rem 1.6rem;
}

.crm-brblocks-wrapper .crm-cards:last-child {
    margin-bottom: 0;
}

.crm-brblocks-wrapper .crm-cards .crm-link {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.crm-link {
    cursor: pointer;
}
.crm-brblocks-wrapper .crm-cards .crm-link:hover,
.crm-brblocks-wrapper .crm-cards .crm-link:focus,
.crm-brblocks-wrapper .crm-cards .crm-link:active {
    /* Verwijder hover-effecten */
    color: inherit;
    text-decoration: none;
    background: none;
    outline: none;
}

.crm-brblocks-wrapper .crm-cards .crm-card {
    display: inline-flex;
    position: relative;
    background: #EAF0F6;
    border-radius: 0.4rem;
    overflow: hidden;
    padding: 0.8rem 2.4rem 0.8rem 1.6rem;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
    text-decoration: none;
    height: 100%;
    box-sizing: border-box;
    width:250px; /*2025-01-17 RKE toegevoegd, alle kaartjes zelfde breedte*/
    align-items: baseline; /*2025-01-17 RKE toegevoegd, alle kaartjes zelfde breedte daardoor boven uitlijnen*/
}

.crm-brblocks-wrapper .crm-cards .crm-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0.6rem;
    background-color: #E1AF00;
}

.crm-brblocks-wrapper .crm-cards .crm-card._red::before {
    background-color: #BF4D18;
}

.crm-brblocks-wrapper .crm-cards .crm-card._red .crm-card-content .crm-card-icon i::before,
.crm-brblocks-wrapper .crm-cards .crm-card._red .crm-card-content .crm-card-icon .material-symbols-outlined {
    color: #BF4D18;
}

.crm-brblocks-wrapper .crm-cards .crm-card._green::before {
    background-color: #57998C;
}

.crm-brblocks-wrapper .crm-cards .crm-card._green .crm-card-content .crm-card-icon i::before,
.crm-brblocks-wrapper .crm-cards .crm-card._green .crm-card-content .crm-card-icon .material-symbols-outlined {
    color: #57998C;
}

.crm-brblocks-wrapper .crm-cards .crm-card._black::before {
    background-color: #1A1818;
}

.crm-brblocks-wrapper .crm-cards .crm-card._black .crm-card-content .crm-card-icon i::before,
.crm-brblocks-wrapper .crm-cards .crm-card._black .crm-card-content .crm-card-icon .material-symbols-outlined {
    color: #1A1818;
}

.crm-brblocks-wrapper .crm-cards .crm-card._purple::before {
    background-color: #9C5EAF;
}

.crm-brblocks-wrapper .crm-cards .crm-card._purple .crm-card-content .crm-card-icon i::before,
.crm-brblocks-wrapper .crm-cards .crm-card._purple .crm-card-content .crm-card-icon .material-symbols-outlined {
    color: #9C5EAF;
}

.crm-brblocks-wrapper .crm-cards .crm-card._orange::before {
    background-color: #F39200;
}

.crm-brblocks-wrapper .crm-cards .crm-card._orange .crm-card-content .crm-card-icon i::before,
.crm-brblocks-wrapper .crm-cards .crm-card._orange .crm-card-content .crm-card-icon .material-symbols-outlined {
    color: #F39200;
}

.crm-brblocks-wrapper .crm-cards .crm-card._yellow::before {
    background-color: #E1AF00;
}

.crm-brblocks-wrapper .crm-cards .crm-card._yellow .crm-card-content .crm-card-icon i::before,
.crm-brblocks-wrapper .crm-cards .crm-card._yellow .crm-card-content .crm-card-icon .material-symbols-outlined {
    color: #E1AF00;
}

.crm-brblocks-wrapper .crm-cards .crm-card._blue::before {
    background-color: #2D6DA6;
}

.crm-brblocks-wrapper .crm-cards .crm-card._blue .crm-card-content .crm-card-icon i::before,
.crm-brblocks-wrapper .crm-cards .crm-card._blue .crm-card-content .crm-card-icon .material-symbols-outlined {
    color: #2D6DA6;
}

.crm-brblocks-wrapper .crm-cards .crm-card._grey::before {
    background-color: #797978;
}

.crm-brblocks-wrapper .crm-cards .crm-card._grey .crm-card-content .crm-card-icon i::before,
.crm-brblocks-wrapper .crm-cards .crm-card._grey .crm-card-content .crm-card-icon .material-symbols-outlined {
    color: #797978;
}

.crm-brblocks-wrapper .crm-cards .crm-card._white::before {
    background-color: #FBFAF9;
}

.crm-brblocks-wrapper .crm-cards .crm-card._white .crm-card-content .crm-card-icon i::before,
.crm-brblocks-wrapper .crm-cards .crm-card._white .crm-card-content .crm-card-icon .material-symbols-outlined {
    color: #FBFAF9;
}

.crm-brblocks-wrapper .crm-cards .crm-card-content {
    display: flex;
    /*  align-items: flex-end;   *//*2025-01-17 RKE Weggehaald verplaatst naar crm-card, door de breedte willen we boven uitlijen*/
    gap: 1.2rem;
    text-decoration: none;
}

.crm-brblocks-wrapper .crm-cards .crm-card-content .crm-card-icon {
    height: 2.4rem;
    color: #1A1818;
    font-size: 2.2rem;
    padding-top: 3rem; /*2025-01-17 RKE toegevoegd om breedte kaart zelfde breedte te maken, dan moet icoon wel overal op dezelfde plaats staan*/
}

.crm-brblocks-wrapper .crm-cards .crm-card-content .crm-card-icon i::before,
.crm-brblocks-wrapper .crm-cards .crm-card-content .crm-card-icon .material-symbols-outlined {
    color: #1A1818;
}

.crm-brblocks-wrapper .crm-cards .crm-card-content .crm-card-text {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.crm-brblocks-wrapper .crm-cards .crm-card-content .crm-card-text .crm-number {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1;
    color: #1A1818;
}

.crm-brblocks-wrapper .crm-cards .crm-card-content .crm-card-text .crm-description {
    font-size: 1.4rem;
    max-width: 48rem;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1A1818;
}

/*Table tbv HTMLTable*/
.crm-table-wrapper {
    flex: 1;
    width: 100%;
    max-height: 75vh;
    overflow: auto;
    display: block;
    max-width: 100%;
}

.crm-table-wrapper::-webkit-scrollbar {    width: 1.5rem;}

.crm-table-wrapper thead {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: white;
}


.crm-table-wrapper .crm-grouped-table {
    border-collapse: collapse;
    width: 100%;
    min-width: 120rem;
}

.crm-table-wrapper .crm-grouped-table th, .crm-table-wrapper .crm-grouped-table td {
    border: 1px solid #EAF0F6;
    padding: 4px; /*Gewijzigd, was origineel 8px*/
    text-align: left;
    font-size: 1.4rem;
}

.crm-table-wrapper .crm-grouped-table thead tr th:first-child {
    border-radius: .6rem 0 0 0;
}

.crm-table-wrapper .crm-grouped-table thead tr th:last-child {
    border-radius: 0 .6rem 0 0;
}

.crm-table-wrapper .crm-grouped-table th {
    background-color: #01406e;
    color: #EAF0F6;
    font-size: 1.2rem;
    font-weight: 500;
    border: 0 solid #e1e1e0;
    border-right-width: 1px;
    border-bottom-width: 1px;
}

.crm-table-wrapper .crm-grouped-table th:last-child {
    border-right-width: 0;
}

.crm-table-wrapper .crm-grouped-table tr.crm-data:not(.pointer) {
    cursor: default;
}


.crm-table-wrapper .crm-grouped-table .crm-td-center {
    display: flex;
    align-items: center;
}

.crm-table-wrapper .crm-grouped-table tr.crm-data {
    cursor: pointer;
}

.crm-table-wrapper .crm-grouped-table tr.crm-data._selected {
    background-color: rgb(254,230,205);
}

.crm-table-wrapper .crm-grouped-table tr.crm-data._selected:nth-child(even) {
    background-color: rgb(254,230,205);
}

.crm-table-wrapper .crm-grouped-table tr.crm-data:nth-child(even) {
    background-color: #f2f2f2;
}

.crm-table-wrapper .crm-grouped-table tr._level-1 td,
.crm-table-wrapper .crm-grouped-table tr._level-2 td,
.crm-table-wrapper .crm-grouped-table tr._level-3 td,
.crm-table-wrapper .crm-grouped-table tr._level-4 td {
    border: solid #EAF0F6;
    border-width: 1px 0;
    font-weight: 500;
    color: #f7f7f6;
    font-size: 1.6rem;
}

.crm-table-wrapper .crm-grouped-table tr._level-1 td {
    font-weight: 600;
    font-size: 1.7rem;
    background-color: #2d6da6;
}

.crm-table-wrapper .crm-grouped-table tr._level-2 td {
    font-weight: 600;
    font-size: 1.6rem;
    background-color: #407fb9;
}

.crm-table-wrapper .crm-grouped-table tr._level-3 td {
    font-weight: 700;
    font-size: 1.5rem;
    background-color: #5291cd;
}

.crm-table-wrapper .crm-grouped-table tr._level-4 td {
    font-weight: 700;
    font-size: 1.4rem;
    background-color: #64a4e1;
}

.crm-table-wrapper .crm-grouped-table tr._level-1 td._subtotal
, .crm-table-wrapper .crm-grouped-table tr._level-2 td._subtotal
, .crm-table-wrapper .crm-grouped-table tr._level-3 td._subtotal
, .crm-table-wrapper .crm-grouped-table tr._level-4 td._subtotal {
    font-weight: normal;
}

.crm-table-wrapper .crm-grouped-table td._total {
    font-weight: bold;
}

/*.crm-dashboard.crm-table-wrapper .crm-grouped-table */ .crm-align-right {
                                                             text-align: right;
                                                         }

.crm-table-wrapper .crm-grouped-table .indent-24 {
    padding-left: 2.4rem;
}

.crm-table-wrapper .crm-grouped-table .indent-48 {
    padding-left: 4.8rem;
}

.crm-table-wrapper .crm-grouped-table .indent-72 {
    padding-left: 7.2rem;
}

.crm-table-wrapper .crm-grouped-table .crm-collapsible {
    cursor: pointer;
}

/*.crm-dashboard .crm-table-wrapper .crm-grouped-table */
.crm-hide-tr {
    visibility: collapse;
}

/*Tabel container met details*/
.crm-table-with-details {
    display: flex;
    width: 100%;
    position: relative;
}

/*Tabel container met details beneden (additioneel t.o.v. .crm-table-with-details) */
.crm-table-with-details.details-bottom {
    flex-direction: column;
}

/*Tabel in geval van details beneden (aanvullende instellingen) */
.crm-table-with-details.details-bottom .crm-table-wrapper {
    flex: 1 1 auto;
    overflow: auto;
    min-height: 0;
    max-height: none; /* laat flexbox de hoogte bepalen */
}

/* Resizer igv detail panel rechts*/
.crm-table-with-details .crm-resizer {
    width: .5rem;
    background-color: #ddd;
    cursor: col-resize;
    z-index: 2; /*2025-05-17 toegevoegd om detailpanel onder te tonen*/
}

/* Resizer igv detail panel beneden*/
.crm-table-with-details.details-bottom .crm-resizer {
    width: 100%;
    height: .5rem;
    cursor: row-resize;
    background: #ddd;
    flex: 0 0 auto;
    position: static;
    z-index: 2;
}

/* Details-panel rechts*/
.crm-table-with-details .crm-details-panel {
    width: 80rem;
    background-color: #f9f9f9;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
    overflow-y: auto;
    height: auto;
    min-width: 30rem;
}

/* Details-panel onderaan (additioneel t.o.v. .crm-table-with-details .crm-details-panel)*/
.crm-table-with-details.details-bottom .crm-details-panel {
    width: 100%;
    height: 30rem;
    border-left: none;
    flex: 0 0 auto;
    position: static;
    overflow: auto;
    min-height: 30rem;
}

.crm-table-with-details .crm-details-panel .crm-fixed {
    padding: 1.2rem 1.2rem;/* was 0 3.2rem*/
    overflow-y: auto;
    box-sizing: border-box;
    position: relative;
    height: 100%;
}

.crm-table-with-details .crm-close-btn {
    float: right;
    cursor: pointer;
    font-size: 2rem;
}

/*Paginatie*/
.crm-pagination-wrapper {
    padding: 0;
    margin: 0;
}

.crm-pagination-wrapper .crm-pagination-items {
    display: flex;
    flex-direction: row;
    list-style: none;
    padding: 0;
    margin: 0;
}

.crm-pagination-wrapper .crm-pagination-items .crm-pagination-item {
    margin-right: 1.6rem;
    padding: 1.1rem 1.6rem;
    border-radius: 1rem;
    transition: .2s all;
    border: solid .1rem #ececec;
}

.crm-pagination-wrapper .crm-pagination-items .crm-pagination-item._active {
    background-color: #ececec;
}

.crm-pagination-wrapper .crm-pagination-items .crm-pagination-item:hover {
    background-color: #ececec;
    cursor: pointer;
}

.crm-pagination-wrapper .crm-pagination-items ._pagination-link {
    color: #1A1818;
    text-decoration: none;
}


/*
Vanaf hier oude CSS van Versie 8
*/

hr                  {height: 1px; border-width: 0; color: #000000; background-color: #000000;}
.Klein              {font-size: 90%;}
.LegeRegel          {font-size: 100%;}
.KopZonderLink      {text-decoration: none !important; color: #A29D96 !important;}
.LinkZonderOpmaak   {font-weight: 400; color: #000000 !important;}
.div_auto_generated {float: left; margin-top: 10px;}
.toptable           {border-collapse: collapse;font-size: 10pt;}
.toptable tr td     {vertical-align: top;}
.toptable tr td:first-child {padding-left: 0px;}
blockquote          {margin: 20px 0px 20px 0px;font-size: 110%;border-color:#CCCCCC #AAAAAA #AAAAAA #CCCCCC;border-radius:5px;border-style:solid;border-width:1px;text-align:left;padding:18px;background-color:#f8f8f8;}
.button             {color: #ffffff; border: 1px solid #ffffff; text-decoration: none; background-color: #2d6da6; padding: 3px 15px 3px 15px; border-radius: 25px; margin: 10px;}
.input              {border-line: 1px; border-color: #AEAEAE; background-repeat: no-repeat;}
.sticky             { position: sticky; top: 12px; padding-bottom: 0px; background: #FFF; z-index: 99; width: 100%; }
.sticky-refresh     { position: sticky; top: 0; padding-bottom: 0px; background: #FFF; z-index: 99; width: 100%; }


/*------------------------------------------------
Businnessrule
------------------------------------------------*/
.buttonalles        {margin-top: 5px;vertical-align: top;float: right;}
.button1            {margin-top: 5px;vertical-align: top;}
.button2            {margin-top: 10px;vertical-align: top;}
.button3            {margin-top: 15px;vertical-align: top;}
.button4            {margin-top: 20px;vertical-align: top;}
.inspring           {width: 20px;background-color: #FFFFFF;}
.br_tr_click:hover td{background: rgb(254,230,205);}
.br_table           {border: 1 none; font-size: 10pt;margin: 0px;border-collapse: collapse;width: 100%;vertical-align: text-top;}

.br_tr_title        {margin-top:0px;background-color: #2D6DA6;font-size: 1.8rem;font-weight: 600;color:#FFFFFF;vertical-align: top; padding: .8rem 4px; border-top-left-radius: .4rem; border-top-right-radius: .4rem;}
.br_tr_title td     {padding: 3px;color: #FFFFFF}
.br_table a tr:hover td{background: rgb(254,230,205);}
.br_groepering      {background-color: #B5B5B5;display: none;}
.br_tr_group1       {background-color: #2d6da6; color: white; font-size: 1.5rem;}
.br_tr_group2       {background-color: #407fb9; font-weight: 600; font-size: 1.5rem;}
.br_tr_group3       {background-color: #5291cd; font-weight: 700; font-size: 1.3rem;}
.br_tr_group4       {background-color: #64a4e1; font-weight: 700; font-size: 1.2rem;}
.br_th              {font-weight: bold;text-align: left;padding-top:3rem;}
.br_table thead tr th,  .br_th              {
    font-weight: bold;
    text-align: left;
    background-color: #01406e;
    color: #EAF0F6;
    font-size: 1.2rem;
    font-weight: 500;
    border: 0 solid #e1e1e0;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-bottom-width: 1px;
    padding: 4px;
}
.br_table thead{
    z-index: 1;
    position: sticky;
    top: 0;
}
.br_td              {vertical-align: top;padding:4px;}
.br_table th:last-child{
    border-right: none;
}
.br_tr:nth-child(odd) {
    background-color: #f2f2f2;
}
.evenodd .br_tr:nth-child(even) {background: White;}
.evenodd .br_tr:nth-child(odd) {background: #fafafa;}
.br_tr.pointer:hover td{background:  rgb(254,230,205) !important;cursor: pointer;}
.br_table tfoot td  {border-top-style:  solid;border-top-width: thin; border-color: black;font-weight: bold;}

/*------------------------------------------------
HTMLGraph
------------------------------------------------*/
.htmlgraph-main     {float: left;  margin-bottom: 2px;  margin-right: 2px;  border: 0px solid red !important;}
div.clear           {clear: left;}
#clear              {clear: left;}

/*------------------------------------------------
Help
------------------------------------------------*/
.help-toc           { list-style: none; padding-left: 1em; line-height: 16pt; }
.help-toc li:before { content: "\2022"; color: #F36118; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }
.help-toc a         { font-weight: bold; color: #000; }
.help-toc a:hover   { color: #2196F3; }

/*------------------------------------------------
Rapport
------------------------------------------------*/
.Rapport            {font-size: 9pt;vertical-align: top;}
.rapport_th         {font-weight: bold;font-size: 14px;text-align: left;background-color: #2d6da6;color: #FFFFFF;padding: 0px 0px 0px 2px;}
.rapport_td_first   {color: #808080;width: 1%;vertical-align: top;}
.Rapport_gewichtig  {font-weight: bold;white-space: nowrap;vertical-align: top;}
.Rapport_FullWidth  {width: 100%;}
.Rapport table      {width: 100%;}
.Rapport p          {margin: 1em 0;}
.Rapport_TussenRuimte{height: 50px;}

/*------------------------------------------------
Columns
------------------------------------------------*/
* {box-sizing: border-box;}
.ruimteOnder{margin-bottom: 10px;}
.ruimteBoven{margin-top: 10px}
.container:after {display: table; clear: both;}
.column-1 {width: 100%;}
.column-2 {width: 50%;}
.column-3 {width: 33%;}
.column-4 {width: 25%;}

[class*="column-"] {float: left;padding-right: 10px;margin-bottom: 25px;}
@media screen and (max-width: 500px) {[class*="column-"] {width: 100%;} }

.column              {float: left;padding-right: 13px;margin-bottom: 25px;margin-top:10px;}
@media screen and (max-width: 500px) {.column {width: 100% !important;} }

.table-wrapper       {position:relative; border-radius: 8px 8px 0px 0px;/*max-height: 80vh; //RKE uitgezet, dit zorgde bij de miniflexgrid tabellen dat deze een max hoogte kregen met vreemde scrollbarren.*/overflow-x: visible;overflow: auto;display: block;max-width: 100%;width:100%;}
.table-wrapper-scroll {position:relative;border-radius: 8px 8px 0px 0px;}

.table-scroll {
    max-height:1000px;
    min-height: auto;
    overflow:auto;
    border-left: 1px solid #2d6da6;
    border-right: 1px solid #2d6da6;
    border-bottom: 1px solid #2d6da6;
    border-top: none;
}
.table-width         {min-height: auto; overflow:auto; 	border-left: 1px solid #2d6da6;
    border-right: 1px solid #2d6da6;
    border-bottom: 1px solid #2d6da6;
    border-top: none;}

.table-wrapper table {width:100%;}
.table-wrapper table thead .br_tr_title{width:calc(100% + 2px);z-index:2;height:auto;margin-left:-1px;}
/*position: absolute;top: -10px;width:100%;z-index:2;height:auto;*/
.table-wrapper-scroll table {width:100%;}
.table-wrapper-scroll table thead .br_tr_title{width:calc(100% + 2px);z-index:2;height:auto;margin-left:-1px;}




/*------------------------------------------------
Afdruk layout aanpassingen
------------------------------------------------*/
@media print {
  .sticky-refresh {
    display: none !important;
  }
}