/**
* CSS styling for tableify-expandable
*/
.expandable table {
    border-collapse: collapse;
}
.expandable table td {
    border: 1px solid #000;
}
.expandable table th.cell-collapse::after, 
.expandable table th.cell-expand::after , 
.expandable table td.cell-expand::before,
.expandable table td.cell-collapse::before
{
    border: 1px solid #000;
    height: 10px;
    width: 10px;
    line-height: 10px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 10px 0px 0px;
    text-align: center;
    border-radius: 3px;
    border-color: #aaa;
    cursor:pointer;
}
.expandable table th.cell-expand::after {
    content: '+';
}
.expandable table th.cell-collapse::after {
    content: '-';
}
.expandable table td.cell-expand::before {
    content: '+';
}
.expandable table td.cell-collapse::before {
    content: '-';
}
.expandable table tbody td.array.hidden-cell table, .expandable table tbody td.object.hidden-cell table {
    table-layout: fixed;
    max-width: 1px;
    max-height: 1px;
    overflow: hidden;
    display: inline-block;
    transition: max-height 0.5s,max-width 0.2s;
}
.expandable table tbody td.array.hidden-cell table.cell-expanded, .expandable table tbody td.object.hidden-cell table.cell-expanded {
    table-layout: fixed;
    max-height: 9999px;
    max-width: 9999px;
    overflow: visible;
    display: inline-block;
    vertical-align: middle;
    transition: max-height 5s,min-width 3s;
}