﻿
/*------Table------*/
.generalTable {
    width: 100% !important;
    /*table-layout: fixed; 
    word-wrap:break-word;*/
}

/* fix table */
table.generalTable tbody tr.odd {
    background: #f7f7f7;
}

/* 
.dataTables_scrollHeadInner {
    width: 100% !important;
}*/



table.generalTable tr th,
table.generalTable tr td {
    word-wrap: break-word;
    padding: 5px;
}


table.generalTable tr th {
    text-align: center;
    padding: 10px 5px;
}

/* fix column for aligning to center */
table.dataTable tr th.dt-right,
table.dataTable tr th.dt-left {
    text-align: center;
}

.generalTable tbody {
    height: 100% !important;
    overflow: hidden;
}


.generalTable thead tr th {
    background-color: #8d8f90;
    color: #000;
    border-right: none;
    border-bottom: 0px;
}

    .generalTable thead tr th:last-child {
        border-right: 0px;
    }

.generalTable thead tr {
    padding: 3px;
    background-color: #8d8f90;
}

.generalTable tbody tr:hover {
    cursor: pointer;
    background: #fdd030 !important;
}

table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting {
    background-image: none;
}

thead tr {
    padding: 0 !important;
}

.scrollTableCvr {
    width: 100%
}



.table.generalTable tr th:before, table.generalTable tr td label, .dataTables_scrollHeadInner .mobileTitleName {
    display: none;
}



@media only screen and (max-width: 768px) {
    .dataTables_scrollHead {
        /*display: none;*/
    }
    .dataTables_scrollHead th {
        display: none;
    }
    .dataTables_scrollHeadInner .mobileTitleName {
        text-align: left;
        width: 100%!important;
        display: block;
    }

    .scrollTableCvr.fixedScrollberTable table.dataTable tr {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }

    .table.generalTable tr th, table.generalTable tr td {
        word-wrap: break-word;
        padding: 5px;
        min-width: 40% !important;
        flex: 1;
        width: auto !important;
        text-align: left !important;
        margin-top: 25px;
        position: relative;
    }

        .table.generalTable tr th:before, table.generalTable tr td label {
            display: flex;
            position: absolute;
            top: -13px;
            left: 5px;
        }

        .table.generalTable tr th:before, table.generalTable tr .dataTables_empty {
            text-align: center !important;
            margin: 20px;
        }

    .pageCtn {
        padding: 0 0 10px 0 !important;
    }

}
