.TableDashboard__TableWrapper {
    overflow-x: auto;
}

.TableDashboard__Checkbox .CFMTCheckbox {
    padding-left: 0;
}

.TableDashboard__THead {
    text-transform: uppercase;
    font-size: 11px;
    --bs-table-bg: #2A2F3C;
    --bs-table-striped-bg: #2A2F3C;
    --bs-table-active-bg: #373b3e;
    --bs-table-hover-bg: #2A2F3C;
    color: #9AA3AE;
}

.TableDashboard__THead th {
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
    transition: transform 0.3s ease-in-out;
}

.TableDashboard__THead th[data-column-order] {
    cursor: pointer;
    padding-right: 0 !important;
}

.TableDashboard__THead th[data-column-order="asc"] .TableDashboard__ColumnName:after {
    transform: translate(50%,-50%) rotate(180deg);
}

.TableDashboard__THead th:last-child,
.TableDashboard__TBody tr td:last-child {
    min-width: 10rem;
    position: sticky;
    right: 0;
}

.TableDashboard__TBody tr {
    box-shadow: 0px 2px 10px #dcdcdc;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-top: 0 !important;
    padding: 8px 16px !important;
}

.table-hover > .TableDashboard__TBody > tr:hover,
.table-hover > .TableDashboard__TBody > tr.selected,
.table-hover > .TableDashboard__TBody > tr:hover td.TableDashboard__ActionsColumn,
.table-hover > .TableDashboard__TBody > tr.selected td.TableDashboard__ActionsColumn {
    background-color: #fff7e2;
}

.table-hover > .TableDashboard__TBody > tr:hover td.TableDashboard__ActionsColumn,
.table-hover > .TableDashboard__TBody > tr.selected td.TableDashboard__ActionsColumn {
    /*border: 1px solid #fff7e2;*/
}

td.TableDashboard__ActionsColumn {
    background-color: var(--bs-table-bg);
    border-bottom: none;
    /*border: 1px solid #f7f7f7;*/
}

.TableDashboard__TBody > tr.TableDashboard__Disable,
.TableDashboard__TBody > tr.TableDashboard__Disable:hover,
.TableDashboard__TBody > tr.TableDashboard__Disable.selected,
.TableDashboard__TBody > tr.TableDashboard__Disable > td.TableDashboard__ActionsColumn,
.TableDashboard__TBody > tr.TableDashboard__Disable:hover > td.TableDashboard__ActionsColumn,
.TableDashboard__TBody > tr.TableDashboard__Disable.selected > td.TableDashboard__ActionsColumn {
    background-color: #e2e4e6;
}

.TableDashboard__TBody > tr.TableDashboard__Disable > td.TableDashboard__ActionsColumn,
.TableDashboard__TBody > tr.TableDashboard__Disable:hover > td.TableDashboard__ActionsColumn,
.TableDashboard__TBody > tr.TableDashboard__Disable.selected > td.TableDashboard__ActionsColumn {
    border: 1px solid #e2e4e6;
}


.TableDashboard__TBody tr:hover > * {
    --bs-table-accent-bg: transparent !important;
}

.TableDashboard__TBody tr td {
    vertical-align: middle !important;
    white-space: nowrap;
    border-bottom: none;
}

.TableDashboard__TBody button,
.TableDashboard__TBody a {
    width: 100% !important;
    height: 23px !important;
    line-height: 23px !important;
}

.TableDashboard__ActionsColumn {
    display: flex;
    flex-direction: row;
}

.TableDashboard__ActionsColumn > * + * {
    margin-left: 1rem
}

.TableDashboard__ColumnName{
    position: relative;
    display: flex;
    padding-right: 26px !important;
}

.TableDashboard__ColumnName:after {
    content: url(/themes/afcfmt/images/icons/ico-chevron-down.svg);
    position: absolute;
    right: 4px;
    width: 16px;
    height: 16px;
    top: 50%;
    transform: translate(0,-50%);
}


