td {
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    border: 1px solid #ccc;
    align-content: center;
}

th {
    border: 1px solid #ccc;
    align-content: center;
}

.action-panel {
    position: absolute;
    display: none;
    background: #f5f5f5;
    border: 1px solid #ccc;
    padding: 5px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    z-index: 1000;
    border-radius: 5px;
}

.table {
    table-layout: fixed;
    width: 100%;
    min-width: 800px;
}

.table-container {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #dee2e6;
}

    .table-container .table thead th {
        position: sticky;
        top: -1px;
        z-index: 2;
        background-color: #f5f6f8;
        color: #000000;
    }

    .table-container .table tbody tr:hover {
        background-color: #f5f6f8 !important;
        cursor: pointer;
    }

    .table-container .no-data-grid {
        background-image: url('../images/no-data.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto;
    }

    .table-container .pagination-container {
        background-color: #f5f6f8;
        border-top: 1px solid #dee2e6;
        border-bottom: 1px solid #dee2e6;
    }

        .table-container .pagination-container select {
            height: 40px;
            width: 80px;
            cursor: pointer;
        }

        .table-container .pagination-container .pagination .page-link {
            background-color: #ffffff;
            color: #343a40;
            height: 40px;
        }

            .table-container .pagination-container .pagination .page-link:hover {
                background-color: #7d848a;
                color: #343a40;
            }

        .table-container .pagination-container .pagination .page-item.active .page-link {
            background-color: #1e1522;
            border-color: #1e1522;
            color: #fff;
        }