@charset "utf-8";
/* CSS Document */

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
	background-color: #F5F5F5;
	border-radius: 10px;
}

::-webkit-scrollbar
{
	width: 10px;
	height: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.44, rgba(0,0,0,0.2)),
									   color-stop(0.72, rgba(0,0,0,0.3)),
									   color-stop(0.86, rgba(0,0,0,0.2)));
}

html, body {
	padding: 0;
	margin: 0;
	background-color: #fff;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	font-size: 14px;
	min-width: 320px;
	overflow-x: hidden;
	color: #333;
}
a, a:visited {
	color: #333;
}
	a:hover {
		text-decoration: none;
	}

.body-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	max-width: 100vw;
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	min-width: 320px;
	overflow-x: hidden;
}

.hide-container {
	display: none !important;
	visibility: hidden !important;
}

body.isDesktop .onlyApp {
	display: none !important;
	visibility: hidden !important;
}
body.isApp .onlyDesktop {
	display: none !important;
	visibility: hidden !important;
}

.gradient-gray {
    /* background: #f5f5f5; */
    background: linear-gradient(0deg, #f9f9f9 0%, #eee 100%);
}

.body-content {
	position: relative;
	flex: 1;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #666;
	order: 1;
}
	.body-content>.container {
		position: relative;
		display: flex;
		flex-direction: column;
		height: 100%;
	}
		.body-content>.container>.header {
			background-color: #FDB813;
			color: #FFF;
			line-height: 48px;
			font-size: 20px;
			box-shadow: 0 0 6px 0px rgba(0,0,0,0.2);
			text-align: center;
			font-weight: bold;
			z-index: 1;
		}
		.body-content>.container>.content-container {
			flex: 1;
		    overflow-x: hidden;
    		overflow-y: auto;
			padding: 0;
		}
			.body-content>.container>.content-container>.content-wrapper {
				/*max-width: 640px;*/
				min-height: 100%;
				box-sizing: border-box;
				margin: 0 auto;
				padding: 20px;
				background-color: #f9f9f9;
			}

.nav-container {
	position: relative;
	height: 100vh;
    width: 220px;
	background-color: #fff;
	overflow-x: hidden;
    overflow-y: auto;
	order: 0;
}
	nav {
		/*position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 80px;
		background-color: rgba(0,0,0,0.15);*/
	}
		nav ul {
			display: flex;
			flex-direction: column;
			padding: 0;
			margin: 0;
			list-style-type: none;
		}
			nav ul>li {
				
			}
				nav ul>li>.main-link {
					position: relative;
					display: block;
					color: #000;
					font-weight: normal;
					font-size: 13px;
					cursor: pointer;
					padding: 0 10px;
					padding-left: 50px;
					line-height: 50px;
					margin: 5px 10px;
					border-radius: 5px;
					opacity: 0.6;
					text-transform: uppercase;
					text-decoration: none;
					
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
				}
					nav ul>li>.main-link:hover{
						background-color: #f5f5f5;
						opacity: 1;
					}
					nav ul>li>.main-link.active {
						background-color: #f5f5f5;
						opacity: 1;
					}

					nav>ul>li>.main-link:before {
						content: ' ';
						position: absolute;
						top: 0;
						left: 0;
						width: 50px;
						height: 50px;
						z-index: 1;
						opacity: 0.7;
						background-size: 32px;
						background-position: center center;
						background-repeat: no-repeat;
					}
						nav>ul>li>.main-link[data-target="home"]:before {
							background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA0NiA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjMwNzggMy44NTAyMkMxNC41NjEyIDQuMjE1MSA4LjYyNTM5IDEwLjg3MDggOC42MjUzOSAxOC41NzM0VjI1LjUzODFMNi4wODU0MyAzMC42NDhDNi4wODA5NiAzMC42NTczIDYuMDc2NTkgMzAuNjY2NyA2LjA3MjMzIDMwLjY3NjFDNS4wNTA1IDMyLjg0OTEgNi43MDQ2MSAzNS40NTg0IDkuMTA2NDMgMzUuNDU4NEgxNy4yNTA0QzE3LjI1MDQgMzguNjE2OSAxOS44NDE4IDQxLjIwODQgMjMuMDAwNCA0MS4yMDg0QzI2LjE1ODkgNDEuMjA4NCAyOC43NTA0IDM4LjYxNjkgMjguNzUwNCAzNS40NTg0SDM2Ljg5MjVDMzkuMjk0MyAzNS40NTg0IDQwLjk1MDUgMzIuODQ5NiAzOS45Mjg0IDMwLjY3NjFDMzkuOTI0MiAzMC42NjY3IDM5LjkxOTggMzAuNjU3MyAzOS45MTUzIDMwLjY0OEwzNy4zNzU0IDI1LjUzODFWMTguMjA4NEMzNy4zNzU0IDEwLjA1NjYgMzAuNTM2IDMuNDYyODUgMjIuMzA3OCAzLjg1MDIyWk0yMi40NDI2IDYuNzIxNDhDMjkuMDc0MyA2LjQwOTI3IDM0LjUwMDQgMTEuNjU1NSAzNC41MDA0IDE4LjIwODRWMjUuODc1QzM0LjUwMDIgMjYuMDk3MSAzNC41NTE0IDI2LjMxNjIgMzQuNjUwMSAyNi41MTUyTDM3LjMyNjcgMzEuOTAyMUMzNy40OTg4IDMyLjI3MSAzNy4yOTk3IDMyLjU4MzQgMzYuODkyNSAzMi41ODM0SDkuMTA2NDNDOC42OTkyIDMyLjU4MzQgOC41MDE2NyAzMi4yNzE1IDguNjc0MDUgMzEuOTAyMVYzMS45MDAyTDExLjM1MDYgMjYuNTE1MkMxMS40NDkzIDI2LjMxNjIgMTEuNTAwNiAyNi4wOTcxIDExLjUwMDQgMjUuODc1VjE4LjU3MzRDMTEuNTAwNCAxMi4zNDM3IDE2LjI3MjQgNy4wMTIxIDIyLjQ0MjYgNi43MjE0OFpNMjAuMTI1NCAzNS40NTg0SDI1Ljg3NTRDMjUuODc1NCAzNy4wNjI4IDI0LjYwNDggMzguMzMzNCAyMy4wMDA0IDM4LjMzMzRDMjEuMzk2IDM4LjMzMzQgMjAuMTI1NCAzNy4wNjI4IDIwLjEyNTQgMzUuNDU4NFoiIGZpbGw9IiMwMDAiLz4KPC9zdmc+Cg==");
						}
						nav>ul>li>.main-link[data-target="immobili"]:before {
							background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQxLjY2NjUgNi42NjY1QzQxLjEyNjkgNi42NjY1IDQwLjU4NzQgNi44NDE0MyA0MC4xMzY2IDcuMTkwNTlMMTguMTgwMiAyNC4xODZDMTUuMTQzNSAyNi41Mzc3IDEzLjMzMzIgMzAuMjMzOCAxMy4zMzMyIDM0LjA3MjFWMzkuNjE5TDE4LjMzMzIgMzUuNjYzOVYzNC4wNzIxQzE4LjMzMzIgMzEuNzY4OCAxOS40MTg0IDI5LjU1MTEgMjEuMjQwMSAyOC4xNDExTDQxLjY2NjUgMTIuMzI3M0w2Mi4wOTI5IDI4LjE0MTFDNjMuOTE0NiAyOS41NTI4IDY0Ljk5OTggMzEuNzY4OCA2NC45OTk4IDM0LjA3MjFWNjYuNjY2NUg0NC45OTk4QzQ0Ljk5OTggNjkuOTk5OCA0My4zMzMyIDcxLjY2NjUgNDMuMzMzMiA3MS42NjY1SDY1LjgzMzJDNjguMTMxNSA3MS42NjY1IDY5Ljk5OTggNjkuNzk2NSA2OS45OTk4IDY3LjQ5OThWMzQuMDcyMUM2OS45OTk4IDMwLjIzMzggNjguMTg5NSAyNi41Mzc3IDY1LjE1MjggMjQuMTg2TDQzLjE5NjQgNy4xOTA1OUM0Mi43NDU2IDYuODQxNDMgNDIuMjA2MSA2LjY2NjUgNDEuNjY2NSA2LjY2NjVaTTIzLjI1MTggMzcuNDI1QzIyLjcxODcgMzcuNDQzMiAyMi4yMDU0IDM3LjYzMTQgMjEuNzg2OSAzNy45NjIxTDkuNTI0NTggNDcuNjIwM0M3LjcyMTUzIDQ5LjA0MTIgNi42NjY1IDUxLjIxNyA2LjY2NjUgNTMuNTEyMlY2Ny40OTk4QzYuNjY2NSA2OS43NzI1IDguNTYwNTEgNzEuNjY2NSAxMC44MzMyIDcxLjY2NjVIMzUuODMzMkMzOC4xMDU4IDcxLjY2NjUgMzkuOTk5OCA2OS43NzI1IDM5Ljk5OTggNjcuNDk5OFY1My41MTIyQzM5Ljk5OTggNTEuMjE3IDM4Ljk0NzggNDkuMDQxMSAzNy4xNDE4IDQ3LjYyMDNMMjQuODc5NCAzNy45NjIxQzI0LjQxNzEgMzcuNTk2OSAyMy44NDA3IDM3LjQwNjYgMjMuMjUxOCAzNy40MjVaTTIzLjMzMzIgNDMuMTA4NkwzNC4wNDkzIDUxLjU0OTNDMzQuNjUgNTIuMDIxOCAzNC45OTk4IDUyLjc0NCAzNC45OTk4IDUzLjUxMjJWNjYuNjY2NUgxMS42NjY1VjUzLjUxMjJDMTEuNjY2NSA1Mi43NDQgMTIuMDE2NyA1Mi4wMjUgMTIuNjIwMyA1MS41NDkzTDIzLjMzMzIgNDMuMTA4NloiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=");
						}
						nav>ul>li>.main-link[data-target="pratiche"]:before {
							background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjgzMzUgNi42NjY1QzE2LjcyMSA2LjY2NjUgMTMuMzMzNSAxMC4wNTQgMTMuMzMzNSAxNC4xNjY1VjY1LjgzMzJDMTMuMzMzNSA2OS45NDU3IDE2LjcyMSA3My4zMzMyIDIwLjgzMzUgNzMuMzMzMkg1OS4xNjY4QzYzLjI3OTMgNzMuMzMzMiA2Ni42NjY4IDY5Ljk0NTcgNjYuNjY2OCA2NS44MzMyVjMwLjgzMzJDNjYuNjY2NyAzMC4xNzAyIDY2LjQwMzIgMjkuNTM0NCA2NS45MzQ0IDI5LjA2NTZMNjUuOTA4NCAyOS4wMzk2TDQ0LjI2NzcgNy4zOTg5M0M0My43OTkgNi45MzAwOSA0My4xNjMyIDYuNjY2NjMgNDIuNTAwMiA2LjY2NjVIMjAuODMzNVpNMjAuODMzNSAxMS42NjY1SDQwLjAwMDJWMjUuODMzMkM0MC4wMDAyIDI5Ljk0NTcgNDMuMzg3NyAzMy4zMzMyIDQ3LjUwMDIgMzMuMzMzMkg2MS42NjY4VjY1LjgzMzJDNjEuNjY2OCA2Ny4yNDQgNjAuNTc3NyA2OC4zMzMyIDU5LjE2NjggNjguMzMzMkgyMC44MzM1QzE5LjQyMjcgNjguMzMzMiAxOC4zMzM1IDY3LjI0NCAxOC4zMzM1IDY1LjgzMzJWMTQuMTY2NUMxOC4zMzM1IDEyLjc1NTcgMTkuNDIyNyAxMS42NjY1IDIwLjgzMzUgMTEuNjY2NVpNNDUuMDAwMiAxNS4yMDE3TDU4LjEzMTcgMjguMzMzMkg0Ny41MDAyQzQ2LjA4OTMgMjguMzMzMiA0NS4wMDAyIDI3LjI0NCA0NS4wMDAyIDI1LjgzMzJWMTUuMjAxN1pNMjkuMTY2OCA0MS42NjY1QzI4LjgzNTUgNDEuNjYxOCAyOC41MDY2IDQxLjcyMyAyOC4xOTkyIDQxLjg0NjZDMjcuODkxOCA0MS45NzAxIDI3LjYxMiA0Mi4xNTM1IDI3LjM3NjEgNDIuMzg2MUMyNy4xNDAxIDQyLjYxODcgMjYuOTUyOCA0Mi44OTU5IDI2LjgyNDkgNDMuMjAxNUMyNi42OTcxIDQzLjUwNzIgMjYuNjMxMiA0My44MzUyIDI2LjYzMTIgNDQuMTY2NUMyNi42MzEyIDQ0LjQ5NzggMjYuNjk3MSA0NC44MjU4IDI2LjgyNDkgNDUuMTMxNUMyNi45NTI4IDQ1LjQzNzEgMjcuMTQwMSA0NS43MTQzIDI3LjM3NjEgNDUuOTQ2OUMyNy42MTIgNDYuMTc5NSAyNy44OTE4IDQ2LjM2MjkgMjguMTk5MiA0Ni40ODY1QzI4LjUwNjYgNDYuNjEgMjguODM1NSA0Ni42NzEyIDI5LjE2NjggNDYuNjY2NUg1MC44MzM1QzUxLjE2NDggNDYuNjcxMiA1MS40OTM3IDQ2LjYxIDUxLjgwMTEgNDYuNDg2NUM1Mi4xMDg1IDQ2LjM2MjkgNTIuMzg4MyA0Ni4xNzk1IDUyLjYyNDMgNDUuOTQ2OUM1Mi44NjAyIDQ1LjcxNDMgNTMuMDQ3NSA0NS40MzcxIDUzLjE3NTQgNDUuMTMxNUM1My4zMDMzIDQ0LjgyNTggNTMuMzY5MSA0NC40OTc4IDUzLjM2OTEgNDQuMTY2NUM1My4zNjkxIDQzLjgzNTIgNTMuMzAzMyA0My41MDcyIDUzLjE3NTQgNDMuMjAxNUM1My4wNDc1IDQyLjg5NTkgNTIuODYwMiA0Mi42MTg3IDUyLjYyNDMgNDIuMzg2MUM1Mi4zODgzIDQyLjE1MzUgNTIuMTA4NSA0MS45NzAxIDUxLjgwMTEgNDEuODQ2NkM1MS40OTM3IDQxLjcyMyA1MS4xNjQ4IDQxLjY2MTggNTAuODMzNSA0MS42NjY1SDI5LjE2NjhaTTI5LjE2NjggNTMuMzMzMkMyOC44MzU1IDUzLjMyODUgMjguNTA2NiA1My4zODk3IDI4LjE5OTIgNTMuNTEzMkMyNy44OTE4IDUzLjYzNjggMjcuNjEyIDUzLjgyMDIgMjcuMzc2MSA1NC4wNTI4QzI3LjE0MDEgNTQuMjg1NCAyNi45NTI4IDU0LjU2MjYgMjYuODI0OSA1NC44NjgyQzI2LjY5NzEgNTUuMTczOCAyNi42MzEyIDU1LjUwMTkgMjYuNjMxMiA1NS44MzMyQzI2LjYzMTIgNTYuMTY0NSAyNi42OTcxIDU2LjQ5MjUgMjYuODI0OSA1Ni43OTgxQzI2Ljk1MjggNTcuMTAzOCAyNy4xNDAxIDU3LjM4MSAyNy4zNzYxIDU3LjYxMzZDMjcuNjEyIDU3Ljg0NjIgMjcuODkxOCA1OC4wMjk2IDI4LjE5OTIgNTguMTUzMUMyOC41MDY2IDU4LjI3NjYgMjguODM1NSA1OC4zMzc5IDI5LjE2NjggNTguMzMzMkg0NC4xNjY4QzQ0LjQ5ODEgNTguMzM3OSA0NC44MjcgNTguMjc2NiA0NS4xMzQ0IDU4LjE1MzFDNDUuNDQxOSA1OC4wMjk2IDQ1LjcyMTcgNTcuODQ2MiA0NS45NTc2IDU3LjYxMzZDNDYuMTkzNSA1Ny4zODEgNDYuMzgwOCA1Ny4xMDM4IDQ2LjUwODcgNTYuNzk4MUM0Ni42MzY2IDU2LjQ5MjUgNDYuNzAyNCA1Ni4xNjQ1IDQ2LjcwMjQgNTUuODMzMkM0Ni43MDI0IDU1LjUwMTkgNDYuNjM2NiA1NS4xNzM4IDQ2LjUwODcgNTQuODY4MkM0Ni4zODA4IDU0LjU2MjYgNDYuMTkzNSA1NC4yODU0IDQ1Ljk1NzYgNTQuMDUyOEM0NS43MjE3IDUzLjgyMDIgNDUuNDQxOSA1My42MzY4IDQ1LjEzNDQgNTMuNTEzMkM0NC44MjcgNTMuMzg5NyA0NC40OTgxIDUzLjMyODUgNDQuMTY2OCA1My4zMzMySDI5LjE2NjhaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
						}
						nav>ul>li>.main-link[data-target="profilo"]:before {
							background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQwLjAwMDIgNi42NjY1QzMwLjgyNSA2LjY2NjUgMjMuMzMzNSAxNC4xNTggMjMuMzMzNSAyMy4zMzMyQzIzLjMzMzUgMzIuNTA4MyAzMC44MjUgMzkuOTk5OCA0MC4wMDAyIDM5Ljk5OThDNDkuMTc1MyAzOS45OTk4IDU2LjY2NjggMzIuNTA4MyA1Ni42NjY4IDIzLjMzMzJDNTYuNjY2OCAxNC4xNTggNDkuMTc1MyA2LjY2NjUgNDAuMDAwMiA2LjY2NjVaTTQwLjAwMDIgMTEuNjY2NUM0Ni40NzMxIDExLjY2NjUgNTEuNjY2OCAxNi44NjAyIDUxLjY2NjggMjMuMzMzMkM1MS42NjY4IDI5LjgwNjEgNDYuNDczMSAzNC45OTk4IDQwLjAwMDIgMzQuOTk5OEMzMy41MjcyIDM0Ljk5OTggMjguMzMzNSAyOS44MDYxIDI4LjMzMzUgMjMuMzMzMkMyOC4zMzM1IDE2Ljg2MDIgMzMuNTI3MiAxMS42NjY1IDQwLjAwMDIgMTEuNjY2NVpNMjAuODMzNSA0Ni42NjY1QzE2LjcyMSA0Ni42NjY1IDEzLjMzMzUgNTAuMDU0IDEzLjMzMzUgNTQuMTY2NVY1Ni4xNjUyQzEzLjMzMzUgNjEuMDY2NiAxNi40NDE0IDY1LjQ2MzEgMjEuMTgxOCA2OC40ODYyQzI1LjkyMjMgNzEuNTA5MiAzMi40MDgyIDczLjMzMzIgNDAuMDAwMiA3My4zMzMyQzQ3LjU5MjEgNzMuMzMzMiA1NC4wNzgxIDcxLjUwOTIgNTguODE4NSA2OC40ODYyQzYzLjU1OSA2NS40NjMxIDY2LjY2NjggNjEuMDY2NiA2Ni42NjY4IDU2LjE2NTJWNTQuMTY2NUM2Ni42NjY4IDUwLjA1NCA2My4yNzkzIDQ2LjY2NjUgNTkuMTY2OCA0Ni42NjY1SDIwLjgzMzVaTTIwLjgzMzUgNTEuNjY2NUg1OS4xNjY4QzYwLjU3NzcgNTEuNjY2NSA2MS42NjY4IDUyLjc1NTcgNjEuNjY2OCA1NC4xNjY1VjU2LjE2NTJDNjEuNjY2OCA1OC45NDA0IDU5Ljg3OTMgNjEuODc5NSA1Ni4xMjk3IDY0LjI3MDdDNTIuMzgwMiA2Ni42NjE4IDQ2Ljc4MTYgNjguMzMzMiA0MC4wMDAyIDY4LjMzMzJDMzMuMjE4OCA2OC4zMzMyIDI3LjYyMDIgNjYuNjYxOCAyMy44NzA2IDY0LjI3MDdDMjAuMTIxMSA2MS44Nzk1IDE4LjMzMzUgNTguOTQwNCAxOC4zMzM1IDU2LjE2NTJWNTQuMTY2NUMxOC4zMzM1IDUyLjc1NTcgMTkuNDIyNyA1MS42NjY1IDIwLjgzMzUgNTEuNjY2NVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=");
						}
						nav>ul>li>.main-link[data-target="assistenza"]:before {
							background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjgzMzUgNi42NjY1QzE2LjcyMSA2LjY2NjUgMTMuMzMzNSAxMC4wNTQgMTMuMzMzNSAxNC4xNjY1VjY1LjgzMzJDMTMuMzMzNSA2OS45NDU3IDE2LjcyMSA3My4zMzMyIDIwLjgzMzUgNzMuMzMzMkg1OS4xNjY4QzYzLjI3OTMgNzMuMzMzMiA2Ni42NjY4IDY5Ljk0NTcgNjYuNjY2OCA2NS44MzMyVjMwLjgzMzJDNjYuNjY2NyAzMC4xNzAyIDY2LjQwMzIgMjkuNTM0NCA2NS45MzQ0IDI5LjA2NTZMNjUuOTA4NCAyOS4wMzk2TDQ0LjI2NzcgNy4zOTg5M0M0My43OTkgNi45MzAwOSA0My4xNjMyIDYuNjY2NjMgNDIuNTAwMiA2LjY2NjVIMjAuODMzNVpNMjAuODMzNSAxMS42NjY1SDQwLjAwMDJWMjUuODMzMkM0MC4wMDAyIDI5Ljk0NTcgNDMuMzg3NyAzMy4zMzMyIDQ3LjUwMDIgMzMuMzMzMkg2MS42NjY4VjY1LjgzMzJDNjEuNjY2OCA2Ny4yNDQgNjAuNTc3NyA2OC4zMzMyIDU5LjE2NjggNjguMzMzMkgyMC44MzM1QzE5LjQyMjcgNjguMzMzMiAxOC4zMzM1IDY3LjI0NCAxOC4zMzM1IDY1LjgzMzJWMTQuMTY2NUMxOC4zMzM1IDEyLjc1NTcgMTkuNDIyNyAxMS42NjY1IDIwLjgzMzUgMTEuNjY2NVpNNDUuMDAwMiAxNS4yMDE3TDU4LjEzMTcgMjguMzMzMkg0Ny41MDAyQzQ2LjA4OTMgMjguMzMzMiA0NS4wMDAyIDI3LjI0NCA0NS4wMDAyIDI1LjgzMzJWMTUuMjAxN1pNNDAuMDAwMiAzNC45OTk4QzM4LjQzMDQgMzQuOTk5OCAzNi44NTMgMzUuNTE3MyAzNS41NTM1IDM2LjUzOTZDMzUuNTUyNSAzNi41Mzk1IDM1LjU1MTQgMzYuNTM5NSAzNS41NTAzIDM2LjUzOTZMMjcuNzM3OCA0Mi42OTUxQzI2LjAwODggNDQuMDU2NCAyNC45OTY5IDQ2LjE0MjUgMjQuOTk2OSA0OC4zNDI5VjU3LjY1NjFDMjQuOTk2OSA2MC43MzI1IDI3LjU0NTUgNjMuMjgxMSAzMC42MjE5IDYzLjI4MTFINDkuMzcxOUM1Mi40NDgzIDYzLjI4MTEgNTQuOTk2OSA2MC43MzI1IDU0Ljk5NjkgNTcuNjU2MVY0OC4zNDI5QzU0Ljk5OTQgNDYuMTQxNSA1My45ODk1IDQ0LjA2MDYgNTIuMjYyNSA0Mi42OTg0QzUyLjI2MTQgNDIuNjk3MyA1Mi4yNjA0IDQyLjY5NjIgNTIuMjU5MyA0Mi42OTUxTDQ0LjQ0NjggMzYuNTM5NlYzNi41NDI4QzQzLjE0NzcgMzUuNTE4NyA0MS41Njk5IDM0Ljk5OTggNDAuMDAwMiAzNC45OTk4Wk00MC4wMDAyIDM5Ljk5OThDNDAuNDgwNCAzOS45OTk4IDQwLjk1MDMgNDAuMTUyNyA0MS4zNTExIDQwLjQ2ODZDNDEuMzUyMiA0MC40Njg2IDQxLjM1MzIgNDAuNDY4NiA0MS4zNTQzIDQwLjQ2ODZMNDkuMTY2OCA0Ni42MjQyQzQ5LjY5NjUgNDcuMDQyIDQ5Ljk5NzcgNDcuNjcxMSA0OS45OTY5IDQ4LjMzOTdDNDkuOTk2OSA0OC4zNDA4IDQ5Ljk5NjkgNDguMzQxOSA0OS45OTY5IDQ4LjM0MjlWNTcuNjU2MUM0OS45OTY5IDU4LjAzMyA0OS43NDg4IDU4LjI4MTEgNDkuMzcxOSA1OC4yODExSDMwLjYyMTlDMzAuMjQ1IDU4LjI4MTEgMjkuOTk2OSA1OC4wMzMgMjkuOTk2OSA1Ny42NTYxVjQ4LjM0MjlDMjkuOTk2OSA0Ny42NyAzMC4zMDI2IDQ3LjAzOTYgMzAuODMwMiA0Ni42MjQyQzMwLjgzMTMgNDYuNjI0MiAzMC44MzI0IDQ2LjYyNDIgMzAuODMzNSA0Ni42MjQyTDM4LjY0MjcgNDAuNDY4NkMzOS4wNDY2IDQwLjE1MDkgMzkuNTE5OSAzOS45OTk4IDQwLjAwMDIgMzkuOTk5OFpNMzguMzMzNSA0OC4zMzMyQzM3LjQxMzUgNDguMzMzMiAzNi42NjY4IDQ5LjA3OTggMzYuNjY2OCA0OS45OTk4VjUzLjMzMzJDMzYuNjY2OCA1NC4yNTMyIDM3LjQxMzUgNTQuOTk5OCAzOC4zMzM1IDU0Ljk5OThINDEuNjY2OEM0Mi41ODY4IDU0Ljk5OTggNDMuMzMzNSA1NC4yNTMyIDQzLjMzMzUgNTMuMzMzMlY0OS45OTk4QzQzLjMzMzUgNDkuMDc5OCA0Mi41ODY4IDQ4LjMzMzIgNDEuNjY2OCA0OC4zMzMySDM4LjMzMzVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
						}
						nav>ul>li>.main-link[data-target="logout"]:before {
							background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQwLjAwMDIgNi42NjY1QzMyLjY2NTkgNi42NjY1IDI2LjY2NjggMTIuNjY1NSAyNi42NjY4IDE5Ljk5OThWMjYuNjY2NUgyMC44MzM1QzE2LjcyMSAyNi42NjY1IDEzLjMzMzUgMzAuMDU0IDEzLjMzMzUgMzQuMTY2NVY2NS44MzMyQzEzLjMzMzUgNjkuOTQ1NyAxNi43MjEgNzMuMzMzMiAyMC44MzM1IDczLjMzMzJINTkuMTY2OEM2My4yNzkzIDczLjMzMzIgNjYuNjY2OCA2OS45NDU3IDY2LjY2NjggNjUuODMzMlYzNC4xNjY1QzY2LjY2NjggMzAuMDU0IDYzLjI3OTMgMjYuNjY2NSA1OS4xNjY4IDI2LjY2NjVINTMuMzMzNVYxOS45OTk4QzUzLjMzMzUgMTIuNjY1NSA0Ny4zMzQ1IDYuNjY2NSA0MC4wMDAyIDYuNjY2NVpNNDAuMDAwMiAxMS42NjY1QzQ0LjYzMjUgMTEuNjY2NSA0OC4zMzM1IDE1LjM2NzUgNDguMzMzNSAxOS45OTk4VjI2LjY2NjVIMzEuNjY2OFYxOS45OTk4QzMxLjY2NjggMTUuMzY3NSAzNS4zNjc4IDExLjY2NjUgNDAuMDAwMiAxMS42NjY1Wk0yMC44MzM1IDMxLjY2NjVINTkuMTY2OEM2MC41Nzc3IDMxLjY2NjUgNjEuNjY2OCAzMi43NTU3IDYxLjY2NjggMzQuMTY2NVY2NS44MzMyQzYxLjY2NjggNjcuMjQ0IDYwLjU3NzcgNjguMzMzMiA1OS4xNjY4IDY4LjMzMzJIMjAuODMzNUMxOS40MjI3IDY4LjMzMzIgMTguMzMzNSA2Ny4yNDQgMTguMzMzNSA2NS44MzMyVjM0LjE2NjVDMTguMzMzNSAzMi43NTU3IDE5LjQyMjcgMzEuNjY2NSAyMC44MzM1IDMxLjY2NjVaTTQwLjAwMDIgNDQuOTk5OEMzOC42NzQxIDQ0Ljk5OTggMzcuNDAyMyA0NS41MjY2IDM2LjQ2NDYgNDYuNDY0M0MzNS41MjY5IDQ3LjQwMiAzNS4wMDAyIDQ4LjY3MzggMzUuMDAwMiA0OS45OTk4QzM1LjAwMDIgNTEuMzI1OSAzNS41MjY5IDUyLjU5NzcgMzYuNDY0NiA1My41MzU0QzM3LjQwMjMgNTQuNDczIDM4LjY3NDEgNTQuOTk5OCA0MC4wMDAyIDU0Ljk5OThDNDEuMzI2MiA1NC45OTk4IDQyLjU5OCA1NC40NzMgNDMuNTM1NyA1My41MzU0QzQ0LjQ3MzQgNTIuNTk3NyA0NS4wMDAyIDUxLjMyNTkgNDUuMDAwMiA0OS45OTk4QzQ1LjAwMDIgNDguNjczOCA0NC40NzM0IDQ3LjQwMiA0My41MzU3IDQ2LjQ2NDNDNDIuNTk4IDQ1LjUyNjYgNDEuMzI2MiA0NC45OTk4IDQwLjAwMDIgNDQuOTk5OFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=");
						}

.block {
	display: block;
}
.hide {
	display: none !important;
}
.inline {
	display: inline-block;
}

/* TEXT */
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}

