.ces-grid {
	.mask-container .mask-content > button {
		font-size: var(--ces-grid-mask-font-size);
	}	
}

.ces-grid-container 
{
	width: 100%;
	height: 100%;
	overflow-y: hidden;
	
	.ces-grid-table-container {
		width: 100%;
	}

	table
	{
		margin-bottom: 0px;
	
		:not(:last-child) > :last-child > * /* Overrides an unwanted border applied by bootstrap */
		{
			border-width: 0;
		}
	}
}

.ces-grid-fullscreen 
{
	position: fixed !important;
	top: 0px !important;
	left: 0px !important;
	z-index: 1000 !important;
	background-color: var(--ces-style-color-white); !important;
	border: 2px solid var(--ces-style-color-black) !important;
	width: calc(100% - 10px) !important;
	height: calc(100vh - 10px) !important;
	min-height: 75px !important;
	padding: 20px !important;
	margin: 5px !important;
}

.ces-grid-title {
	color: var(--ces-grid-title-color);
	padding-bottom: var(--ces-grid-title-border-bottom);
	font-size: var(--ces-grid-title-font-size);
	font-weight: var(--ces-grid-title-font-weight);
}

.ces-grid-table-container 
{
	font-size: var(--ces-grid-table-font-size);
	width: auto;
	height: 100%;

	thead th, tbody td, tfoot td {
		padding: var(--ces-grid-table-cell-padding);
	}

	thead
	{
		font-size: var(--ces-grid-table-header-font-size);

		th
		{
			background: var(--ces-grid-table-header-bg);
			color: var(--ces-grid-table-header-th-color);
			white-space: nowrap;
			border-top: var(--ces-grid-table-header-th-border-top) solid var(--ces-grid-theme-secondary-color) !important;
			border-bottom: var(--ces-grid-table-header-th-border-bottom) solid var(--ces-grid-theme-secondary-color) !important;
		}
		
		th[data-ces-sort-field] [data-selector="column-sort-content"]:hover {
			background-color: var(--ces-grid-table-header-th-bg-color-hover);
			color: var(--ces-grid-table-header-th-color-hover);
			cursor: var(--ces-grid-table-header-th-cursor-hover), all-scroll;
		}

		th:first-of-type {
			border-top-left-radius: var(--ces-grid-table-header-border-radius);
		}

		th:last-of-type {
			padding-right: var(--ces-grid-table-header-th-lastoftype-padding-right);
			border-top-right-radius: var(--ces-grid-table-header-border-radius);

			.ces-grid-column-divider {
				display: none;
			}
		}
	}
	
	tbody
	{
		font-size: var(--ces-grid-table-font-size);
	}
	
	tfoot
	{
		font-size: var(--ces-grid-table-footer-font-size);
		font-weight: var(--ces-grid-table-footer-font-weight);

		td
		{
			background: var(--ces-grid-table-footer-bg);
			color: var(--ces-grid-table-footer-td-color);
			white-space: nowrap;
			border-top: var(--ces-grid-table-footer-td-border-top) solid var(--ces-grid-theme-secondary-color) !important;
			border-bottom: var(--ces-grid-table-footer-td-border-bottom) solid var(--ces-grid-theme-secondary-color) !important;
		}

		td:first-of-type {
			border-bottom-left-radius: var(--ces-grid-table-footer-border-radius);
		}

		td:last-of-type {
			border-bottom-right-radius: var(--ces-grid-table-footer-border-radius);
			padding-right: var(--ces-grid-table-footer-td-lastoftype-padding-right);
			
			.ces-grid-column-divider {
				display: none;
			}
		}
	}
	
	.scrollable
	{
		overflow-y: auto;
		
		table
		{
			border-collapse: separate;
			border-spacing: 0;
		}

		thead 
		{
			position: sticky;
			top: 0;
		}
		
		tfoot 
		{
			position: sticky;
			bottom: 0;
		}
	}
	
	.ces-grid-column-divider {
		display: inline-block;
		background: var(--ces-grid-table-column-divider-bg);
		margin: 0 0 0 6px;
		padding: 0;
		width: 2px;
		min-height: calc(100% - 6px);
	}

	.ces-grid-header-feature {
		color: var(--ces-grid-table-header-feature-color);
		display: inline-block;
		background: var(--ces-grid-table-header-feature-bg);
		margin: 0 0 0 1px;
		padding: 0 4px;
		text-align: center;
		width: 17px;

		:hover {
			color: var(--ces-grid-table-header-feature-color-hover);
			cursor: pointer;
		}
	}

	.ces-grid-header-feature:first-of-type {
		margin-left: 10px;
	}

	.ces-grid-header-feature.active {
		color: var(--ces-grid-table-header-feature-color-active) !important;
	}
}

.ces-grid-row {
	background-color: var(--ces-style-color-white);
}

.ces-grid-row.row-hover:hover {
	background-color: var(--ces-grid-row-hover) !important;
	cursor: pointer;
}

.ces-grid-row.row-alt {
	background-color: var(--ces-grid-row-alt);
}

.ces-grid-row[data-expanded="true"] [data-id="row-expand-icon"] {
	background-color: var(--ces-grid-row-expand-icon-background-color-selected) !important;
	cursor: pointer;
}

