/* TABELLEN */
.table {
}

    .table > thead > tr > th {
        border-bottom: 1px solid #f47929;
    }

    .table > tbody > tr > td,
    .table > tfoot > tr > td,
    .table > thead > tr > td {
        border-top: 1px solid #d1d3d4;
    }

    .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th {
        padding: 10px 5px 10px 5px;
        line-height: 20px;
    }

.tabel-01 {
    width: 100%;
    border: none;
    border-collapse: separate;
}

    .tabel-01 caption {
        text-align: left;
        font-family: "Font1Bold", Verdana, Arial;
        font-weight: bold;
        color: #f47929;
        border-bottom: 1px solid #f47929;
    }

    .tabel-01 tr th,
    .tabel-01 tr td {
        padding: 10px 5px 10px 5px;
        font-size: 12px;
    }

        .tabel-01 tr th:first-child,
        .tabel-01 tr td:first-child {
            padding-left: 0px;
        }

    .tabel-01 > tbody > tr:first-child td,
    .tabel-01 tr:first-child td {
        border-top: none;
    }

    .tabel-01 tr th {
        color: #333333;
        font-family: "Font1Bold", Verdana, Arial;
        font-weight: bold;
        border-bottom: 1px solid #f47929;
    }

        .tabel-01 tr th.title {
            color: #f47929;
        }

        .tabel-01 tr th:first-child,
        .tabel-01 tr td:first-child,
        .tabel-01 tr:last-child th:first-child,
        .tabel-01 tr:first-child th:first-child,
        div.tabel-01 > div.table-header-row-orange:first-child {
            border-top-left-radius: 0px !important;
            border-bottom-left-radius: 0px !important;
        }

        .tabel-01 tr th:last-child,
        .tabel-01 tr td:last-child,
        .tabel-01 tr:last-child th:last-child,
        .tabel-01 tr:first-child th:last-child,
        div.tabel-01 > div.table-header-row-orange:first-child {
            border-top-right-radius: 0px !important;
            border-bottom-right-radius: 0px !important;
        }

    .tabel-01 tr:last-child td {
        border-bottom: 1px solid #f47929;
    }

    .tabel-01 tr.totaal-row td,
    .tabel-01 tr.totaal-row th {
        border-top: 1px solid #f47929;
        border-bottom: 1px solid #f47929;
        font-weight: bold;
        font-family: Font1Bold;
        color: #333;
    }

        .tabel-01 tr.totaal-row td a,
        .tabel-01 tr.totaal-row th a {
            color: #333;
        }

        .tabel-01 tr.totaal-row td.prijs,
        .tabel-01 tr.totaal-row th.prijs {
            color: #f47929;
        }

    .tabel-01 tr.besparing-row td,
    .tabel-01 tr.besparing-row th {
        color: #333;
        font-weight: bold;
        font-family: Font1Bold;
    }

        .tabel-01 tr.besparing-row td.prijs,
        .tabel-01 tr.besparing-row th.prijs {
            color: #5dc4bf;
        }

    .tabel-01 tr.separator td,
    .tabel-01 tr.separator th {
        border-top: 1px solid #6d6e71;
    }

.tabel-subgegevens tr td:first-child {
    font-weight: bold;
    font-family: Font1Bold;
}


.table-scrollable {
    overflow: auto;
}

.invisible-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Tabel algemeen */
div.table {       
}

div.table > label {
    width: 100%;
    color: #f47929;
    border-bottom: 1px solid #f47929;
    margin-bottom: 0px;
}

div.table > div.table-row:last-of-type {
    border-bottom: 1px solid #f47929 !important;
}

/* Tabel rij */
div.table div.table-row {
    margin-right: 0px;
    margin-left: 0px;
}

div.table div.table-row > div:first-of-type {
    padding-left: 0px;
}

div.table div.table-row > div:last-of-type {
    padding-right: 0px;
}

div.table div.table-row {
    border-bottom: 1px solid #ebebec;
}

.step-body-container div.table div.table-row {
    border-bottom: 1px solid #d1d3d4;
}

div.table > div.row-totaal {
    border-top: 1px solid #f47929 !important;
    font-weight: bold;
}

/* Label voor mobiele tabel */
@media (min-width: 768px) and (max-width: 991px) {
    div.table.table-pivot-sm div.table-row > div.tablelabel {
        padding-right: 15px;
        padding-left: 0px;
    }
}