.text-blue {
	color: #215181;
}
.text-green {
	color: #008448;
}
.content-title {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}


loader {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
	cursor: progress;
	background-color: rgba(255,255,255,0.3);
	color: #333;
}
		loader.splashScreen {
			background-color: #FDB813;
    		color: #fff;
			z-index: 100001;
		}
	loader:before {
		position: absolute;
		top: calc(50% - 12px);
		left: calc(50% - 12px);
		content: '\f110';
		font-family: 'FontAwesome';
		font-size: 24px;
		line-height: 24px;
		animation: rotation 1s infinite linear;
	}
	.loading loader,
	loader.active {
		display: block;
	}
	.loading loaded {
		display: none;
	}

	table.bordered td {
		border-bottom: 1px solid #ddd;
	}

/* INPUT */
input {
    display: block;
    width: 100%;
    border: 1px solid #ccc;
    color: #555;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    padding: 0 18px;
    box-sizing: border-box;
    line-height: 42px;
    border-radius: 5px;
	outline: none !important;
	font-size: 16px;
	transition: box-shadow 0.15s linear;
}
	input[type="text"]:focus {
		box-shadow: 0 0 4px 0 #00adff;
		border: 1px solid #fff;
	}
	input[readonly],
	input[disabled]{
		color: #999;
		cursor: no-drop;
		background-color: #f5f5f5;
	}

