.tabulator{
	background-color:#fff;
	border:1px solid rgb(230,230,230);
	border-bottom-color: #fff; 
	
}

.tabulator .tabulator-header {
	border-color: rgb(210,210,210);
}
.tabulator .tabulator-header .tabulator-col {
	background: rgb(245,245,245);
	background: #f9f9fb;
	font-weight: normal;
	color: #222;
}
.tabulator-row.tabulator-row-even:not('.tabulator-selected')  {
	background-color:rgb(248,248,248);
	background-color: #f9f9fb;
}
.tabulator-row .tabulator-cell {
	border-bottom: 0px solid #aaa;
	border-color: rgb(230,230,230);
}
.tabulator-row.tabulator-selectable:not('.tabulator-selected'):hover {
	background-color: rgb(248,248,248);
	background-color: #f9f9fb;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
	background-color: rgb(240,240,240);
	background-color: #f9f9fb;
	
}
.tabulator .tabulator-header {
	background-color: rgb(248,248,248);
	background-color: #f9f9fb;
}
.tabulator-row .tabulator-cell.tabulator-row-header {
	background: transparent;
	border: 0px solid transparent;
	border-right: 1px solid rgb(230,230,230);
}
.tabulator .tabulator-selected {
	background-color: rgb(218, 232, 240,.8);
}
.tabulator .tabulator-selected.tabulator-row-even {
	background-color: rgb(218, 232, 240,.5); 
	
}

.tabulator-row.tabulator-selectable.tabulator-row-even:hover,
.tabulator-row.tabulator-selectable.tabulator-row-odd:hover  {
	background-color: #efefef;
	background-color: var(--wa-color-overlay-inline);
	
}
.tabulator-row.tabulator-row-even  {
	background-color: #efefef;
	background-color: white;
	
}
.tabulator-row.tabulator-row-even,
.tabulator-row.tabulator-row-odd  {
	border-bottom: 1px solid rgb(230,230,230);
}
.tabulator-row.tabulator-selectable:hover  {
	background-color: #fff;
}

.tabulator .tabulator-footer {
	background-image: linear-gradient(rgb(245,245,245), white);
	font-family: 'Poppins', sans-serif;
}
.tabulator .tabulator-headers {
	font-family: 'Poppins', sans-serif;
}
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
	background: rgb(250,250,250) !important;
}
/* Add this CSS to style your custom loader */
.table-loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8); /* semi-transparent overlay */
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 100;
}

.table-loader span {
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 5px solid #ccc;
	border-top: 5px solid #007bff;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
	border-right: 1px solid rgb(180,180,180);	
}
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
	border-right: 1px solid rgb(230,230,230);	
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

/* DARK */
.wa-dark .tabulator {
	background-color: rgb(30,30,30);
	border-color: #666;
}
.wa-dark .tabulator-row {
	background-color: rgb(30,30,30);
}
.wa-dark .tabulator .tabulator-header .tabulator-col {
	background: rgb(30,45,45);
	font-weight: normal;
	color: #ccc;
}
.wa-dark .tabulator-row.tabulator-row-even:not('.tabulator-selected')  {
	background-color:rgb(248,248,248);
}
.wa-dark .tabulator-row .tabulator-cell {
	border-bottom: 1px solid #aaa;
	border-color: rgb(230,230,230,.2);
	
}
.wa-dark .tabulator-row.tabulator-row-even,
.wa-dark .tabulator-row.tabulator-row-odd  {
	border-bottom: 1px solid rgb(230,230,230,.1);
}
.wa-dark .tabulator-row.tabulator-selectable:not('.tabulator-selected'):hover {
	background-color: rgb(30,30,30);	
}
.wa-dark .tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
	background-color: rgb(30,30,30);
}
.wa-dark .tabulator .tabulator-header {
	background-color: rgb(30,30,30);
}
.wa-dark .tabulator .tabulator-selected {
	background-color: rgb(30,30,30);
}
.wa-dark .tabulator .tabulator-selected.tabulator-row-even {
	background-color:rgb(30,30,30);
	
}
.wa-dark .wa-dark .tabulator-row.tabulator-row-even:not('.tabulator-selected')  {
	background-color:rgb(30,30,30);
}
.wa-dark .tabulator-row.tabulator-selectable.tabulator-row-even:hover,
.wa-dark .tabulator-row.tabulator-selectable.tabulator-row-odd:hover  {
	background-color: rgb(30,30,30);
	
}
.wa-dark .tabulator-row.tabulator-row-even  {
	background-color: #efefef;
	background-color: rgb(30,30,30);
}
.wa-dark .tabulator-row.tabulator-selectable:hover  {
	background-color: rgb(30,30,30);
}
.wa-dark .tabulator .tabulator-tableholder .tabulator-table {
	color: #ccc;
}