@media (max-width: 767px) {
    div.table div.table-row > div.tablelabel {
        padding-right: 15px;
        padding-left: 0px;
    }    
}

/* Panel in tabel pijl */
@media (min-width: 768px) {
}

@media (min-width: 768px) and (max-width: 991px) {
    div.table:not(.table-pivot-sm) .accordion-toggle:before,
    div.table:not(.table-pivot-sm) .accordion-toggle:after {
        top: 0px;
    }

    div.table:not(.table-pivot-sm) .accordion-toggle:after {
        content: none;
    }

    div.table:not(.table-pivot-sm) .accordion-toggle:before {
        content: "\e901";
        left: -25px;
        color: #f47929;
    }

    div.table:not(.table-pivot-sm) .accordion-toggle.collapsed:before {
        content: "\e900";
    }
}

@media (min-width: 992px) {
    div.table .accordion-toggle:before,
    div.table .accordion-toggle:after {
        top: 0px;
    }

    div.table .accordion-toggle:after {
        content: none;
    }

    div.table .accordion-toggle:before {
        top: 0px;
        content: "\e901";
        left: -25px;
        color: #f47929;
    }

    div.table .accordion-toggle.collapsed:before {
        content: "\e900";
    }
}

/* Tabel inspringing voor desktop panel pijltje */
@media (min-width: 992px) {
    div.table.panel-group.desktop-panel div.table-row:not(.no-desktop-padding) {
        padding-left: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    div.table.panel-group.desktop-panel:not(.table-pivot-sm) div.table-row:not(.no-desktop-padding) {
        padding-left: 30px;
    }
}

/* Panel basis */
div.table.panel-group .panel {
    margin-bottom: 0;
}

div.table.panel-group div.table-row.panel {
    border-radius: 0px;
}

/* Panel header */
div.table.panel-group.desktop-panel div.table-row.panel .panel-heading h4.panel-arrow:not(.collapsed):before {
    content: none;
}

@media (min-width: 768px) {    
}

@media (min-width: 768px) and (max-width: 991px) {
    div.table.panel-group:not(.table-pivot-sm) .panel .panel-heading {
        border-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    div.table.panel-group:not(.table-pivot-sm) .panel .panel-heading h4 {
        line-height: inherit;
    }

    div.table.panel-group:not(.table-pivot-sm) .panel-default .panel-title {
        font-size: inherit;
        color: inherit;
    }

    div.table.panel-group:not(.table-pivot-sm) .panel-default > .panel-heading > .panel-title a {
        color: inherit;
        font-size: inherit;
    }
}

@media (min-width: 992px) {
    div.table.panel-group .panel .panel-heading {
        border-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    div.table.panel-group .panel .panel-heading h4 {
        line-height: inherit;
    }

    div.table.panel-group .panel-default .panel-title {
        font-size: inherit;
        color: inherit;
    }

    div.table.panel-group .panel-default > .panel-heading > .panel-title a {
        color: inherit;
        font-size: inherit;
    }
}

/* Border onder laatste rij van subonderdeel tabel (in panel of waar dan ook) */
@media (min-width: 768px) and (max-width: 991px) {
    div.table:not(.table-pivot-sm) div.last-row-border-bottom div[class~="table-row"]:last-child {
        border-bottom: 1px solid #f47929;
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) {
    div.table div.last-row-border-bottom div[class~="table-row"]:last-child {
        border-bottom: 1px solid #f47929;
        margin-bottom: 20px;
    }
}

/* Tabel header */
div.table div.tableheader {
    border-bottom: 1px solid #f47929 !important;
    color: #f47929;
}

/*
Toevoeging plusje aan totaal rij
div.table > div.row-totaal > div:last-of-type:after  {
    position:absolute;
    content: '+';
    top: -23px;
    right: 0px;
}
*/

@media (min-width: 768px) {
}

@media (min-width: 768px) and (max-width: 991px) {
    div.table.panel-group div.table-row:not(.first) div.header-sm  {
        margin-top: 50px;
    }

    div.table div.table-row div.header-sm {
        color: #f47929;
        border-bottom: 1px solid #f47929 !important;
    }

    div.table.panel-group div.table-row div.header-sm {
        margin-bottom: 10px;
    }

    div.table.table-pivot-sm div.table-row > div.col-sm-12:not(.tablelabel):not(.header-sm) {
        padding-right: 0px;
        padding-left: 0px;
    }

    div.table.table-pivot-sm div.table-row > div:not(.tablelabel):not(.header-sm) {
        padding-right: 0px;
        padding-left: 15px;
    }
}

@media (max-width: 767px) {
    div.table.panel-group div.table-row:not(.first) div.header-xs  {
        margin-top: 50px;
    }

    div.table div.table-row div.header-xs {
        color: #f47929;
        border-bottom: 1px solid #f47929 !important;
    }

    div.table.panel-group div.table-row div.header-xs {
        margin-bottom: 10px;
    }

    div.table div.table-row > div.col-xs-12:not(.tablelabel):not(.header-xs) {
        padding-right: 0px;
        padding-left: 0px;
    }

    div.table div.table-row > div:not(.tablelabel):not(.header-xs) {
        padding-right: 0px;
        padding-left: 15px;
    }
}

/* TABEL */
/*
div.tabel-01 {
    border: none;
    border-spacing: 0;
}

    div.tabel-01 > div.table-row {
        border-top: none;
        border-bottom: 1px solid #ebebec;
        margin-left: 0px;
        margin-right: 0px;
    }

        div.tabel-01 > div.table-row:last-child {
            border-bottom: none;
        }

    div.tabel-01 > div.table-header-row {
        font-weight: bold;
        color: #333333;
        border-bottom: 1px solid #f47929;
        margin-left: 0px;
        margin-right: 0px;
    }

    div.tabel-01 > div.table-totaal-row,
    div.tabel-01 > div.totaal-row {
        border-top: 1px solid #f47929;
        color: #f47929;
        font-weight: bold;
        font-family: Font1Bold;
    }

        div.tabel-01 > div.table-totaal-row a,
        div.tabel-01 > div.totaal-row a {
            color: #f47929;
        }

    div.tabel-01 > div > div:first-child {
        padding-left: 0px;
    }

    div.tabel-01 > div > div:last-child {
        padding-right: 0px;
    }

    div.tabel-01 > div.table-header-row > div,
    div.tabel-01 > div.table-row > div {
        padding-top: 5px;
        padding-bottom: 5px;
    }




div.tabel-02 {
    border: none;
    border-spacing: 0;
}

    div.tabel-02 > div {
        background: #d1d3d4;
        border-radius: 20px;
        margin: 0px 0px 4px 0px;
    }

        div.tabel-02 > div > div {
            padding: 4px;
            font-size: 12px;
            color: #333;
        }

            div.tabel-02 > div > div:first-child {
                padding-left: 12px;
            }

            div.tabel-02 > div > div:last-child {
                padding-right: 12px;
            }

        div.tabel-02 > div.table-header-row {
            font-weight: bold;
            background: #ebebec;
            color: #333;
        }

            div.tabel-02 > div.table-header-row > div {
                color: #333;
            }

        div.tabel-02 > div.table-row div.table-col {
            border-right: 1px solid #B3B4B5;
            padding-left: 5px;
            padding-right: 5px;
        }

        div.tabel-02 > div.table-row div.table-col-last {
            border-right: none;
        }

        div.tabel-02 > div.table-row div.table-col div.row div {
            padding-left: 5px;
            padding-right: 5px;
        }


    div.tabel-02 .btn-uc {
        height: 25px;
        padding: 4px 15px 2px 8px;
        font-family: Font1Light, Verdana, Arial;
        font-size: 10px;
    }

    div.tabel-02 input.btn-uc,
    div.tabel-02 button.btn-uc {
        background-position: right 4px center;
    }

    div.tabel-02 .btn-uc:after,
    div.tabel-02 .btn-back:after {
        margin-left: 4px;
    }

    div.table-condensed > div.table-row, div.tabel-condensed > div.table-header-row,
    div.tabel-02 > div.table-header-row {
        padding: 0;
    }

@media (max-width: 767px) {
    div.tabel-02 > div,
    div.tabel-02 > div.table-header-row {
        background: #fff;
    }

        div.tabel-02 > div.table-row div.table-col {
            border-right: none;
        }

        div.tabel-02 > div.table-header-row,
        div.tabel-02 > div.table-row {
            border-bottom: 1px solid #B3B4B5;
            border-radius: 0px;
        }
}
    */