:root{
	/*--text-size: 14px;*/
	--text-size: 18px;
}
	.customGrid  {
		position: sticky;
		top: 0;
	}

	.table thead th {
		border-bottom: none;
	}

	.customGrid th {
		height: 30px !important;
		text-align: left;
		background-color: #e9ecef;
		color: black;
		font-size: var(--text-size);
		font-weight: bold;
		border-style: solid;
		border-width: 0 1px 0 0;
		border-color: white;
		padding: 4px !important;
        resize: horizontal!important;
        overflow: auto;
	}

	.customGrid td {
		padding: 4px !important;
		border: none;
		vertical-align: central;
		color: black;
		font-size: var(--text-size);
		font-weight: normal;
        max-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
	}

    .customGrid a {
        font-size: var(--text-size) !important;
    }

	.customGrid tr:nth-child(even) tr:nth-child(odd) {
		height: 40px;
	}

	.customGrid tr:nth-child(odd) {
		background-color: white;
	}

	.customGrid tr:nth-child(even) {
		background-color: #dee2e6;
	}

	.customGrid tr:hover {
		background-color: #ccd6d5;
		color: black;
		font-weight: normal; }

	.customGrid tr.selected {
		background-color: rgba(0, 51, 46, 0.75) !important;
		color: white !important;
		font-weight: bold !important;
	}

	.customGrid tr.selected * {
		color: white;
		font-weight: bold !important;
	}

	.small-11 {
		/*--text-size: 11px !important;*/
		--text-size: 15px !important;
		padding: 4px !important;
	}

.paginate_button {
		font-size: 11px;
        position: relative;
        display: block;
        /*padding: 0.5rem 0.75rem!important;*/
        margin-left: -1px !important;
        color: var(--primary);
        background-color: white;
        border: 1px solid #dee2e6 !important;
	}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: none;
}

table.dataTable tbody tr.selected>* {
    box-shadow: none;
}
table.dataTable.no-footer {
    border: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background-color: var(--primary);
    color: white !important;
}

table {
    width: 100% !important;
}