/**datatable*/
[class*="sorting"]{
    cursor:pointer;
}
.dataTables_processing {
    display: none !important;
}
/**datatableend*/
.bs-responsive-table {
    width: 100% !important;
    margin-bottom: 8px;
    border-collapse: collapse;
    border-top: 1px solid #e1e1e1;
}

    .bs-responsive-table tbody tr:nth-child(2n) {
        background: #fff;
    }

    .bs-responsive-table tbody tr:nth-child(2n+1) {
        background: #fbfbfb;
    }

    .bs-responsive-table.bs-white-alltr tbody tr {
        background: #fff;
    }

    .bs-responsive-table tbody tr.bs-msg-unread {
        background: #eee;
    }

.bs-msg-pre {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .bs-responsive-table tbody tr {
        border-left: 1px solid #e1e1e1;
    }

        .bs-responsive-table tbody tr:hover {
            background:#fefae0 !important;
        }

.bs-responsive-table th {
    font-size: 12px;
    color: #837575;
    text-align: center;
    height: 30px;
    border-right: 1px solid #e1e1e1;
    box-shadow: inset 0px -0.7px 0px 0px #e1e1e1;
    border-left: 1px solid #e1e1e1;
    white-space: nowrap;
    background: #fff;
    position: sticky;
    top: 31px;
    padding: 0;
    text-transform: capitalize;
}

    .bs-responsive-table td {
        font-size: 12px;
        color: #000;
        text-align: center;
        height: 30px;
        border-right: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding:0;
    }

.bs-no-sticky th {
    position: unset !important;
}

#searchInputText {
    position: absolute;
    right: 0;
    z-index: 2;
    width: 120px;
    height:100%;
}

.buttons-excel {
    border: 0;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-items: center;
    position: absolute;
    right: 136px;
    z-index: 100;
    margin-top: -31px;
    cursor: pointer;
    background: var(--layoutcolor);
    color: #fff;
    padding: 0 8px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: var(--borderstyle);
}

#bs-data-table_filter {
    display: none;
}

.bs-responsive-table-left td, .bs-responsive-table-left th {
    text-align: left;
    padding: 0 4px;
}

.bs-ws-normal td, .bs-ws-normal th {
    white-space: normal;
}

.bs-w50 td {
    width: 50%;
}
.bs-w25 td:first-child {
    width: 25%;
    text-align: left;
}
.bs-w25 td:first-child { 
    padding:0 8px;
}
.bs-top0 th {
    top:-1px;
}
.bs-table-fixed {
    table-layout:fixed;
}

.bs-responsive-table-no-border,
.bs-responsive-table-no-border tbody tr,
.bs-responsive-table-no-border td,
.bs-responsive-table-no-border th {
    border: 0;
}
.bs-big-table th, .bs-big-table td {
    height: 50px;
}
@media only screen and (max-width: 800px) {

    /* Force table to not be like tables anymore */
    .bs-responsive-table table, .bs-responsive-table thead, .bs-responsive-table TBody, .bs-responsive-table th, .bs-responsive-table td, .bs-responsive-table tr {
        display: block;
    }

    .bs-responsive-table {
        border-top: 0;
    }
        /* Hide table headers (but not display: none;, for accessibility) */
        .bs-responsive-table thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }



        .bs-responsive-table tr {
            margin-bottom: 8px;
            border-top: 1px solid #e1e1e1;
        }

        .bs-responsive-table td {
            border-bottom: 1px solid #e1e1e1;
            position: relative;
            padding: 4px 4px 4px 47% !important;
            white-space: normal;
            text-align: left;
            height: inherit;
            min-height: 30px;
            font-size: 14px;
        }

        .bs-responsive-table th {
            height: inherit;
        }

        .bs-responsive-table td:before {
            position: absolute;
            left: 6px;
            white-space: nowrap;
            color: #837575;
            font-style: italic;
            font-weight: 400;
        }

        /*
	Label the data
	*/
        .bs-responsive-table td:before {
            content: attr(data-title);
        }

    .bs-no-responsive-table-m td:before {
        content: "";
    }

    .bs-no-responsive-table-m {
        display: table;
    }

        .bs-no-responsive-table-m thead tr {
            position: unset;
        }

        .bs-no-responsive-table-m thead {
            display: table-header-group;
        }

        .bs-no-responsive-table-m tbody {
            display: table-row-group;
        }

        .bs-no-responsive-table-m tr {
            display: table-row;
        }

        .bs-no-responsive-table-m td,
        .bs-no-responsive-table-m th {
            display: table-cell;
            white-space: normal;
            padding-left: 4px !important;
        }

    .bs-responsive-table td.detail-btn,
    .bs-responsive-table td.other-detail-btn {
        display: flex;
        align-items: center;
        height: 45px;
    }
    
    .bs-no-w50-m td {
        width: inherit;
    }

    .bs-responsive-table tbody tr:nth-child(2n+1) {
        background: #f5f5f5;
    }
    .bs-w25 td:first-child {
        width: 33%;
    }
}

.bs-one-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

/*datatable css*/
#bs-data-table_info {
    display: inline-block;
    font-size: 10px;
    color: #919191;
}

#bs-data-table_paginate {
    display: inline-block;
    float: right;
}

.paginate_button {
    background: #fff;
    height: 30px;
    width: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e1e1;
    cursor: pointer;
    outline: 0;
    font-weight: 500;
}

    .paginate_button.current {
        background: var(--layoutcolor);
        color: #fff;
        border:0;
    }

#bs-data-table tbody tr:not(:nth-child(-n+20)) {
    display: none;
}