/*-----RENNROC */
.ces-grid.rennroc,
.ces-grid-feature-popover.rennroc {
	--ces-grid-theme-primary-color: var(--branded-ces-grid-theme-primary-color);
	--ces-grid-theme-secondary-color: var(--branded-ces-grid-theme-secondary-color);
	--ces-grid-theme-tertiary-color: var(--branded-ces-grid-theme-tertiary-color);
	--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-footer-td-label-color: var(--branded-ces-grid-table-footer-td-label-color);
	--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(--branded-ces-grid-table-header-th-color-hover);
	--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);
}

.ces-grid.rennroc-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-margin: 0 .15rem 0 0;
	--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;
}