/* ============================= */
/* Tables in dashboard.html                           */
/* ============================= */
.m-table thead th {
    font-weight: 600;
    color: var(--muted);
}

.m-table > :not(caption) > * > * {
    background: transparent;
    color: var(--text);
}

.m-table tbody tr {
    transition: background 0.2s ease;
}

    .m-table tbody tr:hover {
        background: rgba(111, 123, 247, 0.06);
    }

.m-table {
    --bs-table-border-color: #87878740;
}

/* ============================= */
/* datatable in dashboard.html                     */
/* ============================= */
.dtr-details {
    width: 100% !important;
}

    .dtr-details li .dtr-title {
        color: var(--muted);
        font-weight: 400 !important;
        width: 45% !important;
    }

table.dataTable > tbody > tr.child ul.dtr-details > li {
    border-bottom-color: #8280802b !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    border-left: 10px solid rgb(119 119 119 / 74%);
}

table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control:before {
    border-top: 10px solid rgb(119 119 119 / 74%);
}


.hiddenRow {
    padding: 0 !important;
}

/* ============================= */
/* accordion-toggle in brk-user-dashboard.html*/
/* ============================= */
/*.toggle-arrow {
    transition: transform 0.3s ease;
}

.accordion-toggle.collapsed .toggle-arrow {
    transform: rotate(0deg);
}

.accordion-toggle:not(.collapsed) .toggle-arrow {
    transform: rotate(180deg);
}*/


.accordion-toggle {
    font-size: 1.25rem !important;
    transition: transform 0.3s ease;
}

    .accordion-toggle[aria-expanded="true"] {
        transform: rotate(180deg);
        /* transition: transform 0.3s ease; */
    }