.input-container {
    position: relative;
	margin-bottom: 10px;
}
.input-container.label-fixed>label {
    position: absolute;
    top: -6px;
    left: 12px;
    font-size: 12px;
    color: #666;
    padding: 0 4px;
	border-bottom: 1px solid #fff;
    height: 6px;
}

/* FINE INPUT */

hr {
    display: block;
    padding: 0;
    height: 1px;
    background-color: #ccc;
    border: 0;
    margin: 10px 0;
}

/* BUTTON */
.button {
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	display: block;
	width: fit-content;
	box-sizing: border-box;
	font-size: 14px;
    line-height: 42px;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 0 6px 0px rgba(0,0,0,0.3);
    padding: 0 14px;
	background-color: #f5f5f5;
	color: #212121;
	font-weight: normal;
	transition: all 0.15s linear;
	outline: none !important;
	text-decoration: none;
	
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
		.button:hover {
			cursor: pointer;
			opacity: 0.85;
		}
		.button:active {
			box-shadow: none;
		}
			.button.active {
				box-shadow: inset 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
			}
	.button.light-blue {
		background-color: #6abdf5;
		color: #fff;
	}
	.button.blue {
		background-color: #215181;
		color: #fff;
	}
	.button.green {
		background-color: #008448;
		color: #fff;
	}
	.button.warning {
		background-color: #FFC107;
		color: #fff;
	}
	.button.danger {
		background-color: #F44336;
		color: #fff;
	}

*:disabled, *:hover:disabled {
    opacity: 0.6;
    cursor: no-drop !important;
}

.button>i {
	margin-right: 8px;
}

.button.inline {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

/* LABEL */
.label {
    display: inline-block;
    padding: 0 14px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 24px;
    background-color: #ccc;
    font-weight: bold;
    color: #111;
}
	.label.blue {
		background-color: #215181;
		color: #fff;
	}
	.label.green {
		background-color: #008448;
		color: #fff;
	}
	.label.warning {
		background-color: #FFC107;
		color: #fff;
	}
	.label.danger {
		background-color: #F44336;
		color: #fff;
	}

/* OVERLAY */
.overlay-container {
	
}
	.overlay-container>.overlay {
		position: absolute;
		z-index: 100;
		top: 0;
		left: 100%;
		/*width: calc(100% - 220px);*/
		width: 100%;
		height: 100%;
		background-color: #f5f5f5;
		
		display: flex;
    	flex-direction: column;
		
		transition: left 0.15s cubic-bezier(0.58, 0.00, 0.58, 1);
	}
		.overlay-container>.overlay.active {
			/*left: 220px;*/
			left: 0;
		}
	.overlay>.header {
		background-color: #fff;
		line-height: 48px;
		font-size: 16px;
		color: #FDB813;
		box-shadow: 0 0 6px 0px rgba(0,0,0,0.2);
		display: flex;
		flex-direction: row;
		z-index: 1;
	}
		.overlay>.header>.back,
		.overlay>.header>.next {
			width: 40px;
			text-align: center;
			cursor: pointer;
			font-size: 20px;
		}
		.overlay>.header>.title {
			flex: 1;
			text-align: center;
			font-weight: bold;
    		font-size: 20px;
		}
	.overlay>.content-container {
		flex: 1;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 0;
	}
		.overlay .content-wrapper {
			max-width: 640px;
			min-height: 100%;
			margin: 0 auto;
			background-color: #fff;
			box-sizing: border-box;
		}

/* LOG - DEBUG STUFF */
.mainToggleLog {
	cursor: pointer;
    position: absolute;
    bottom: 10px;
    z-index: 10001;
    right: 20px;
    border-radius: 48px;
    width: 48px;
    height: 48px;
    border: 0;
    background-color: #fff;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.2);
}
#logContentContainer>div {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
	#logContentContainer>div>small {
		display: block;
    	color: #999;
	}

/* OVERRIDE VARIO */
.m-0 {margin: 0;}
.m-5 {margin: 5px;}
.m-10 {margin: 10px;}
.m-20 {margin: 20px;}
.m-30 {margin: 30px;}
.m-40 {margin: 40px;}
.m-50 {margin: 50px;}
.m-60 {margin: 60px;}
.m-70 {margin: 70px;}
.m-80 {margin: 80px;}
.m-90 {margin: 90px;}

.mb-0 {margin-bottom: 0;}
.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}