.ces-grid-row [data-id="row-expand-icon"]:hover {
	border-color: var(--ces-grid-row-expand-icon-border-color-hover) !important;
	cursor: pointer;
}

.ces-grid-row-header {
	background-color: var(--ces-style-color-white);
}

.ces-grid-row-footer 
{
	background-color: var(--ces-style-color-white);
}

.ces-grid-cell {
}

.ces-grid-cell.center {
	text-align: center;
}

.ces-grid-cell.left {
	text-align: left;
}

.ces-grid-cell.right {
	text-align: right;
}

.ces-grid-cell-shrink {
	white-space: nowrap;
	width: 1rem;
}

.ces-grid-cell-footer {
	.ces-grid-cell-footer-calc-label {
		color: var(--ces-grid-table-footer-td-label-color);
	}
}

.ces-grid-cell-header {

}

.ces-grid-link 
{
	cursor: pointer;
	margin-bottom: 4px;
	
	.disabled
{
	color: var(--ces-style-color-darkgrey-scale1); /*var(--ces-style-color-darkgrey);*/
	margin-bottom: 4px;
}
}

.ces-grid-paging-bar {
	border-top: var(--ces-grid-pagingbar-border-top);
	color: var(--ces-grid-pagingbar-color);
	margin-top: .25rem;
	padding-top: .25em;
	div .input-group-text {
		color: inherit;
		font-size: var(--ces-grid-pagingbar-input-group-text-font-size);
		padding: 0; /*var(--ces-grid-pagingbar-input-group-text-padding);*/
		background-color: var(--ces-style-color-transparent);
		border: 0;
	}

	div.input-group-text[data-id="ces-grid-paging-selection"] {
		border-top: 1px solid var(--ces-grid-btn-paging-custom-border-color);
		border-bottom: 1px solid var(--ces-grid-btn-paging-custom-border-color);
	}

	div > select {
		border: 0;
		color: var(--ces-grid-pagingbar-select-color);
		text-align: center;
	}

	.btn-ces-grid-paging-custom {
		padding: var(--ces-grid-btn-paging-custom-padding) !important;
	}

	.btn-ces-grid-paging-custom:focus,
	.btn-ces-grid-paging-custom:active:focus {
		box-shadow: none;
	}
}

.ces-grid-tool-bar {
	margin-bottom: .25rem;
	div:not(:first-child) {
		margin-left: 4px;
	}
	i {
		color: var(--ces-grid-toolbar-icon-color);
		font-size: var(--ces-grid-toolbar-icon-font-size);
	}
	i:hover {
		color: var(--ces-grid-toolbar-icon-color-hover);
	}
	div.input-group-text {
		font-size: var(--ces-grid-toolbar-input-group-text-font-size);
		padding: var(--ces-grid-toolbar-input-group-text-padding);
	}
	input {
		font-size: var(--ces-grid-toolbar-input-font-size);
		height: var(--ces-grid-filter-bar-height);
		padding: var(--ces-grid-toolbar-input-padding) !important;
	}
}

