:root {
	--app-sticky-top: 0px;
	--gridkit-card-col-padding: 0.3rem;
	--gridkit-pagination-block-bg: var(--bs-body-bg);

	/* Colors */
	--gridkit-bg-white: #ffffff;
	--gridkit-bg-light: #f8f9fa;
	--gridkit-bg-lighter: #f1f3f5;
	--gridkit-bg-lightest: #e9ecef;
	--gridkit-bg-grey: #ebedf0;
	--gridkit-bg-grey-2: #dde2e6;
	--gridkit-border-light: #dee2e6;

	--gridkit-color-dark: #212529;
	--gridkit-color-mid: #495057;
	--gridkit-color-muted: #6c757d;
	--gridkit-color-muted-2: #ced4da;
	--gridkit-color-muted-3: #c2c9d0;

	--gridkit-color-blue: #0d6efd;
	--gridkit-color-blue-dark: #0b5ed7;
	--gridkit-color-blue-hover: #b7d1f7;

	--gridkit-color-success: #198754;
	--gridkit-color-success-dark: #157347;
	--gridkit-color-success-darker: #146c43;

	/* semantic/rgba colors */
	--gridkit-bg-overlay-dark: rgba(15,23,42,0.45);
	--gridkit-bg-overlay-strong: rgba(15,23,42,0.24);
	--gridkit-bg-overlay-medium: rgba(15,23,42,0.16);
	--gridkit-shadow-xs: 0 .25rem .5rem	rgba(0,0,0,0.03);
	--gridkit-shadow-sm: 0 .125rem .25rem rgba(0,0,0,.075);
	--gridkit-shadow-md: 0 .5rem 1rem rgba(0,0,0,.15);
	--gridkit-shadow-inset-primary: inset 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);

	/* chips / badges */
	--gridkit-badge-bg: rgba(33,37,41,0.85);
	--gridkit-chip-bg: rgba(13,110,253,0.10);
	--gridkit-chip-border: rgba(13,110,253,0.18);
	--gridkit-chip-more-bg: rgba(108,117,125,0.10);
	--gridkit-chip-more-border: rgba(108,117,125,0.18);
	--gridkit-primary-06: rgba(var(--bs-primary-rgb), 0.06);
	--gridkit-primary-08: rgba(var(--bs-primary-rgb), 0.08);
	--gridkit-bg-02: rgba(0,0,0,0.02);
	--gridkit-overlay-white: rgba(255,255,255,0.5);

	/* aliases */
	--gridkit-sticky-bg: var(--gridkit-bg-white);
	--gridkit-has-searchpanel-bg: var(--gridkit-bg-white);
}

html:has(.gridkit-full-bleed),
body:has(.gridkit-full-bleed) {
	 overflow-x: clip;
}