.TableDashboard__Filters,
.TableDashboard__Selects {
    width: 100%;
}

.TableDashboard__Pagination {
    margin: 10px 0 !important
}

.TableDashboard__PaginationItem a {
    padding: 5px 8px !important;
}

.TableDashboard__PaginationItem.active a{
    color: #7B7A7E !important;
    text-decoration: underline;
    font-weight: bolder;
}

.TableDashboard__PaginationLink,
.TableDashboard__PaginationItem>li>a{
    border: none !important;
}

.TableDashboard__PaginationItem,
.TableDashboard__PaginationItem:hover,
.TableDashboard__PaginationItem a,
.TableDashboard__PaginationItem.active a,
.TableDashboard__PaginationItem.active a:hover,
.TableDashboard__PaginationItem.active a:focus,
.TableDashboard__PaginationLink:hover {
    background-color: transparent !important;
}

.TableDashboard__SelectsWrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.TableDashboard__SelectsWrapper > * + * {
    margin-top: 1rem;
}

@media only screen and (min-width: 768px) {

    .TableDashboard__Pagination {
        margin: 20px 0 !important
    }

    .TableDashboard__SelectsWrapper {
        flex-direction: row;
    }

    .TableDashboard__SelectsWrapper > * + * {
        margin-top: 0rem;
    }

    .TableDashboard__SelectsWrapper > * {
        margin-right: 2rem;
    }
}

@media only screen and (min-width: 1200px) {
    .TableDashboard__Selects {
        width: 50%;
    }

}


.TableDashboard--Modal .TableDashboard__THead{
    border: 1px solid #373C46;
}

.TableDashboard--Modal .TableDashboard__TBody tr {
    box-shadow: none;
}

.TableDashboard--Modal .table-hover > .TableDashboard__TBody > tr.TableDashboard__Row {
    background-color: #F4F4F4;
}

.TableDashboard--Modal .table-hover > .TableDashboard__TBody > tr:hover,
.TableDashboard--Modal .table-hover > .TableDashboard__TBody > tr.selected,
.TableDashboard--Modal .table-hover > .TableDashboard__TBody > tr:hover td.TableDashboard__ActionsColumn,
.TableDashboard--Modal .table-hover > .TableDashboard__TBody > tr.selected td.TableDashboard__ActionsColumn {
    background-color: #fff7e2;
}

.TableDashboard--Modal td.TableDashboard__ActionsColumn {
    background-color: #F4F4F4;
}

.TableDashboard--Modal .TableDashboard__TBody > tr.TableDashboard__Disable,
.TableDashboard--Modal .TableDashboard__TBody > tr.TableDashboard__Disable:hover,
.TableDashboard--Modal .TableDashboard__TBody > tr.TableDashboard__Disable.selected,
.TableDashboard--Modal .TableDashboard__TBody > tr.TableDashboard__Disable > td.TableDashboard__ActionsColumn,
.TableDashboard--Modal .TableDashboard__TBody > tr.TableDashboard__Disable:hover > td.TableDashboard__ActionsColumn,
.TableDashboard--Modal .TableDashboard__TBody > tr.TableDashboard__Disable.selected > td.TableDashboard__ActionsColumn {
    background-color: #e2e4e6;
}

.TableDashboard--MyCfmt .TableDashboard__CellIcon {
    width: 3rem;
    max-height: 2.5rem;
}

.TableDashboard--MyCfmt .TableDashboard__CellAreaList ul{
    margin-top: 0;
}
.TableDashboard--MyCfmt .TableDashboard__CellAreaList ul li{
    margin-bottom: 0;
}

.TableDashboard--MyCfmt td.TableDashboard__ActionsColumn {
    /*background-color: #ffffff;*/
    /*border: 1px solid #ffffff;*/
}

.TableDashboard--MyCfmt td.TableDashboard__ActionsColumn button {
    margin-top: 0.4rem;
}

.TableDashboard--MyCfmt td.TableDashboard__ActionsColumn button:hover img {
    filter: brightness(0) invert(1);
}