.spinner {
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
}
	.spinner:after {
		content: " ";
		display: block;
		width: 20px;
		height: 20px;
		margin: 2px;
		border-radius: 50%;
		border: 6px solid #333;
		border-color: #333 transparent #333 transparent;
		animation: spinner 1.2s linear infinite;
	}
	@keyframes spinner {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}

.toggle-control {
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
	.toggle-control input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}
	.toggle-control input:checked ~ .control {
		background-color: dodgerblue;
	}
	.toggle-control input:checked ~ .control:after {
		left: 32px;
	}
	.toggle-control .control {
		display: inline-block;
		position: relative;
		top: 0;
		left: 0;
		height: 20px;
		width: 50px;
		border-radius: 25px;
		background-color: darkgray;
		transition: background-color 0.15s ease-in;
		-webkit-transition: background-color 0.15s ease-in;
	}
	.toggle-control .control:after {
		content: "";
		position: absolute;
		left: 3px;
		top: 2px;
		width: 16px;
		height: 16px;
		border-radius: 25px;
		background: white;
		transition: left 0.15s ease-in;
		-webkit-transition: left 0.15s ease-in;
	}

.table-sticky th { position: sticky; position: -webkit-sticky; inset-inline-start: 0; z-index: 2; background: #fff; box-shadow: 0px 0px 0px 1px inset #ccc; border: none !important; }
.table-sticky tr:nth-child(1) th { top: 0; }
.table-sticky tr:nth-child(2) th { top: 32px; }
.table-sticky-left td:nth-child(1) { position: sticky; position: -webkit-sticky; inset-inline-start: 0; left: 0; z-index: 1; background: #fff; }
.table-sticky-left tr:nth-child(1) th:nth-child(1) { position: sticky; inset-inline-start: 0; top: 0; left: 0; z-index: 3; }

.bg-approved { background-color: #c6ffc6; }
.bg-declined { background-color: #ffe1e1; }