:root {

	--button-background-colour:				#07f;
	--button-foreground-colour:				#fff;
	--button-hover-background-colour:		#05f;
	--button-active-background-colour:		#03f;
	--button-disabled-background-colour:	#bbb;
	}

html, body {
	font-family:				"Inter", sans-serif;
	}

.lightbox {
	background-color:			transparent;
/*	background:					linear-gradient(45deg, rgba(0, 128, 255, 0.2), rgba(0, 64, 128, 0.2)), linear-gradient(-135deg, rgba(0, 32, 128, 0.2), rgba(0, 64, 255, 0.5));*/
	}


form.sign-in a.forgot-password {
	margin-left:				1em;
	opacity:					0.5;
	color:						inherit;
	}
form.sign-in a.forgot-password:hover {
	opacity:					1;
	}



form.impression .button-row svg.impression.spinner {
	display: 					none;
	}
form.impression.processing .button-row svg.impression.spinner {
float: left;
	display:					inline-block;
	width:						36px;
	vertical-align:				middle;
	margin:						-2px 0 -4px 0;
	}
form.impression .button-row svg.impression.spinner circle {
	stroke:						#666;
	}


.button {
	display:					inline-block;
	box-sizing:					border-box;
	min-width:					120px;
	padding:					0 15px;
	line-height:				32px;
	text-align:					center;
	border-radius:				5px;
	background-color:			var(--button-disabled-background-colour);
	color:						var(--button-foreground-colour);
	box-shadow:					0 0 5px rgba(0, 0, 0, 0.1);
	cursor:						default;
	-webkit-user-select:		none;
	-moz-user-select:			none;
	-ms-user-select:			none;
	user-select:				none;
	font-family:				"Inter", sans-serif;
	font-size:					13px;
	}
.button.enabled, .button:not(.disabled) {
	background-color:			var(--button-background-colour);
	}
.button.enabled:hover, .button:not(.disabled):hover {
	background-color:			var(--button-hover-background-colour);
	box-shadow:					0 0 6px rgba(0, 0, 0, 0.3);
	}
.button.enabled:active, .button:not(.disabled):active {
	background-color:			var(--button-active-background-colour);
	box-shadow:					0 0 3px rgba(0, 0, 0, 0.7);
	}
.button + .button {
	margin-left:				15px;
	}