@font-face {
	font-family: 'Inter var';
	src: url('../fonts/InterVariable.ttf') format('truetype');
	font-weight: 100 900;
	font-display: swap;
}

.stuck
{overflow: hidden;}

.loader-cover 	{
					position: absolute;
					top: 3px;
					right: 3px;
					left: 3px;
					bottom: 3px;
					background: rgba(255,255,255,.7);
					/*backdrop-filter: blur(1px);*/
					z-index: 1000000;
					}

.loader-max 	{
					top: 0;
					right: 0;
					left: 0;
					bottom: 0;
					}

					.loader 	{
								height: 20px;
								width: 20px;
								animation: rotate 0.8s infinite linear;
								border: 2px solid #999;
								border-top-color: transparent;
								border-radius: 50%;
								margin: 5px;
								}	

								.loader-cover .loader
								{
								position: absolute;
								top: 50%;
								left: 50%;
								margin: -11px 0 0 -11px;
								}

@keyframes rotate 	{
					0%    {transform: rotate(360deg);}
					100%  {transform: rotate(0deg);}
					}

.inactive
{
pointer-events: none;
background: #ccc;
}				

.photos-main:has(.photo-wrapper)
{padding-top: 18px;}

.files-hold:has(.single-file)
{padding-top: 18px;}

/* camera snap, appending photo disable link */
.top-modal .photo-single
{pointer-events: none;}

/* support page */

.chat-hold  	{background-color: #edeef0;}

					.chat-pattern
					{
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					background-image: url('../images/chat-pattern.svg');
					opacity: .1;
					}

					.chat-hold iframe
					{
					display: block;
					width: 100%;
					height: 100%;
					border: none;
					box-shadow: 0 0 10px rgba(0, 0, 0, .2);
					border-radius: 10px;					
					}

/* for qr code templates */
.qr-paper  		{
					margin-left: auto;
					margin-right: auto;
					font-size: 0;
					}

.letter 			{
					width: 8.5in;
					height: 11in;
					}

.page-break		{page-break-after: always;}

.hide 			{display: none;}

@media print {

	body {
		margin: 0;
		padding: 0;
	}

	.print-none
	{display: none;}

	.qr-paper,
	.qr-hold
	{
	border: none;
	margin: 0;
	box-shadow: none;
	}

}