[x-cloak] {
	display: none
}

table {
	width: 100%
}

select {
	background-color: inherit
}

.loader {
	animation: spinner 1.5s linear infinite;
	border-top-color: #222
}

@keyframes spinner {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(1turn)
	}
}

table thead {
	color: #6b6a6a;
	font-size: .75rem;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-top: 8px;
	text-transform: uppercase
}[x-ref=editable].pg-single-line {
	overflow: hidden;
	white-space: nowrap
}[x-ref=editable].pg-single-line br {
	display: none
}[x-ref=editable].pg-single-line * {
	display: inline;
	white-space: nowrap
}[x-ref=editable][placeholder]:empty:before {
	background-color: transparent;
	color: gray;
	content: attr(placeholder);
	position: absolute
}

.page-link {
	--tw-border-opacity: 1;
	--tw-bg-opacity: 1;
	--tw-text-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
	border-color: rgb(229 231 235/var(--tw-border-opacity,1));
	border-right-width: 1px;
	color: rgb(30 64 175/var(--tw-text-opacity,1));
	display: block;
	font-size: .875rem;
	line-height: 1.25rem;
	outline: 2px solid transparent;
	outline-offset: 2px;
	padding-bottom: .5rem;
	padding-top: .5rem;
	text-align: center;
	width: 3rem
}

.page-link:last-child {
	border-width: 0
}

.page-item.active .page-link,.page-link:hover {
	--tw-border-opacity: 1;
	--tw-bg-opacity: 1;
	--tw-text-opacity: 1;
	background-color: rgb(29 78 216/var(--tw-bg-opacity,1));
	border-color: rgb(29 78 216/var(--tw-border-opacity,1));
	color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.page-item.disabled .page-link {
	border-color: rgb(229 231 235/var(--tw-border-opacity,1));
	color: rgb(209 213 219/var(--tw-text-opacity,1))
}

.page-item.disabled .page-link,.pg-btn-white {
	--tw-border-opacity: 1;
	--tw-bg-opacity: 1;
	--tw-text-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.pg-btn-white {
	--tw-ring-opacity: 1;
	--tw-ring-color: rgb(226 232 240/var(--tw-ring-opacity,1));
	align-items: center;
	border-color: rgb(203 213 225/var(--tw-border-opacity,1));
	border-radius: .5rem;
	border-width: 1px;
	color: rgb(100 116 139/var(--tw-text-opacity,1));
	-moz-column-gap: .5rem;
	column-gap: .5rem;
	display: inline-flex;
	font-size: .875rem;
	justify-content: center;
	line-height: 1.25rem;
	outline: 2px solid transparent;
	outline-offset: 2px;
	padding: .5rem .75rem
}

.pg-btn-white:hover {
	--tw-bg-opacity: 1;
	--tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
	background-color: rgb(241 245 249/var(--tw-bg-opacity,1));
	box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.pg-btn-white:focus {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	--tw-ring-offset-width: 1px;
	box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.pg-btn-white:disabled {
	cursor: not-allowed;
	opacity: .8
}

.pg-filter-container {
	padding-bottom: .75rem;
	padding-top: .75rem
}

.pg-enabled-filters-base {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin-bottom: .75rem;
	margin-top: .75rem
}

@media (min-width:768px) {
	.pg-enabled-filters-base {
		margin-top: 0
	}
}