table.sortable caption,
table.collapsable caption,
table.non-sortable caption {
    text-align:left;
}

h4.replace-table-caption-for-accessibility {
    padding-left: unset;
    text-align:left;
}

table.non-sortable table tr {
    border:0 none;
}
table.non-sortable td {
    vertical-align:top;
}
table.sortable th,
table.sortable td,
table.non-sortable th,
table.non-sortable td {
    text-align:left;
}
h4.replace-table-caption-for-accessibility span {
    font-weight:normal;
}

h4.replace-table-caption-for-accessibility span.right {
    float:right;
}



h4.replace-table-caption-for-accessibility::before {
    content:"\f078";
    font-family: 'trcicons';
    cursor:pointer;
    padding-right:1em;
}

h4.replace-table-caption-for-accessibility.collapsed::before {
    content:"\f077";
}

button.caption-btn-for-accessibility {
    background: unset;
    border: unset;
}

button.caption-btn-for-accessibility:hover {
    cursor:pointer;
}

table.sortable th,
table.non-sortable th {
    text-align:left;
}
table.sortable th,
table.sortable tr[onclick],
table.non-sortable tr[onclick] {
    cursor:pointer;
}
table.sortable .centre {
    text-align:center;
}
table.sortable .right,
table.non-sortable .right {
    text-align:right;
    float:none;
}
table.sortable tfoot td[colspan].right,
table.non-sortable tfoot td[colspan].right {
    width:100%;
}
table.sortable th:after {
    padding-left:1em;
}
table.sortable th:hover:after {
    text-decoration:none !important;
}
table.sortable th.sort-asc:after {
    content:"\f078";
    font-family: 'trcicons';
}
table.sortable th.sort-desc:after {
    content:"\f077";
    font-family: 'trcicons';
}

table.sortable td {
    text-align:left;
}
table.sortable > tbody > tr[onclick]:hover,
table.non-sortable > tbody > tr[onclick]:hover {
    background-color:#eee;
}

span.right.account-balance-heading-on-dashboard {
    font-weight: 700;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    h4.replace-table-caption-for-accessibility span.right {
        display: inline-block;
    }

    table.collapsable {
        width: 100%;
    }
}

@media only screen and (min-width: 200px) and (max-width: 767px) {
    h4.replace-table-caption-for-accessibility span.right {
        float: none;
        display: inline-block;
        margin-left: 2.75rem;
    }

    table.collapsable {
        width: 100%;
    }
}