.ces-grid-filter-bar {
	font-size: var(--ces-grid-filter-bar-font-size);
	padding: 2px;
	margin-bottom: 4px;
	background-color: var(--ces-style-color-white);
	border: 1px solid var(--ces-style-color-lightgrey-scale2);
	border-radius: 5px;
	width: 100%;
	height: var(--ces-grid-filter-bar-height);

	.ces-grid-filter-bar-item.btn,
	.ces-grid-filter-bar-item > .btn {
		/*margin-right: .1rem;*/
		padding: var(--ces-grid-filter-bar-item-padding);
		font-size: var(--ces-grid-filter-bar-item-font-size);
		border-radius: var(--ces-grid-filter-bar-item-border-radius);
		
		i {
			font-size: var(--ces-grid-filter-bar-item-icon-font-size);
			line-height: var(--ces-grid-filter-bar-item-icon-line-height);
			vertical-align: var(--ces-grid-filter-bar-item-icon-vertical-align);
		}
	}

	.ces-grid-filter-bar-item > .btn+.btn {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

	.ces-grid-filter-bar-item > .btn:not(:last-child) {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.ces-grid-filter-bar-clear {
		padding: var(--ces-grid-filter-bar-clear-padding);
		font-size: var(--ces-grid-filter-bar-clear-font-size);
		border-radius: var(--ces-grid-filter-bar-clear-border-radius);
	}
}

.ces-grid-feature-popover-focus-mask {
	z-index: 1000;
	background-color: var(--ces-grid-feature-popover-focus-mask-bg-color);
	opacity: var(--ces-grid-feature-popover-focus-mask-opacity);
	width: 100%;
	height: 100%;
}

.ces-grid-feature-popover {
	.popover-header { /* overwrites bootstrap class */
		background-color: var(--ces-grid-feature-popover-header-bg-color);
		color: var(--ces-grid-feature-popover-header-color);
		font-size: var(--ces-grid-feature-popover-header-font-size);
		font-weight: var(--ces-grid-feature-popover-header-font-weight);
	}

	.popover-body { /* overwrites bootstrap class */
		background-color: var(--ces-grid-feature-popover-body-bg-color);
		color: var(--ces-grid-feature-popover-body-color);
		padding: var(--ces-grid-feature-popover-body-padding);
	}

	.ces-grid-feature-popover-footer {
		color: var(--ces-grid-feature-popover-footer-color);
		background-color: var(--ces-grid-feature-popover-footer-bg-color);
		font-size: var(--ces-grid-feature-popover-footer-font-size);
		font-weight: var(--ces-grid-feature-popover-footer-font-weight);
		text-align: var(--ces-grid-feature-popover-footer-text-align);
	}
	
	.ces-grid-feature-popover-filter-list {
		overflow: auto;
		min-height: 27px;
		max-height: 200px;
	}

	.ces-grid-feature-popover-button {
		border: 1px solid var(--ces-style-color-transparent);
		color: var(--ces-style-color-darkgrey-scale1); /*var(--ces-style-color-darkgrey);*/
	}

	.ces-grid-feature-popover-button:hover {
		border-color: var(--ces-style-color-darkgrey-scale1); /*var(--ces-style-color-darkgrey);*/
		cursor: pointer;
	}

	.ces-grid-feature-popover-filter-list-item {
		border-radius: 0;
	}

	.ces-grid-feature-popover-filter-list-item:hover {
		cursor: pointer;
		background-color: var(--ces-style-color-lightgrey-scale2); /*var(--ces-style-color-lightgrey);*/
	}

	.ces-grid-feature-popover-filter-list-item.selected {
		color: var(--ces-grid-feature-popover-filter-list-item-color-selected);
		background-color: var(--ces-grid-feature-popover-filter-list-item-bg-color-selected);
	}
	
	.ces-grid-feature-popover-sort-list {
		overflow: auto;
		min-height: 27px;
		max-height: 200px;
	}

	.ces-grid-feature-popover-sort-list-item {
		border-radius: 0;
	}

	.ces-grid-feature-popover-sort-list-item:hover {
		cursor: pointer;
		background-color: var(--ces-style-color-lightgrey-scale2); /*var(--ces-style-color-lightgrey);*/
	}

	.ces-grid-feature-popover-sort-list-item:active:hover {
		cursor: grabbing;
	}

	.ces-grid-feature-popover-sort-list-item.selected {
		/*
		color: var(--ces-grid-feature-popover-sort-list-item-color-selected);
		background-color: var(--ces-grid-feature-popover-sort-list-item-bg-color-selected);
		*/
	}
}

.ces-grid-feature-popover.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.ces-grid-feature-popover.bs-popover-top > .popover-arrow::after { /* overwrites bootstrap class */
	border-top-color: var(--ces-grid-feature-popover-header-bg-color) !important;
}

.ces-grid-feature-popover.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.ces-grid-feature-popover.bs-popover-bottom > .popover-arrow::after { /* overwrites bootstrap class */
	border-bottom-color: var(--ces-grid-feature-popover-header-bg-color) !important;
}

.ces-grid-feature-popover.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.ces-grid-feature-popover.bs-popover-end > .popover-arrow::after { /* overwrites bootstrap class */
	border-right-color: var(--ces-grid-feature-popover-body-bg-color) !important;
}

.ces-grid-feature-popover.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.ces-grid-feature-popover.bs-popover-start > .popover-arrow::after { /* overwrites bootstrap class */
	border-left-color: var(--ces-grid-feature-popover-body-bg-color) !important;
}
/* This specification doesn't appear to be supported yet */
/*
@page {
	@top-left {
		content: element(printViewHeader);
	}

	@bottom-left {
		content: element(printViewFooter);
	}
}

.ces-grid-print-view-header {
	position: running(printViewHeader);
}

.ces-grid-print-view-footer {
	position: running(printViewFooter);
}
*/

@media print {
	:not(html, header, body, .ces-grid-print, .ces-grid-print-items) {
		display: none;
	}

	.ces-grid-print { /* TODO */
		position: absolute !important;
		top: 0px !important;
		left: 0px !important;
		background-color: white !important;
		border: 0;
		width: calc(100% - 0px) !important;
		height: calc(100vh - 0px) !important;
		min-height: 75px !important;
		padding: 20px !important;
		margin: 0 !important;
	}

	.ces-grid {
		height: initial !important;
	}

	.ces-grid-table-container {
		.scrollable {
			height: initial !important;
			overflow-y: initial;
		}

		.ces-grid-title-for-print {
			display: inline-block;
		}

		.ces-grid-print-view-footer {
			display: block !important;
		}

		.ces-grid-tool-bar,
		.ces-grid-filter-bar, 
		.ces-grid-paging-bar,
		.ces-grid-column-divider {
			display: none !important;
		}
		
		.ces-grid-table > table tr.printable {
			display: table-row !important;
		}	
	}
}

/*COLOR*/
/*-----BLUE */
.ces-grid.blue,
.ces-grid-feature-popover.blue {
	--ces-grid-theme-primary-color: #489ced;
	--ces-grid-theme-secondary-color: #104da0;
	--ces-grid-theme-tertiary-color: #d7e9fb;
	--ces-grid-toolbar-icon-color-hover: var(--ces-grid-theme-secondary-color);
	--ces-grid-table-column-divider-bg: var(--ces-grid-theme-secondary-color);
	--ces-grid-table-footer-bg: linear-gradient(180deg, var(--ces-grid-theme-primary-color) 85%, var(--ces-grid-theme-tertiary-color) 100%);
	--ces-grid-table-footer-border-radius: .25rem;
	--ces-grid-table-footer-td-border-top: 0;
	--ces-grid-table-footer-td-border-bottom: 0;
	--ces-grid-table-footer-td-color: var(--ces-style-color-white);
	--ces-grid-table-header-bg: linear-gradient(0deg, var(--ces-grid-theme-primary-color) 85%, var(--ces-grid-theme-tertiary-color) 100%);
	--ces-grid-table-header-border-radius: .25rem;
	--ces-grid-table-header-th-color-hover: var(--ces-grid-theme-secondary-color);
	--ces-grid-table-header-th-cursor-hover: var(--ces-style-cursor-scroll-white);
	--ces-grid-table-header-th-color: var(--ces-style-color-white);
	--ces-grid-table-header-th-border-top: 0;
	--ces-grid-table-header-th-border-bottom: 0;
	--ces-grid-table-header-feature-bg: linear-gradient(0deg, var(--ces-grid-theme-secondary-color) 85%, var(--ces-grid-theme-tertiary-color) 100%);
	--ces-grid-table-header-feature-color: var(--ces-grid-table-header-th-color);
	--ces-grid-table-header-feature-color-active: var(--ces-style-color-lightred);
	--ces-grid-filter-popover-list-item-bg-color-selected: var(--ces-grid-theme-secondary-color);
}

/*-----GREEN */
.ces-grid.green,
.ces-grid-feature-popover.green {
	--ces-grid-theme-primary-color: #529151;
	--ces-grid-theme-secondary-color: #1a5a05;
	--ces-grid-theme-tertiary-color: #e0eee0;
	--ces-grid-toolbar-icon-color-hover: var(--ces-grid-theme-secondary-color);
	--ces-grid-table-column-divider-bg: var(--ces-grid-theme-secondary-color);
	--ces-grid-table-footer-bg: linear-gradient(180deg, var(--ces-grid-theme-primary-color) 85%, var(--ces-grid-theme-tertiary-color) 100%);
	--ces-grid-table-footer-border-radius: .25rem;
	--ces-grid-table-footer-td-border-top: 0;
	--ces-grid-table-footer-td-border-bottom: 0;
	--ces-grid-table-footer-td-color: var(--ces-style-color-white);
	--ces-grid-table-header-bg: linear-gradient(0deg, var(--ces-grid-theme-primary-color) 85%, var(--ces-grid-theme-tertiary-color) 100%);
	--ces-grid-table-header-border-radius: .25rem;
	--ces-grid-table-header-th-color-hover: var(--ces-grid-theme-secondary-color);
	--ces-grid-table-header-th-cursor-hover: var(--ces-style-cursor-scroll-white);
	--ces-grid-table-header-th-color: var(--ces-style-color-white);
	--ces-grid-table-header-th-border-top: 0;
	--ces-grid-table-header-th-border-bottom: 0;
	--ces-grid-table-header-feature-bg: linear-gradient(0deg, var(--ces-grid-theme-secondary-color) 85%, var(--ces-grid-theme-tertiary-color) 100%);
	--ces-grid-table-header-feature-color: var(--ces-grid-table-header-th-color);
	--ces-grid-table-header-feature-color-active: var(--ces-style-color-lightred);
	--ces-grid-filter-popover-list-item-bg-color-selected: var(--ces-grid-theme-secondary-color);
}

/*-----ORANGE */
.ces-grid.orange,
.ces-grid-feature-popover.orange {
	--ces-grid-theme-primary-color: #d48858;
	--ces-grid-theme-secondary-color: #9d6106;
	--ces-grid-theme-tertiary-color: #f8ece4;
	--ces-grid-toolbar-icon-color-hover: var(--ces-grid-theme-secondary-color);
	--ces-grid-table-column-divider-bg: var(--ces-grid-theme-secondary-color);
	--ces-grid-table-footer-bg: linear-gradient(180deg, var(--ces-grid-theme-primary-color) 85%, var(--ces-grid-theme-tertiary-color) 100%);
	--ces-grid-table-footer-border-radius: .25rem;
	--ces-grid-table-footer-td-border-top: 0;
	--ces-grid-table-footer-td-border-bottom: 0;
	--ces-grid-table-footer-td-color: var(--ces-style-color-white);
	--ces-grid-table-header-bg: linear-gradient(0deg, var(--ces-grid-theme-primary-color) 85%, var(--ces-grid-theme-tertiary-color) 100%);
	--ces-grid-table-header-border-radius: .25rem;
	--ces-grid-table-header-th-color-hover: var(--ces-style-color-gold);
	--ces-grid-table-header-th-cursor-hover: var(--ces-style-cursor-scroll-white);
	--ces-grid-table-header-th-color: var(--ces-style-color-white);
	--ces-grid-table-header-th-border-top: 0;
	--ces-grid-table-header-th-border-bottom: 0;
	--ces-grid-table-header-feature-bg: linear-gradient(0deg, var(--ces-grid-theme-secondary-color) 85%, var(--ces-grid-theme-tertiary-color) 100%);
	--ces-grid-table-header-feature-color: var(--ces-grid-table-header-th-color);
	--ces-grid-table-header-feature-color-active: var(--ces-style-color-lightred);
	--ces-grid-filter-popover-list-item-bg-color-selected: var(--ces-grid-theme-secondary-color);
}

/*-----BLACK */
.ces-grid.black,
.ces-grid-feature-popover.black {
	--ces-grid-theme-primary-color: #000000;
	--ces-grid-theme-secondary-color: #646363;
	--ces-grid-theme-tertiary-color: var(--ces-style-color-lightgrey-scale1);
	--ces-grid-toolbar-icon-color-hover: var(--ces-grid-theme-secondary-color);
	--ces-grid-table-column-divider-bg: var(--ces-grid-theme-secondary-color);
	--ces-grid-table-footer-bg: linear-gradient(180deg, var(--ces-grid-theme-primary-color) 85%, var(--ces-grid-theme-tertiary-color) 100%);
	--ces-grid-table-footer-border-radius: .25rem;
	--ces-grid-table-footer-td-border-top: 0;
	--ces-grid-table-footer-td-border-bottom: 0;
	--ces-grid-table-footer-td-color: var(--ces-style-color-white);
	--ces-grid-table-header-bg: linear-gradient(0deg, var(--ces-grid-theme-primary-color) 85%, var(--ces-grid-theme-tertiary-color) 100%);
	--ces-grid-table-header-border-radius: .25rem;
	--ces-grid-table-header-th-color: var(--ces-style-color-white);
	--ces-grid-table-header-th-color-hover: var(--ces-grid-theme-secondary-color);
	--ces-grid-table-header-th-cursor-hover: var(--ces-style-cursor-scroll-white);
	--ces-grid-table-header-th-border-top: 0;
	--ces-grid-table-header-th-border-bottom: 0;
	--ces-grid-table-header-feature-bg: linear-gradient(0deg, var(--ces-grid-theme-secondary-color) 85%, var(--ces-grid-theme-tertiary-color) 100%);
	--ces-grid-table-header-feature-color: var(--ces-grid-table-header-th-color);
	--ces-grid-table-header-feature-color-active: var(--ces-style-color-lightred);
	--ces-grid-filter-popover-list-item-bg-color-selected: var(--ces-grid-theme-secondary-color);
}

/*-----WHITE */
.ces-grid.white,
.ces-grid-feature-popover.white {
	--ces-grid-theme-primary-color: #ffffff;
	--ces-grid-theme-secondary-color: #dddddd;
	--ces-grid-theme-tertiary-color: var(--ces-style-color-lightgrey-scale1);
	--ces-grid-toolbar-icon-color-hover: var(--ces-grid-theme-secondary-color);
	--ces-grid-table-column-divider-bg: var(--ces-grid-theme-secondary-color);
	--ces-grid-table-footer-bg: var(--ces-grid-theme-primary-color);
	--ces-grid-table-footer-td-border-top: 0;
	--ces-grid-table-header-bg: var(--ces-grid-theme-primary-color);
	--ces-grid-table-header-th-bg-color-hover: var(--ces-style-color-lightgrey-scale1);
	--ces-grid-table-header-th-color-hover: var(--ces-style-color-black);
	--ces-grid-table-header-th-border-top: 0;
	--ces-grid-table-header-feature-bg: linear-gradient(0deg, var(--ces-grid-theme-secondary-color) 85%, var(--ces-grid-theme-primary-color) 100%);
	--ces-grid-table-header-feature-color-hover: var(--ces-style-color-darkgold);
	--ces-grid-table-header-feature-color-active: var(--ces-style-color-red);
	--ces-grid-filter-popover-list-item-bg-color-selected: var(--ces-grid-theme-secondary-color);
	--ces-grid-filter-popover-list-item-color-selected: var(--ces-style-color-black);
}

/*COMPATIBILITY*/
/*-----BOOTSTRAP 4 */
.ces-grid.bs4,
.ces-grid-feature-popover.bs4 {
	.btn > i.fa, 
	.btn > i.fab, 
	.btn > i.fal, 
	.btn > i.far, 
	.btn > i.fas {
		line-height: inherit;
	}
	.btn-group-sm>.btn, .btn-sm {
		line-height: 1.25;
	}
	.btn-group-xs>.btn, .btn-xs {
		line-height: .75;
        font-size: .65rem;
        padding: .25rem;
	}
	.input-group-sm > .input-group-prepend > .input-group-text {
		padding: var(--ces-grid-toolbar-input-group-text-padding);
		font-size: var(--ces-grid-toolbar-input-group-text-font-size);
		line-height: .75;
	}
	.input-group-sm > .form-control:not(textarea) {
		height: var(--ces-grid-toolbar-input-group-height);
	}
	.fa-xs {
		font-size: .75em;
		line-height: 2em;
		vertical-align: .05357em;
	}
	.me-1 {
		margin-right: .25rem !important;
	}
	.me-2 {
		margin-right: .5rem !important;
	}
	.me-3 {
		margin-right: 1rem !important;
	}
	.me-4 {
		margin-right: 1.5rem !important;
	}
	.me-5 {
		margin-right: 3rem !important;
	}
	.ms-1 {
		margin-left: .25rem !important;
	}
	.ms-2 {
		margin-left: .5rem !important;
	}
	.ms-3 {
		margin-left: 1rem !important;
	}
	.ms-4 {
		margin-left: 1.5rem !important;
	}
	.ms-5 {
		margin-left: 3rem !important;
	}
	.pe-1 {
		padding-right: .25rem !important;
	}
	.pe-2 {
		padding-right: .5rem !important;
	}
	.pe-3 {
		padding-right: 1rem !important;
	}
	.pe-4 {
		padding-right: 1.5rem !important;
	}
	.pe-5 {
		padding-right: 3rem !important;
	}
	.ps-1 {
		padding-left: .25rem !important;
	}
	.ps-2 {
		padding-left: .5rem !important;
	}
	.ps-3 {
		padding-left: 1rem !important;
	}
	.ps-4 {
		padding-left: 1.5rem !important;
	}
	.ps-5 {
		padding-left: 3rem !important;
	}
}
.ces-grid-feature-popover-focus-mask.bs4 {
	left: 0 !important;
	top: 0 !important;
}
/*SPACING*/
.ces-grid.xthin {
	--ces-grid-btn-paging-custom-padding: .15rem .25rem;
	--ces-grid-table-cell-padding: 0px 3px;
	--ces-grid-table-header-th-lastoftype-padding-right: 0;
	--ces-grid-title-border-bottom: .1rem;
	--ces-grid-toolbar-input-padding: .15rem .25rem;
	--ces-grid-toolbar-input-group-text-padding: var(--ces-grid-toolbar-input-padding);
}

.ces-grid.thin {
	--ces-grid-btn-paging-custom-padding: .25rem .5rem;
	--ces-grid-table-cell-padding: 1px 4px;
	--ces-grid-table-header-th-lastoftype-padding-right: 1px;
	--ces-grid-title-border-bottom: .15rem;
	--ces-grid-toolbar-input-padding: .25rem .5rem;
	--ces-grid-toolbar-input-group-text-padding: var(--ces-grid-toolbar-input-padding);
}

.ces-grid.wide {
	--ces-grid-btn-paging-custom-padding: .45rem .5rem;
	--ces-grid-table-cell-padding: 3px 6px;
	--ces-grid-table-header-th-lastoftype-padding-right: 3px;
	--ces-grid-title-border-bottom: .45rem;
	--ces-grid-toolbar-input-padding: .45rem .5rem;
	--ces-grid-toolbar-input-group-text-padding: var(--ces-grid-toolbar-input-padding);
}

.ces-grid.xwide {
	--ces-grid-btn-paging-custom-padding: .6rem .6rem;
	--ces-grid-table-cell-padding: 4px 7px;
	--ces-grid-table-header-th-lastoftype-padding-right: 4px;
	--ces-grid-title-border-bottom: .6rem;
	--ces-grid-toolbar-input-padding: .6rem .6rem;
	--ces-grid-toolbar-input-group-text-padding: var(--ces-grid-toolbar-input-padding);
}

/*TEXT*/
.ces-grid.xl {
	--ces-grid-base-font-size: .95rem;
	--ces-grid-mask-font-size: var(--ces-grid-base-font-size);
	--ces-grid-pagingbar-input-group-text-font-size: calc(var(--ces-grid-base-font-size) - .1rem);
	--ces-grid-title-font-size: calc(var(--ces-grid-base-font-size) + .15rem);
	--ces-grid-table-font-size: var(--ces-grid-base-font-size);
	--ces-grid-table-footer-font-size: calc(var(--ces-grid-base-font-size) - .15rem);
	--ces-grid-table-header-font-size: calc(var(--ces-grid-base-font-size) - .05rem);
	--ces-grid-table-body-font-size: var(--ces-grid-base-font-size);
	--ces-grid-toolbar-icon-font-size: 2rem;
	--ces-grid-toolbar-input-font-size: calc(var(--ces-grid-base-font-size) - .025rem);
	--ces-grid-toolbar-input-group-height: 42px;
	--ces-grid-toolbar-input-group-text-font-size: calc(var(--ces-grid-base-font-size) - .1rem);
	--ces-grid-filter-bar-clear-border-radius: .15rem;
	--ces-grid-filter-bar-clear-font-size: var(--ces-grid-base-font-size);
	--ces-grid-filter-bar-clear-padding: .40rem .75rem;
	--ces-grid-filter-bar-font-size: var(--ces-grid-base-font-size);
	--ces-grid-filter-bar-height: 42px;
	--ces-grid-filter-bar-item-border-radius: .15rem;
	--ces-grid-filter-bar-item-font-size: var(--ces-grid-base-font-size);
	--ces-grid-filter-bar-item-padding: .4rem .75rem;
	--ces-grid-filter-bar-item-icon-font-size: calc(var(--ces-grid-base-font-size) + .05rem);
	--ces-grid-filter-bar-item-icon-line-height: .07143rem;
	--ces-grid-filter-bar-item-icon-vertical-align: .05357rem;
}

.ces-grid.lg {
	--ces-grid-base-font-size: .9rem;
	--ces-grid-mask-font-size: var(--ces-grid-base-font-size);
	--ces-grid-title-font-size: calc(var(--ces-grid-base-font-size) + .15rem);
	--ces-grid-pagingbar-input-group-text-font-size: calc(var(--ces-grid-base-font-size) - .1rem);
	--ces-grid-table-font-size: var(--ces-grid-base-font-size);
	--ces-grid-table-footer-font-size: calc(var(--ces-grid-base-font-size) - .15rem);
	--ces-grid-table-header-font-size: calc(var(--ces-grid-base-font-size) - .05rem);
	--ces-grid-table-body-font-size: var(--ces-grid-base-font-size);
	--ces-grid-toolbar-icon-font-size: 1.8rem;
	--ces-grid-toolbar-input-font-size: calc(var(--ces-grid-base-font-size) - .05rem);
	--ces-grid-toolbar-input-group-height: 38px;
	--ces-grid-toolbar-input-group-text-font-size: calc(var(--ces-grid-base-font-size) - .1rem);
	--ces-grid-filter-bar-clear-border-radius: .15rem;
	--ces-grid-filter-bar-clear-font-size: calc(var(--ces-grid-base-font-size) - .05rem);
	--ces-grid-filter-bar-clear-padding: .35rem .65rem;
	--ces-grid-filter-bar-font-size: calc(var(--ces-grid-base-font-size) - .05rem);
	--ces-grid-filter-bar-height: 38px;
	--ces-grid-filter-bar-item-border-radius: .15rem;
	--ces-grid-filter-bar-item-font-size: calc(var(--ces-grid-base-font-size) - .05rem);
	--ces-grid-filter-bar-item-padding: .35rem .65rem;
	--ces-grid-filter-bar-item-icon-font-size: calc(var(--ces-grid-base-font-size) + .05rem);
	--ces-grid-filter-bar-item-icon-line-height: .07143rem;
	--ces-grid-filter-bar-item-icon-vertical-align: .05357rem;
}

.ces-grid.sm {
	--ces-grid-base-font-size: .8rem;
	--ces-grid-mask-font-size: var(--ces-grid-base-font-size);
	--ces-grid-pagingbar-input-group-text-font-size: calc(var(--ces-grid-base-font-size) - .1rem);
	--ces-grid-title-font-size: calc(var(--ces-grid-base-font-size) + .1rem);
	--ces-grid-table-font-size: var(--ces-grid-base-font-size);
	--ces-grid-table-footer-font-size: calc(var(--ces-grid-base-font-size) - .15rem);
	--ces-grid-table-header-font-size: calc(var(--ces-grid-base-font-size) - .05rem);
	--ces-grid-table-body-font-size: var(--ces-grid-base-font-size);
	--ces-grid-toolbar-icon-font-size: 1.45rem;
	--ces-grid-toolbar-input-font-size: var(--ces-grid-base-font-size);
	--ces-grid-toolbar-input-group-height: 30px;
	--ces-grid-toolbar-input-group-text-font-size: calc(var(--ces-grid-base-font-size) - .1rem);
	--ces-grid-filter-bar-clear-border-radius: .15rem;
	--ces-grid-filter-bar-clear-font-size: calc(var(--ces-grid-base-font-size) - .05rem);
	--ces-grid-filter-bar-clear-padding: .18rem .35rem;
	--ces-grid-filter-bar-font-size: var(--ces-grid-base-font-size);
	--ces-grid-filter-bar-height: 30px;
	--ces-grid-filter-bar-item-border-radius: .15rem;
	--ces-grid-filter-bar-item-font-size: calc(var(--ces-grid-base-font-size) - .05rem);
	--ces-grid-filter-bar-item-padding: .18rem .35rem;
	--ces-grid-filter-bar-item-icon-font-size: calc(var(--ces-grid-base-font-size) + .05rem);
	--ces-grid-filter-bar-item-icon-line-height: .07143rem;
	--ces-grid-filter-bar-item-icon-vertical-align: .05357rem;
}

.ces-grid.xs {
	--ces-grid-base-font-size: .75rem;
	--ces-grid-mask-font-size: var(--ces-grid-base-font-size);
	--ces-grid-pagingbar-input-group-text-font-size: calc(var(--ces-grid-base-font-size) - .1rem);
	--ces-grid-title-font-size: calc(var(--ces-grid-base-font-size) + .1rem);
	--ces-grid-table-font-size: var(--ces-grid-base-font-size);
	--ces-grid-table-footer-font-size: calc(var(--ces-grid-base-font-size) - .15rem);
	--ces-grid-table-header-font-size: calc(var(--ces-grid-base-font-size) - .05rem);
	--ces-grid-table-body-font-size: var(--ces-grid-base-font-size);
	--ces-grid-toolbar-icon-font-size: 1.3rem;
	--ces-grid-toolbar-input-font-size: calc(var(--ces-grid-base-font-size) - .025rem);
	--ces-grid-toolbar-input-group-height: 27px;
	--ces-grid-toolbar-input-group-text-font-size: calc(var(--ces-grid-base-font-size) - .1rem);
	--ces-grid-filter-bar-clear-border-radius: .15rem;
	--ces-grid-filter-bar-clear-font-size: calc(var(--ces-grid-base-font-size) - .05rem);
	--ces-grid-filter-bar-clear-padding: .12rem .25rem;
	--ces-grid-filter-bar-font-size: var(--ces-grid-base-font-size);
	--ces-grid-filter-bar-height: 27px;
	--ces-grid-filter-bar-item-border-radius: .15rem;
	--ces-grid-filter-bar-item-font-size: calc(var(--ces-grid-base-font-size) - .15rem);
	--ces-grid-filter-bar-item-padding: .12rem .25rem;
	--ces-grid-filter-bar-item-icon-font-size: var(--ces-grid-base-font-size);
	--ces-grid-filter-bar-item-icon-line-height: .07143rem;
	--ces-grid-filter-bar-item-icon-vertical-align: .05357rem;
}
.fs-7 {
	font-size: .75rem !important;
}

.fa-xs {
	font-size: .75em;
	line-height: .07143em;
	vertical-align: .05357em;
}

.btn-xs, 
.btn-group-xs>.btn {
	padding: .10rem .25rem;
	font-size: .65rem;
	border-radius: .15rem;
}

.btn-ces-grid-custom {
	color: var(--ces-grid-btn-custom-color);
	background-color: var(--ces-grid-btn-custom-background-color);
	border-color: var(--ces-grid-btn-custom-border-color);
}

.btn-ces-grid-custom:hover {
	color: var(--ces-grid-btn-custom-color-hover);
	background-color: var(--ces-grid-btn-custom-background-color-hover);
	border-color: var(--ces-grid-btn-custom-border-color-hover);
}

.btn-ces-grid-paging-custom {
	color: var(--ces-grid-btn-paging-custom-color);
	background-color: var(--ces-grid-btn-paging-custom-background-color);
	border-color: var(--ces-grid-btn-paging-custom-border-color);
}

.btn-ces-grid-paging-custom:hover {
	color: var(--ces-grid-btn-paging-custom-color-hover);
	background-color: var(--ces-grid-btn-paging-custom-background-color-hover);
	border-color: var(--ces-grid-btn-paging-custom-border-color-hover);
}
/* Mask */
.mask-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

	.mask-container .mask {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(to bottom, #000000, #808080);
		opacity: 0.15;
		z-index: 2001;
	}

	.mask-container .mask-content {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
	}

		.mask-container .mask-content > button {
			z-index: 2000;
		}

:root {
	/* Bootstrap Colors */
	--ces-style-bs-color-secondary: #6c757d;
	/* Grey Scale*/
	--ces-style-color-darkgrey-scale1: #a0a0a0;
	--ces-style-color-darkgrey-scale2: #878787;
	--ces-style-color-darkgrey-scale3: #7a7a7a;
	--ces-style-color-darkgrey-scale4: #565656;
	--ces-style-color-darkgrey-scale5: #212121;
	--ces-style-color-lightgrey-scale1: #f0f0f0;
	--ces-style-color-lightgrey-scale2: #dddddd;
	--ces-style-color-lightgrey-scale3: #c4c4c4;
	--ces-style-color-lightgrey-scale4: #bbbbbb;
	--ces-style-color-lightgrey-scale5: #b1b1b1;
	/* General Colors */
	--ces-style-color-black: black;
	--ces-style-color-darkgold: #ceaf06;
	--ces-style-color-darkgrey: var(--ces-style-color-darkgrey-scale2);
	--ces-style-color-darkorange: darkorange;
	--ces-style-color-darkred: darkred;
	--ces-style-color-gold: gold;
	--ces-style-color-grey: var(--ces-style-color-lightgrey-scale4);
	--ces-style-color-lightblue: lightblue;
	--ces-style-color-lightgrey: var(--ces-style-color-lightgrey-scale2);
	--ces-style-color-lightred: lightcoral;
	--ces-style-color-red: red;
	--ces-style-color-yellow: yellow;
	--ces-style-color-white: white;
	--ces-style-color-transparent: transparent;
	/* Cursors */
	--ces-style-cursor-vertical-arrows-black: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 320 512'%3E%3Cpath d='M214.1 377.9H168V134.1h46.1c21.4 0 32.1-25.9 17-41L145 7c-9.4-9.4-24.6-9.4-33.9 0L25 93.1c-15.1 15.1-4.4 41 17 41H88v243.9H41.9c-21.4 0-32.1 25.9-17 41l86.1 86.1c9.4 9.4 24.6 9.4 33.9 0l86.1-86.1c15.1-15.1 4.4-41-17-41z") 8 8;
	--ces-style-cursor-vertical-arrows-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 320 512'%3E%3Cpath fill='%23ffffff' d='M214.1 377.9H168V134.1h46.1c21.4 0 32.1-25.9 17-41L145 7c-9.4-9.4-24.6-9.4-33.9 0L25 93.1c-15.1 15.1-4.4 41 17 41H88v243.9H41.9c-21.4 0-32.1 25.9-17 41l86.1 86.1c9.4 9.4 24.6 9.4 33.9 0l86.1-86.1c15.1-15.1 4.4-41-17-41z") 8 8;
	--ces-style-cursor-scroll-black: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 320 512'%3E%3Cpath d='M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm255-105L177 64c-9.4-9.4-24.6-9.4-33.9 0L24 183c-15.1 15.1-4.4 41 17 41h238c21.4 0 32.1-25.9 17-41z'/%3E%3C/svg%3E") 8 8;
	--ces-style-cursor-scroll-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 320 512'%3E%3Cpath fill='%23ffffff' d='M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm255-105L177 64c-9.4-9.4-24.6-9.4-33.9 0L24 183c-15.1 15.1-4.4 41 17 41h238c21.4 0 32.1-25.9 17-41z'/%3E%3C/svg%3E") 8 8;
}