.card-img-top {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.table>:not(caption)>*>* {
	background-color: transparent !important;
	color: unset !important;
}

.gridkit-table {
	margin-top: 0.8rem !important;
}

.gridkit-thead tr {
	background-color: rgb(var(--bs-primary-rgb)) !important;
	color: var(--gridkit-bg-white);
}

.gridkit-img-carousel .carousel-control-prev-icon,
.gridkit-img-carousel .carousel-control-next-icon {
	background-color: var(--gridkit-bg-overlay-dark);
	border-radius: var(--gridkit-radius);
	width: 2.5rem;
	height: 2.5rem;
}

.gridkit-img-carousel .carousel-control-prev,
.gridkit-img-carousel .carousel-control-next {
	width: 4rem;
	height: 4rem;
	top: 50%;
	transform: translateY(-50%);
}

.carousel-control-next {
    right: .75rem;
}

.carousel-control-prev {
    left: .75rem;
}

.gridkit-pagination-wrapper {
	display: grid !important; 
	grid-template-columns: 1fr auto 1fr; 
	align-items: center;
	position: relative;
}

.gridkit-pagination.gridkit-pagination-sticky-top {
	position: sticky;
	top: calc(
		env(safe-area-inset-top)
		+ var(--gridkit-sticky-top, var(--app-sticky-top))
	);
	z-index: 800;
	isolation: isolate;
}

.gridkit-pagination.gridkit-pagination-sticky-top.gridkit-pagination-is-stuck {
	background-color: var(--gridkit-sticky-bg) !important;
	width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
}

.gridkit-pagination.gridkit-pagination-sticky-top.gridkit-pagination-is-stuck > div {
	padding-left: 1rem;
	padding-right: 1rem;
    max-width: calc(1296px + 1rem);
    margin: 0 auto;
}

.gridkit-pagination.gridkit-pagination-has-searchpanel .gridkit-search-panel {
	max-height: var(--gridkit-search-panel-max-height, 70vh);
	overflow: visible;
	transition:
		max-height 180ms ease,
		opacity 140ms ease,
		padding 180ms ease,
		margin 180ms ease,
		border-width 180ms ease;
}

.gridkit-pagination.gridkit-search-panel-collapsed.gridkit-pagination-has-searchpanel > .gridkit-pagination-wrapper {
	border-bottom-color: transparent;
	margin-bottom: 0;
	padding-bottom: 0;
}

.gridkit-pagination.gridkit-search-panel-collapsed .gridkit-search-panel {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	border-top-width: 0;
	border-bottom-width: 0;
}

.gridkit-pagination.gridkit-pagination-has-searchpanel {
	background-color: var(--gridkit-has-searchpanel-bg) !important;
}

.gridkit-pagination.gridkit-pagination-has-searchpanel .gridkit-search-panel {
	margin-bottom: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.gridkit-pagination-has-searchpanel > .gridkit-pagination-wrapper {
	border-bottom: var(--bs-border-width) solid var(--bs-border-color);
	padding-bottom: .75rem;
	margin-bottom: .4rem;
}

.gridkit-container-table {
	overflow-x: auto;
}

.gridkit-card-col > .gridkit-card {
	width: 100%;
	flex: 1 1 auto;
}

.gridkit-total-count {
	font-size: 0.95em;
	font-style: italic;
}

.gridkit-pagination-nav .pagination .page-item .page-link {
	min-width: 2rem;
	text-align: center;
	padding: .25rem .5rem;
	background-color: var(--gridkit-bg-lighter) !important;
	border: var(--bs-border-width) solid var(--bs-border-color) !important;
	border-radius: 0;
	color: var(--gridkit-color-dark) !important;
	box-shadow: var(--gridkit-shadow-xs);
	cursor: pointer;
}

.gridkit-pagination-nav .pagination .page-item + .page-item .page-link {
	margin-left: -1px;
}

.gridkit-pagination-nav .pagination .page-item:first-child .page-link {
	border-top-left-radius: var(--gridkit-radius);
	border-bottom-left-radius: var(--gridkit-radius);
}

.gridkit-pagination-nav .pagination .page-item:last-child .page-link {
	border-top-right-radius: var(--gridkit-radius);
	border-bottom-right-radius: var(--gridkit-radius);
}

.gridkit-pagination-nav .pagination .page-item:not(.active):not(.disabled) .page-link:hover {
	background-color: var(--gridkit-bg-lightest) !important;
	border-color: var(--bs-border-color) !important;
	color: var(--gridkit-color-dark) !important;
	text-decoration: none;
}

.gridkit-pagination-nav .pagination .page-item .page-link:hover,
.gridkit-pagination-nav .pagination .page-item.active .page-link {
	position: relative;
	z-index: 2;
}

.gridkit-pagination-nav .pagination .page-item.disabled .page-link {
	color: var(--gridkit-color-muted) !important;
	background-color: transparent !important;
	border-color: transparent !important;
	cursor: default;
}

.gridkit-pagination-nav .pagination .page-item.active .page-link {
	color: var(--gridkit-bg-white) !important;
	background-color: var(--gridkit-color-blue) !important;
	border-color: var(--gridkit-color-blue) !important;
}

/* Filter toggle indicator: highlight when any filters are active */
.gridkit-pagination-nav .pagination .page-item.gridkit-filter-toggle-has-filters .page-link.gridkit-filter-toggle-btn {
	background-color: rgba(var(--bs-success-rgb), 0.14) !important;
	border-color: rgba(var(--bs-success-rgb), 0.55) !important;
	color: rgb(var(--bs-success-rgb)) !important;
}

.gridkit-pagination-nav .pagination .page-item.gridkit-filter-toggle-has-filters .page-link.gridkit-filter-toggle-btn:hover {
	background-color: rgba(var(--bs-success-rgb), 0.22) !important;
	border-color: rgba(var(--bs-success-rgb), 0.75) !important;
}

.gridkit-pagesize-select {
	width: auto;
	margin-right: .5rem !important;
}

.gridkit-sort-link {
	color: var(--gridkit-bg-white);
	text-decoration: none;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: .25rem;
	cursor: pointer;
}

.gridkit-sort-link:hover {
	color: var(--gridkit-color-blue-hover);
	text-decoration: none;
}

.gridkit-sort-icon {
	font-size: 1em;
	vertical-align: middle;
}

.gridkit-sort-label {
	vertical-align: middle;
}

.gridkit-img-card {
	max-width: calc(100% - 36px);
	object-fit: cover;
	position: relative;
	z-index: 1;
	background: transparent;
	overflow: hidden;
}

.gridkit-img-card,
.gridkit-img-table,
.gridkit-img-carousel img {
	-webkit-user-drag: none;
	user-select: none;
}

.gridkit-table.gridkit-hover tbody tr:hover {
	background-color: var(--gridkit-primary-08);
}

.gridkit-img-wrap {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gridkit-img-wrap-table {
	position: relative;
}

.gridkit-img-badge {
	position: absolute;
	top: .3rem;
	left: .3rem;
	background: var(--gridkit-badge-bg);
	color: var(--gridkit-bg-white);
	font-size: .75rem;
	line-height: 1;
	padding: .25rem .375rem;
	border-radius: var(--gridkit-radius);
	z-index: 2;
}

.gridkit-img-clickable { 
	cursor: pointer; 
}

.gridkit-qm-row .gridkit-qm-cell {
	padding: .5rem .75rem;
	background: var(--gridkit-bg-02);
	text-align: center;
}

.gridkit-qm-actions {
	display: flex;
	gap: .5rem;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.gridkit-qm-row .gridkit-qm-actions {
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: .5rem auto;
}

.gridkit-qm-btn {
	display: inline-flex;
	align-items: center;
	opacity: 0; 
	transform: translateY(.5rem);
	animation: gridkit-slide-in-up 240ms ease-out forwards;
}

.gridkit-card {
    height: 100% !important;
}

.gridkit-card.has-qm-open {
	position: relative;
}

.gridkit-qm-overlay {
	position: absolute;
	inset: 0;
	background: var(--gridkit-overlay-white);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 5;
	animation: gridkit-fade-in 140ms ease-out;
}

.gridkit-card-grid.gridkit-card-hover-soft .gridkit-card:hover:not(.gridkit-selected) {
	background-color: var(--gridkit-bg-lighter) !important;
	box-shadow: var(--gridkit-shadow-md);
}

.gridkit-card-grid.gridkit-card-hover-strong .gridkit-card:hover:not(.gridkit-selected) {
	background-color: var(--gridkit-bg-lightest) !important;
	box-shadow: var(--gridkit-shadow-md);
}

.gridkit-card-grid.gridkit-click-single-qm .gridkit-card.gridkit-selected,
.gridkit-card-grid.gridkit-click-single-qm .gridkit-card.gridkit-selected .card {
	background-color: transparent !important;
	box-shadow: none !important;
}

.gridkit-qm-th { 
	width: 1%; 
	text-align: center; 
}

.gridkit-qm-td { 
	width: 1%; 
	text-align: center; 
}

.gridkit-qm-burger {
	width: 1.75rem !important;
	height: 1.75rem !important;
	min-height: unset !important;
	min-width: unset !important;
	padding: 0 !important;
	border-radius: var(--gridkit-radius);
	border: var(--bs-border-width) solid var(--bs-border-color);
	background: var(--gridkit-bg-light);
	color: var(--gridkit-color-mid);
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	line-height: 1;
	vertical-align: middle;
	flex: 0 0 auto;
	box-shadow: var(--gridkit-shadow-sm);
	appearance: none;
	-webkit-appearance: none;
}

.gridkit-qm-burger:hover { 
	background: var(--gridkit-bg-lightest); 
	color: var(--gridkit-color-dark); 
}

.gridkit-qm-burger:active { 
	background: rgb(var(--bs-primary-rgb)) !important;
	color: var(--gridkit-bg-white) !important; 
}

.gridkit-qm-burger i {
	font-size: 1rem;
	line-height: 1;
	pointer-events: none;
}

.gridkit-td { 
	position: relative; 
}

.gridkit-qm-pos-left {
	position: absolute;
	left: 0.125rem;
	top: 0.125rem;
	z-index: 3;
}

.gridkit-qm-pos-right {
	position: absolute;
	right: 0.125rem;
	top: 0.125rem;
	z-index: 3;
}

.gridkit-td-has-burger-left { 
	padding-left: 2.8rem !important; 
}

.gridkit-td-has-burger-right { 
	padding-right: 2.8rem !important; 
}

.gridkit-qm-list { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
}

.gridkit-qm-item { 
	margin: 0; 
}

.gridkit-qm-link {
	display: flex;
	align-items: center;
	gap: .25rem;
	width: 100%;
	padding: .25rem .5rem;
	text-decoration: none;
	color: var(--gridkit-color-dark);
}

.gridkit-qm-link:hover { 
	background: var(--gridkit-bg-lighter); 
	text-decoration: none; 
}

@media (max-width: 991.98px) {

	.gridkit-pagination-wrapper {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto;
		max-width: 100%;
	}

	.gridkit-pagination-bottom > .gridkit-pagination-wrapper > div:nth-child(2):has(.gridkit-pagination-nav) {
		margin-bottom: .5rem;
	}

	.gridkit-pagination-top > .gridkit-pagination-wrapper > div:nth-child(2):has(.gridkit-pagination-nav) {
		margin-top: .5rem;
	}

	.gridkit-pagination-left { 
		grid-area: left; 
	}

	.gridkit-pagination-center { 
		grid-area: center; 
	}

	.gridkit-pagination-right { 
		grid-area: right; 
	}

	.gridkit-pagination-wrapper-top {
		grid-template-areas: "left right" "center center";
	}

	.gridkit-pagination-wrapper-bottom {
		grid-template-areas: "center center" "left right";
	}

	.gridkit-pagination-left,
	.gridkit-pagination-right,
	.gridkit-pagination-center {
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		gap: .5rem;
		width: 100%;
		min-width: 0;
	}

	.gridkit-total-count { 
		display: none !important; 
	}

	.gridkit-pagination-center { 
		overflow-x: auto; 
		display: flex; 
		justify-content: center; 
		max-width: 100%; 
	}

	.gridkit-pagination-center .gridkit-pagination-nav { 
		width: auto; 
		display: flex; 
		justify-content: center; 
		max-width: 100%; 
	}

	.gridkit-pagination-center .pagination { 
		flex-wrap: nowrap !important; 
		min-width: max-content; 
		margin-left: auto; 
		margin-right: auto; }

	.gridkit-pagination-center .page-item { 
		white-space: nowrap; 
	}

	.gridkit-pagesize-select,
	.gridkit-sort-select {
		display: inline-block;
		width: auto;
		min-width: 5.6rem;
	}

	.gridkit-pagination-left { 
		gap: .5rem; 
	}

	.gridkit-pagination-left .gridkit-pagesize-select {
		display: inline-block;
		width: auto !important;
		min-width: 4rem; 
		flex: 0 0 auto;
	}

	.gridkit-pagination-left .gridkit-sort-select {
		display: inline-block;
		width: auto !important;
		max-width: 100%;
		min-width: 0;
		flex: 1 1 auto;
	}

	.gridkit-pagination-left .gridkit-pagination-nav .pagination .gridkit-search-page-item .page-link {
        height: 100%;
        margin: 0;
        padding-top: 0;
        padding-bottom: 0;
        display: flex;
        align-items: center;
    }

    .gridkit-pagination-left .gridkit-pagination-nav .pagination .gridkit-search-page-item .page-link i {
        line-height: 1;
    }

	.gridkit-sort-select-wrap {
		width: auto;
		min-width: 0;
		flex: 1 1 auto;
	}

	.gridkit-sort-select-wrap .gridkit-sort-select {
		min-width: 0 !important;
		width: 100% !important;
	}

}

.gridkit-sort-select-wrap {
	position: relative;
	display: inline-block;
	width: 100%;
}

.gridkit-sort-select-wrap .gridkit-sort-select {
	min-width: 16.25rem;
	width: 100%;
}

.gridkit-pagination-left .gridkit-pagination-nav .pagination {
	margin-bottom: 0;
}

.gridkit-pagination-left .gridkit-pagination-nav .pagination .gridkit-sort-page-item .page-link {
	padding: 0;
	border: none;
	background: transparent;
	box-shadow: none;
}

.gridkit-pagination-left .gridkit-pagination-nav .pagination .gridkit-sort-page-item .page-link:focus {
	box-shadow: none;
}

.gridkit-pagination-left .gridkit-pagination-nav .pagination .gridkit-filter-page-item .page-link {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
}

.gridkit-pagination-left .gridkit-pagination-nav .pagination .gridkit-filter-page-item .page-link i {
	line-height: 1;
}

.gridkit-search-panel {
	position: relative;
	background: var(--gridkit-has-searchpanel-bg) !important;
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--gridkit-radius);
	padding: .4rem;
	box-shadow: var(--gridkit-shadow-sm);
}

.gridkit-search-panel-inner {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: .5rem 1rem;
	align-items: flex-start;
	overflow: visible;
}

.gridkit-search-field-group {
	display: grid;
	grid-template-columns: 35% 55%;
	gap: .25rem .5rem;
	align-items: center;
}

.gridkit-search-label {
	font-size: .8rem;
	color: var(--gridkit-color-mid);
	white-space: nowrap;
	text-align: right;
}

.gridkit-search-input,
.gridkit-search-select,
.gridkit-search-from,
.gridkit-search-to {
	width: 100%;
	max-width: 100%;
	margin-right: 2rem;
}

.gridkit-search-select-hidden {
	display: none !important;
}

.gridkit-search-multiselect-trigger {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	display: flex;
	align-items: center;
	min-width: 0;
}

.gridkit-ms-trigger-content {
	display: inline-flex;
	align-items: center;
	gap: .25rem;
	min-width: 0;
	overflow: hidden;
	flex: 1 1 auto;
}

.gridkit-ms-placeholder {
	overflow: hidden;
	text-overflow: ellipsis;
}

.gridkit-ms-chip {
	display: inline-flex;
	align-items: center;
	max-width: 10rem;
	padding: 0 .4rem;
	height: 1.35rem;
	border-radius: 999px;
	background: var(--gridkit-chip-bg);
	border: var(--bs-border-width) solid var(--gridkit-chip-border);
	color: var(--gridkit-color-blue-dark);
	font-size: .78rem;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 0 0 auto;
}

.gridkit-ms-chip-more {
	background: var(--gridkit-chip-more-bg);
	border-color: var(--gridkit-chip-more-border);
	color: var(--gridkit-color-mid);
}

.gridkit-search-multiselect-trigger.gridkit-search-multiselect-empty {
	color: var(--gridkit-color-muted);
}

.gridkit-search-multiselect-trigger::after {
	content: '';
	position: absolute;
	right: 0.75rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 0.25rem solid transparent;
	border-right: 0.25rem solid transparent;
	border-top: 0.3rem solid var(--gridkit-color-muted);
	pointer-events: none;
}

.gridkit-multiselect-overlay {
	position: fixed;
	z-index: 2000;
	background: var(--gridkit-bg-white);
	border: var(--bs-border-width) solid var(--gridkit-border-light);
	border-radius: var(--gridkit-radius);
	box-shadow: var(--gridkit-shadow-md);
	padding: .5rem;
	box-sizing: border-box;
	overscroll-behavior: contain;
}

body.gridkit-scroll-locked {
	overflow: hidden !important;
}

/* Override site-wide .btn defaults (min-width/margins) inside the overlay */
.gridkit-multiselect-overlay .btn {
	min-width: 0 !important;
	min-height: unset !important;
	width: auto !important;
	margin: 0 !important;
	padding: .25rem .55rem !important;
	font-size: .85rem !important;
}

.gridkit-multiselect-search {
	padding: .25rem .25rem .5rem .25rem;
}

.gridkit-multiselect-options {
	max-height: 15rem;
	overflow: auto;
	padding: .25rem;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	touch-action: pan-y;
}

.gridkit-multiselect-option {
	display: flex;
	align-items: center;
	gap: .5rem;
	padding: .25rem .25rem;
	margin: 0;
	user-select: none;
}

.gridkit-multiselect-option:hover {
	background: var(--gridkit-primary-06);
	border-radius: var(--gridkit-radius);
}

.gridkit-multiselect-actions {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: .5rem;
	padding-top: .5rem;
	margin-top: .5rem;
	border-top: var(--bs-border-width) solid var(--gridkit-bg-lightest);
}

.gridkit-multiselect-actions-left,
.gridkit-multiselect-actions-right {
	display: inline-flex;
	gap: .5rem;
	align-items: center;
}

.gridkit-search-panel .gridkit-search-input:focus,
.gridkit-search-panel .gridkit-search-select:focus,
.gridkit-search-panel .gridkit-search-from:focus,
.gridkit-search-panel .gridkit-search-to:focus,
.gridkit-search-panel-mobile-enter .gridkit-search-input:focus,
.gridkit-search-panel-mobile-enter .gridkit-search-select:focus,
.gridkit-search-panel-mobile-enter .gridkit-search-multiselect-trigger:focus,
.gridkit-search-panel-mobile-enter .gridkit-search-from:focus,
.gridkit-search-panel-mobile-enter .gridkit-search-to:focus {
	outline: 0;
	border-color: rgb(var(--bs-primary-rgb));
	box-shadow: var(--gridkit-shadow-inset-primary);
}

.gridkit-search-range-wrapper {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	column-gap: .5rem;
}

.gridkit-search-range-wrapper .gridkit-search-from,
.gridkit-search-range-wrapper .gridkit-search-to {
	width: 100%;
	margin-right: 0;
}

.gridkit-search-range-sep {
	font-size: .8rem;
	color: var(--gridkit-color-muted);
	padding: 0 .15rem;
	text-align: center;
}

.gridkit-search-actions {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0;
	margin-bottom: 0;
}

.gridkit-search-actions .gridkit-pagination-nav {
	margin-bottom: 0;
}

.gridkit-search-actions .pagination .page-item {
	margin-left: 0;
}

.gridkit-search-actions .pagination .gridkit-search-apply-item .page-link {
	background-color: var(--gridkit-color-success) !important;
	border-color: var(--gridkit-color-success) !important;
	color: var(--gridkit-bg-white) !important;
}

.gridkit-search-actions .pagination .gridkit-search-apply-item .page-link:hover {
	background-color: var(--gridkit-color-success-dark) !important;
	border-color: var(--gridkit-color-success-darker) !important;
	color: var(--gridkit-bg-white) !important;
}

.gridkit-search-actions .pagination .gridkit-search-reset-item .page-link {
	background-color: var(--gridkit-bg-lightest) !important;
	border-color: var(--gridkit-color-muted-2) !important;
	color: var(--gridkit-color-dark) !important;
}

.gridkit-search-actions .pagination .gridkit-search-reset-item .page-link:hover {
	background-color: var(--gridkit-bg-grey-2) !important;
	border-color: var(--gridkit-color-muted-3) !important;
	color: var(--gridkit-color-dark) !important;
}

.gridkit-search-panel-mobile-enter {
	position: fixed;
	top: 2rem;
	bottom: 2rem;
	left: 0;
	width: calc(100% - 32px);
	max-width: 360px;
	background: var(--gridkit-bg-light);
	box-shadow: var(--gridkit-shadow-md);
	border: 1px solid var(--gridkit-border-light);
	border-radius: unset;
	transform: translateX(-100%);
	transition: transform 180ms ease-out;
	z-index: 1050;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding: .75rem .75rem 1rem .75rem;
}

.gridkit-search-panel-mobile-enter .gridkit-search-panel-inner {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

.gridkit-search-panel-mobile-enter.gridkit-search-panel-open {
	transform: translateX(0);
}

.gridkit-search-panel-mobile-header {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: .5rem;
}

.gridkit-search-panel-mobile-header-center {
	justify-self: center;
	min-width: 0;
}

.gridkit-search-panel-mobile-close {
	justify-self: end;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border-radius: 999px;
	border: 0;
	background: transparent;
	color: var(--gridkit-color-dark);
	text-decoration: none;
	opacity: .85;
}

.gridkit-search-panel-mobile-close:hover {
	opacity: 1;
}

.gridkit-search-panel-mobile-close:focus {
	outline: 0;
	box-shadow: var(--gridkit-shadow-inset-primary);
}

.gridkit-search-panel-mobile-close i {
	line-height: 1;
}

.gridkit-search-backdrop {
	position: fixed;
	inset: 0;
	background: var(--gridkit-bg-overlay-dark);
	z-index: 1045;
	opacity: 0;
	pointer-events: none;
	transition: opacity 160ms ease-out;
}

.gridkit-search-backdrop.gridkit-search-backdrop-open {
	opacity: 1;
	pointer-events: auto;
}

@media (max-width: 991.98px) {

	.gridkit-search-panel-mobile-header {
		padding: .75rem;
    	background: var(--gridkit-bg-grey);
    	box-shadow: var(--gridkit-shadow-sm);
		margin: -0.75rem -0.75rem .75rem -0.75rem;
	}

	.gridkit-search-panel-mobile-header .gridkit-search-actions {
		margin: 0;
		padding: 0;
		background: transparent;
		border-bottom: 0;
		box-shadow: none;
		justify-content: center;
	}

	.gridkit-search-panel {
		border-radius: 0;
		border-width: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
		border-top-right-radius: var(--gridkit-radius);
		border-bottom-right-radius: var(--gridkit-radius);
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		overflow: hidden;
	}

	.gridkit-search-panel-inner {
		grid-template-columns: 1fr;
		padding-top: .5rem;
		flex: 0 0 auto;
		min-height: 0;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		align-items: start;
		align-content: start;
	}

	.gridkit-search-actions {
		margin-top: 0;
		margin-bottom: 0;
		padding: 0;
		background: transparent;
		border-bottom: 0;
		box-shadow: none;
		justify-content: center;
		z-index: 1;
	}

	.gridkit-search-field-group {
		grid-template-columns: 1fr;
		padding: .45rem .5rem .55rem .5rem;
		border-radius: var(--gridkit-radius);
		background: var(--gridkit-bg-white);
		box-shadow: var(--gridkit-shadow-sm);
	}

    .gridkit-search-field-group + .gridkit-search-field-group {
        margin-top: .35rem;
    }

    .gridkit-search-label {
        font-size: 1rem;
        font-weight: 500;
		color: var(--gridkit-color-mid);
        letter-spacing: .01em;
    }

    .gridkit-search-input,
    .gridkit-search-select,
    .gridkit-search-from,
    .gridkit-search-to {
        font-size: 0.85rem;
    }

    .gridkit-search-actions .pagination .page-link {
        font-size: 1rem;
        padding: .25rem .55rem;
    }
}

.gridkit-qm-actions .gridkit-qm-btn:nth-child(1) { animation-delay: 40ms; }
.gridkit-qm-actions .gridkit-qm-btn:nth-child(2) { animation-delay: 100ms; }
.gridkit-qm-actions .gridkit-qm-btn:nth-child(3) { animation-delay: 160ms; }
.gridkit-qm-actions .gridkit-qm-btn:nth-child(4) { animation-delay: 220ms; }
.gridkit-qm-actions .gridkit-qm-btn:nth-child(5) { animation-delay: 280ms; }

@keyframes gridkit-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes gridkit-slide-in-up {
	from { opacity: 0; transform: translateY(.5rem); }
	to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1199px) and (min-width: 992px) {

	.gridkit-search-panel-inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		display: grid;
		align-items: start;
	}

	.gridkit-search-actions {
		grid-column: 1 / -1;
		justify-content: center;
		width: 100%;
		margin-bottom: 0;
		margin-top: 16px;
		align-self: end;
		order: 99;
	}

	.gridkit-search-panel-inner > .gridkit-search-actions {
		margin-top: 16px !important;
	}

}

.gridkit-auto-sentinel-host {
	width: 100%;
	display: flex;
	justify-content: center;
}

.gridkit-auto-sentinel-spinner {
	pointer-events: none;
}