﻿.table-yellow {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(255, 193, 7, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(255, 193, 7, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #ffc107;
    text-wrap: nowrap;
}

.table > :not(:first-child) {
    border-top: 2px solid #ffc107;
}

div.dt-container.dt-empty-footer tbody > tr:last-child > * {
    border-bottom: 1px solid rgba(255, 193, 7, 1);
}

.cursor-pointer {
    cursor: pointer;
}

.greyed-out {
    color: #ccc;
}

.red-bookmark {
    color: #ff0000;
}

div.dt-container .dt-search input {
    margin-left: 0;
}

@media (max-width: 767px) {
    .email-list {
        white-space: nowrap;
        max-width: 125px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    div.dt-container div.dt-layout-cell.dt-full, div.dt-container div.dt-layout-cell.dt-start, div.dt-container div.dt-layout-cell.dt-end {
        text-align: left;
    }

    .form-check {
        padding-left: 1.2rem;
    }

    div.dt-container .dt-search input {
        margin-left: 3px;
    }
}

/*overwrite datatables style on mobile*/
@media screen and (max-width: 640px) {
    .dt-container .dt-length, .dt-container .dt-search {
        float: none;
        text-align: left;
    }
}

@media (min-width: 768px) {
    /*Below moves the search box inline with other filters, width puts the label and search input on different lines*/
    div .dt-container div.dt-layout-cell {
        display: table-cell;
        vertical-align: revert;
        padding: 5px 0;
        text-align: left !important;
    }

    div.dt-container .dt-search {
        width: 33.33333%;
    }

    .email-list {
        white-space: normal !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
    }
}