/* Override bootstrap - DataTable
-------------------------------------------------- */
.quartz-data-table th.sort-desc, .quartz-data-table th.sort-asc {
	background-color: #25397a;
}


.quartz-data-table .table-select {
	cursor: pointer;
}

.quartz-data-table th.filter {
	background-color: #25397a;
}

.quartz-data-table .quartz-filter-column {
	padding: 1px 3px 1px 3px;
	border: 1px solid #25397a;
	border-radius: 5px;
}

	.quartz-data-table .quartz-filter-column:hover {
		background: #596cab;
		border: 1px solid #444d69;
		cursor: pointer !important;
	}
.quartz-data-table .quartz-filter-column-enabled {
	background: #596cab;
	border: 1px solid #444d69;
	cursor: pointer !important;
}

	.quartz-data-table .table-per-page-option {
		cursor: pointer !important;
	}

.table-filter-clear:hover, .table-filter-reset:hover {
	background-color: #eee !important;
	border: 1px solid #aaa !important;
}

.quartz-data-table thead tr th .sortable {
	cursor: pointer !important;
}

.quartz-data-table tbody tr td.sort-column {
	border-right: 1px solid #dee2e6;
	border-left: 1px solid #dee2e6;
	background-color: #eeeeee !important;
}

.table-footer .page-item {
	cursor: pointer !important;
}

.table-per-page-dropdown, .table-per-page-menu {
	min-width: 4rem;
}

	.table-per-page-menu .active {
		background-color: #6c757d !important;
		color: #ffffff !important;
	}

.table-filter-active {
	background-color: #efefef !important;
}

.table-filter-menu {
	width: 100%;
}

.table-filter-body {
	max-height: 400px;
	overflow: auto;
}


@media (min-width: 768px) {
	.table-filter-menu {
		width: 40rem;
	}
}

.table-filter-menu .accordion-button {
	font-weight: bold;
}

	.table-filter-menu .accordion-button:not(.collapsed) {
		background-color: #ffffff !important;
	}

	.table-filter-menu .accordion-button:focus {
		box-shadow: none !important;
	}

.table-filter-menu .accordion-body {
	background-color: #efefef !important;
}
/* End Override bootstrap */

.quartz-validator-hidden {
	position: absolute;
	top: -50px;
	left: -500px;
	width: 10px;
	height: 10px;
}

.quartz-editor-button {
	background: #ccc;
	border: 1px solid #ccc;
	color: #000;
	border-bottom-left-radius: var(--bs-border-radius-sm);
	border-bottom-right-radius: var(--bs-border-radius-sm);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

	.quartz-editor-button:hover {
		background: #666;
		border: 1px solid #ccc;
		color: #fff;
	}


@media (min-width: 768px) {
	.quartz-currency-input-wrapper {
		width: 250px;
	}

	.quartz-percentage-input-wrapper {
		width: 150px;
	}
}