:root {
	--main-view-container-padding: 24px;

	--pdf-page-width: 210mm;
	--pdf-page-height: 296mm;
	--pdf-page-margin: 10mm;
}

html {
	font-size: 16px;
}

body {
	margin: 0;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.loader-container {
	width: 100%;
	height: 5px;
	position: fixed;
	z-index: 1100;
	display: none;

	&.show-container {
		display: block;
	}


	.meter {
		box-sizing: content-box;
		height: 100%;
		position: relative;
		background: rgb(0 38 58);
	}

	.meter>span {
		display: block;
		height: 100%;
		background-color: rgb(0 38 58);
		background-image: linear-gradient(center bottom,
				rgb(43, 194, 83) 37%,
				rgb(84, 240, 84) 69%);
		box-shadow: inset 0 2px 9px rgba(1, 1, 1, 0),
			inset 0 -2px 6px rgba(0, 0, 0, 0);
		position: relative;
		overflow: hidden;
	}

	.meter>span:after,
	.animate>span>span {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-image: linear-gradient(-45deg,
				rgb(249 115 22) 25%,
				transparent 25%,
				transparent 50%,
				rgb(249 115 22) 50%,
				rgb(249 115 22) 75%,
				transparent 75%,
				transparent);
		z-index: 1;
		background-size: 50px 50px;
		animation: loader-move 2s linear infinite;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		overflow: hidden;
	}

	.animate>span:after {
		display: none;
	}

	.nostripes>span>span,
	.nostripes>span::after {
		background-image: none;
	}
}

@keyframes loader-move {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 50px 50px;
	}
}


.button {
	border-radius: 8px;
	border: none;
	font-weight: 500;
	padding: 8px 16px;		
	cursor: pointer;

	&:disabled {		
		cursor: not-allowed;
	}

	&.primary{
		color: #FFFFFF;
		background-color: #00ace0;

		&:disabled {
			background-color: #7b7c7c;
		}
	}

	&.cancel{
		color: #cb2525;
		background-color: #d3d3d3;
	}
}


@media print {	
	main-growl-messages,
	main-modal,
	main-offside-canvas,
	main-sidebar-menu,
	main-bottom-panel,
	main-top-bar,		
	.main-side,
	.controls,
	.overlay {
		visibility: hidden !important;
	}

	.html2pdf,
	.container,
	.viewport {
		display: block !important;
		overflow: visible !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		background: #FFFFFF !important;
	}

	@page {
		size: A4;
		margin: 0;
	}
}