@import "../_colors";

body .p-treetable {
    .p-treetable-thead > tr > th {
        text-align: left;
    }

    .p-treetable-thead > tr > th,
    .p-treetable-tfoot > tr > td {
        background-color: $default-color;
        border: 1px solid $default-primary-color;
        color: $primary-dark-text-color;
        font-weight: bold;
        border-bottom: none;
    }

    .p-treetable-tbody > tr {
        background-color: $default-color;
        color: $primary-dark-text-color;

        > td {
            border: 1px solid $default-primary-color;
            background-color: inherit;
        }

        .p-treetable-toggler {
            color: $primary-dark-text-color;
            font-size: 10px;
        }
    }

    .p-treetable-header {
        border: 1px solid $default-primary-color;
        padding: 12px 20px;
        background-color: $default-color;
        border-bottom: none;
    }

    .p-treetable-footer {
        border: 1px solid $default-primary-color;
        padding: 12px 20px;
        background-color: $default-color;
    }

    .p-sortable-column {
        .p-sortable-column-icon {
            @include disabled();
            color: $secondary-dark-text-color;
        }
    }

    &-scrollable-footer-table {
        .p-treetable-tfoot > tr:first-child > td {
            border-top: none;
        }
    }

    thead th {
        background-color: $default-color;
        padding: 10px;
        border-color: $default-primary-color;
        color: $primary-dark-text-color;
    }
    tfoot td {
        background-color: #fff;
        padding: 10px;
        border-color: #e5eaea;
    }

    tr td .p-treetable-toggler {
        font-size: 48px;
        vertical-align: middle;
        display: inline-block;
        position: relative;
    }

    thead.p-treetable-thead th,
    tbody.p-treetable-tbody td,
    tfoot.p-treetable-tfoot td {
        padding: 10px;
    }

    tr td .p-chkbox .p-chkbox-icon {
        color: active($primary-color);
        left: 0;
    }
}