.mt-0 {margin-top: 0;}
.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}
.mt-70 {margin-top: 70px;}
.mt-80 {margin-top: 80px;}
.mt-90 {margin-top: 90px;}

.ml-0 {margin-left: 0;}
.ml-5 {margin-left: 5px;}
.ml-10 {margin-left: 10px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.ml-40 {margin-left: 40px;}
.ml-50 {margin-left: 50px;}
.ml-60 {margin-left: 60px;}
.ml-70 {margin-left: 70px;}
.ml-80 {margin-left: 80px;}
.ml-90 {margin-left: 90px;}

.mr-0 {margin-right: 0 !important;}
.mr-5 {margin-right: 5px;}
.mr-10 {margin-right: 10px;}
.mr-20 {margin-right: 20px;}
.mr-30 {margin-right: 30px;}
.mr-40 {margin-right: 40px;}
.mr-50 {margin-right: 50px;}
.mr-60 {margin-right: 60px;}
.mr-70 {margin-right: 70px;}
.mr-80 {margin-right: 80px;}
.mr-90 {margin-right: 90px;}

.mlr-0 {margin-right: 0 !important; margin-left: 0 !important;}
.mlr-5 {margin-right: 5px;margin-left: 5px;}
.mlr-10 {margin-right: 10px;margin-left: 10px;}
.mlr-20 {margin-right: 20px;margin-left: 20px;}
.mlr-30 {margin-right: 30px;margin-left: 30px;}
.mlr-40 {margin-right: 40px;margin-left: 40px;}
.mlr-50 {margin-right: 50px;margin-left: 50px;}
.mlr-60 {margin-right: 60px;margin-left: 60px;}
.mlr-70 {margin-right: 70px;margin-left: 70px;}
.mlr-80 {margin-right: 80px;margin-left: 80px;}
.mlr-90 {margin-right: 90px;margin-left: 90px;}

.mtb-0 {margin-top: 0 !important; margin-bottom: 0 !important;}
.mtb-5 {margin-top: 5px;margin-bottom: 5px;}
.mtb-10 {margin-top: 10px;margin-bottom: 10px;}
.mtb-20 {margin-top: 20px;margin-bottom: 20px;}
.mtb-30 {margin-top: 30px;margin-bottom: 30px;}
.mtb-40 {margin-top: 40px;margin-bottom: 40px;}
.mtb-50 {margin-top: 50px;margin-bottom: 50px;}
.mtb-60 {margin-top: 60px;margin-bottom: 60px;}
.mtb-70 {margin-top: 70px;margin-bottom: 70px;}
.mtb-80 {margin-top: 80px;margin-bottom: 80px;}
.mtb-90 {margin-top: 90px;margin-bottom: 90px;}

.p-0 {padding: 0;}
.p-5 {padding: 5px;}
.p-10 {padding: 10px;}
.p-20 {padding: 20px;}
.p-30 {padding: 30px;}
.p-40 {padding: 40px;}
.p-50 {padding: 50px;}
.p-60 {padding: 60px;}
.p-70 {padding: 70px;}
.p-80 {padding: 80px;}
.p-90 {padding: 90px;}

.pb-0 {padding-bottom: 0;}
.pb-5 {padding-bottom: 5px;}
.pb-10 {padding-bottom: 10px;}
.pb-20 {padding-bottom: 20px;}
.pb-30 {padding-bottom: 30px;}
.pb-40 {padding-bottom: 40px;}
.pb-50 {padding-bottom: 50px;}
.pb-60 {padding-bottom: 60px;}
.pb-70 {padding-bottom: 70px;}
.pb-80 {padding-bottom: 80px;}
.pb-90 {padding-bottom: 90px;}

.pt-0 {padding-top: 0;}
.pt-5 {padding-top: 5px;}
.pt-10 {padding-top: 10px;}
.pt-20 {padding-top: 20px;}
.pt-30 {padding-top: 30px;}
.pt-40 {padding-top: 40px;}
.pt-50 {padding-top: 50px;}
.pt-60 {padding-top: 60px;}
.pt-70 {padding-top: 70px;}
.pt-80 {padding-top: 80px;}
.pt-90 {padding-top: 90px;}

.pl-0 {padding-left: 0;}
.pl-5 {padding-left: 5px;}
.pl-10 {padding-left: 10px;}
.pl-20 {padding-left: 20px;}
.pl-30 {padding-left: 30px;}
.pl-40 {padding-left: 40px;}
.pl-50 {padding-left: 50px;}
.pl-60 {padding-left: 60px;}
.pl-70 {padding-left: 70px;}
.pl-80 {padding-left: 80px;}
.pl-90 {padding-left: 90px;}

.pr-0 {padding-right: 0 !important;}
.pr-5 {padding-right: 5px;}
.pr-10 {padding-right: 10px;}
.pr-20 {padding-right: 20px;}
.pr-30 {padding-right: 30px;}
.pr-40 {padding-right: 40px;}
.pr-50 {padding-right: 50px;}
.pr-60 {padding-right: 60px;}
.pr-70 {padding-right: 70px;}
.pr-80 {padding-right: 80px;}
.pr-90 {padding-right: 90px;}

.plr-0 {padding-right: 0 !important; padding-left: 0 !important;}
.plr-5 {padding-right: 5px;padding-left: 5px;}
.plr-10 {padding-right: 10px;padding-left: 10px;}
.plr-20 {padding-right: 20px;padding-left: 20px;}
.plr-30 {padding-right: 30px;padding-left: 30px;}
.plr-40 {padding-right: 40px;padding-left: 40px;}
.plr-50 {padding-right: 50px;padding-left: 50px;}
.plr-60 {padding-right: 60px;padding-left: 60px;}
.plr-70 {padding-right: 70px;padding-left: 70px;}
.plr-80 {padding-right: 80px;padding-left: 80px;}
.plr-90 {padding-right: 90px;padding-left: 90px;}

.ptb-0 {padding-top: 0 !important; padding-bottom: 0 !important;}
.ptb-5 {padding-top: 5px;padding-bottom: 5px;}
.ptb-10 {padding-top: 10px;padding-bottom: 10px;}
.ptb-20 {padding-top: 20px;padding-bottom: 20px;}
.ptb-30 {padding-top: 30px;padding-bottom: 30px;}
.ptb-40 {padding-top: 40px;padding-bottom: 40px;}
.ptb-50 {padding-top: 50px;padding-bottom: 50px;}
.ptb-60 {padding-top: 60px;padding-bottom: 60px;}
.ptb-70 {padding-top: 70px;padding-bottom: 70px;}
.ptb-80 {padding-top: 80px;padding-bottom: 80px;}
.ptb-90 {padding-top: 90px;padding-bottom: 90px;}

.rotate0 {transform: rotate(0deg);}
.rotate90 {transform: rotate(90deg);}
.rotate180 {transform: rotate(180deg);}
.rotate270 {transform: rotate(270deg);}

/* flexbox custom */
.flex-cont {
	display: flex;
	width: 100%;
	box-sizing: border-box;
}
		.flex-cont.wrap {
			flex-wrap: wrap;
		}

		.flex-cont.column {
			flex-direction: column;
		}
		.flex-cont.row {
			flex-direction: row;
		}
		.flex-cont.gap-5 {
			gap: 5px;
		}
		.flex-cont.gap-10 {
			gap: 10px;
		}
		.flex-cont.gap-20 {
			gap: 20px;
		}
	.flex-col {
		flex:1;
	}
	.flex-col-half {
		flex:0.5;
	}
	.flex-col-2 {
		flex:2;
	}
	.flex-col-3 {
		flex:3;
	}
	.flex-col-4 {
		flex:4;
	}

	.flex-icon {
		width: 60px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
	}
		.flex-icon.documents {
			background-image: url(/images/icon/documents-dotted.svg);
		}

/* animation */
.spin {
    animation: rotation 1s infinite linear;
}
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}