/***

Nieuwe Table css

***/

.finckers-datatable { border-collapse: collapse; }
/*.finckers-datatable td, .finckers-datatable th { padding: 10px 15px!important; }*/

.finckers-datatable .text-right { text-align: right; }

.finckers-datatable .btn.btn-success, .finckers-data-filter .btn.btn-success { background: var(--clr-primary)!important; border-radius: 3rem; min-height: 38px;  }
.finckers-datatable .btn.btn-success:hover, .finckers-data-filter .btn.btn-success:hover { border: none!important; }

.finckers-datatable-container { padding: 2rem; border-radius: 1rem; background-color: #fff; }


@media (max-width: 992px) {

    div.finckers-datatable-container {

        margin: -1rem;
        padding: 1rem;

    }

}

.finckers-datatable-container table { background-color: #fff; }


.wpb-card--interest .finckers-datatable-container { padding: 0; border-radius: 0; }
.wpb-card--interest .finckers-datatable td, .wpb-card--interest .finckers-datatable th { padding: 5px 10px!important; }

/*** Tables Mortage ***/
.finckers-table-mortgage-company-products tbody > tr { vertical-align: middle; }




/*** Tables Loan ***/
.finckers-table-loan-companies-products tbody > tr { vertical-align: middle; }




/*** Tables Savings ***/
.finckers-table-savings tbody > tr { vertical-align: middle; }


/* finckers-datatable finckers-table-mortgage */
/* 


.finckers-datatable tbody tr td:last-child { padding-right: 2.8rem;  border-right: var(--border) !important; }
.finckers-datatable.finckers-table-savings tbody tr td:last-child { padding-left: 2rem; }
.finckers-datatable .btn.btn-success:hover, .finckers-data-filter .btn.btn-success:hover { border: none!important; }

:is(.wpb-interest-rate--container,.finckers-filter-results,.page-template-pilar-page) .finckers-datatable:is(.finckers-table-mortgage,[class*="finckers-table-loan"],.finckers-table-top-list) { counter-reset: numbering; border-collapse: separate; border-spacing: 0 .8rem; }
:is(.wpb-interest-rate--container,.finckers-filter-results,.page-template-pilar-page) .finckers-datatable:is(.finckers-table-mortgage,[class*="finckers-table-loan"],.finckers-table-top-list) tbody tr td {--border: 1px solid var(--clr-border); padding: 1.6rem 0; font-weight: 700; border-top: var(--border) !important; background-color: #fff !important; }
:is(.wpb-interest-rate--container,.finckers-filter-results,.page-template-pilar-page) .finckers-datatable:is(.finckers-table-mortgage,[class*="finckers-table-loan"],.finckers-table-top-list) tbody tr td:first-child { padding-left: 2.8rem; padding-right: 2rem; font-size: 2.1rem; font-weight: 900;  }
:is(.wpb-interest-rate--container,.finckers-filter-results,.page-template-pilar-page) .finckers-datatable:is(.finckers-table-mortgage,[class*="finckers-table-loan"],.finckers-table-top-list) tbody tr td:nth-child(2) { padding-left: 2rem; }
:is(.wpb-interest-rate--container,.finckers-filter-results,.page-template-pilar-page) .finckers-datatable:is(.finckers-table-mortgage,[class*="finckers-table-loan"],.finckers-table-top-list) tbody tr td:last-child { padding-right: 2.8rem; padding-left: 2.8rem;  }

@media (min-width: 992px) {
    :is(.wpb-interest-rate--container,.finckers-filter-results,.page-template-pilar-page) .finckers-datatable:is(.finckers-table-mortgage,[class*="finckers-table-loan"],.finckers-table-top-list) tbody tr td:nth-child(3) { position: relative; z-index: 1; color: var(--clr-primary)!important; padding-left: 1rem; }
    :is(.wpb-interest-rate--container,.finckers-filter-results,.page-template-pilar-page) .finckers-datatable:is(.finckers-table-mortgage,[class*="finckers-table-loan"],.finckers-table-top-list) tbody tr td:nth-child(3):not([data-order="ZZZZZ"])::before { content: ''; width: calc(100%); height: 2rem; border-bottom-left-radius: .5rem; background-color: rgba(var(--clr-primary-rgb),.15); position: absolute; top: 50%; left: -.4rem; transform: rotateZ(-2deg) translateY(-50%); z-index: -1; }
    :is(.wpb-interest-rate--container,.finckers-filter-results,.page-template-pilar-page) .finckers-datatable:is(.finckers-table-mortgage,[class*="finckers-table-loan"],.finckers-table-top-list) tbody tr td:last-child { border-right: var(--border) !important; border-radius: 0 1rem 1rem 0; }
    :is(.wpb-interest-rate--container,.finckers-filter-results,.page-template-pilar-page) .finckers-datatable:is(.finckers-table-mortgage,[class*="finckers-table-loan"],.finckers-table-top-list) tbody tr td:first-child { border-radius: 1rem 0 0 1rem; font-size: 2.1rem; font-weight: 900; border-left: var(--border) !important; border-right: var(--border); }
    :is(.wpb-interest-rate--container,.finckers-filter-results,.page-template-pilar-page) .finckers-datatable:is(.finckers-table-mortgage,[class*="finckers-table-loan"],.finckers-table-top-list) tbody tr td {  border-bottom: var(--border) !important; }
    :is(.wpb-interest-rate--container,.finckers-filter-results,.page-template-pilar-page) .finckers-datatable:is(.finckers-table-mortgage,[class*="finckers-table-loan"],.finckers-table-top-list) tbody tr td:last-child { padding-right: 2.8rem;  }
}

@media( max-width: 991px) {
    :is(.wpb-interest-rate--container,.finckers-filter-results,.page-template-pilar-page) .finckers-datatable:is(.finckers-table-mortgage,[class*="finckers-table-loan"],.finckers-table-top-list) thead { display: none; }
    .finckers-datatable-cards .finckers-table-loan-companies-products .interest { border-bottom: none !important; }
    :is(.wpb-interest-rate--container,.finckers-filter-results,.page-template-pilar-page) .finckers-datatable:is(.finckers-table-mortgage,[class*="finckers-table-loan"],.finckers-table-top-list) tbody tr td:first-child { border-bottom: none !important; }
    :is(.wpb-interest-rate--container,.finckers-filter-results,.page-template-pilar-page) .finckers-datatable:is(.finckers-table-mortgage,[class*="finckers-table-loan"],.finckers-table-top-list) tbody tr td:nth-child(2) { border-bottom: none !important; }
}

.finckers-filter-results .finckers-datatable[class*="finckers-table-savings"] { counter-reset: numbering; border-collapse: separate; border-spacing: 0 .8rem; }
.finckers-filter-results .finckers-datatable[class*="finckers-table-savings"] tbody tr td { --border: 1px solid var(--clr-border); padding: 1.6rem 0; font-weight: 700; border-top: var(--border) !important; border-bottom: var(--border) !important; background-color: #fff !important; }
.finckers-filter-results .finckers-datatable[class*="finckers-table-savings"] tbody tr td:first-child { border-radius: 1rem 0 0 1rem; padding: 1rem 2rem; }
.finckers-filter-results .finckers-datatable[class*="finckers-table-savings"] tbody tr td:last-child { border-radius: 0 1rem 1rem 0; padding-right: 2.8rem;  border-right: var(--border) !important; text-align: right; }

.wpb-card.wpb-card--interest .finckers-datatable thead { display: none; } 
.wpb-card.wpb-card--interest .finckers-datatable tbody > tr:first-child td { border-top: none; }
.wpb-card.wpb-card--interest .finckers-datatable td:last-of-type:is(.cta) { display: none; }
.wpb-card.wpb-card--interest .finckers-datatable td:is(.focus-column,.interest,.info-column) { color: var(--clr-primary); font-weight: 700; text-align: right; padding-right: unset; background-color: transparent; }

.wpb-card.wpb-card--interest-extended .finckers-datatable td:is(.focus-column,.interest,.info-column) { color: var(--clr-primary); font-weight: 700; text-align: right; padding-right: unset; }

@media ( max-width: 992px ) {
    .finckers-filter-results .finckers-datatable[class*="finckers-table-savings"] tr { display: grid !important; grid-template-columns: minmax(0, 15rem) minmax(0,1fr); }
    .finckers-filter-results .finckers-datatable[class*="finckers-table-savings"] tbody tr td { width: 100% !important; }
} */