*{
		margin:0;padding:0;left:0;top:0;font-family: 'Montserrat', sans-serif;
	/**/
	}:root {
  		--main-color1: #0a132b;--main-color1: #003b55;--main-color1: #000000;
		--main-color2: #31ffb9;--main-color2: #327de7;--main-color2: #327de7;
		--main-color3: #5411ff;--main-color3: #b30d28;--main-color3: #dd9933;
	/**/
	}html, body{
		position:fixed;width:100%;height:100%;overflow:hidden;-ms-touch-action:none;touch-action:none;
		overflow:visible;background:var(--main-color1);color:#fff;
		/* Enable hardware acceleration to fix laggy transitions */
	}.noint{
	  -webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
		 -khtml-user-select: none; /* Konqueror HTML */
		   -moz-user-select: none; /* Firefox */
			-ms-user-select: none; /* Internet Explorer/Edge */
				user-select: none; 
	/*Other*/
	}.hidden{
		display:none;
	}.last{
		margin-bottom:100px;
	}.transp{
		opacity:0;
	}.light{
		opacity:0.5;
	}.blur{
		-webkit-filter: blur(20px);-moz-filter: blur(20px);-o-filter: blur(20px);-ms-filter: blur(20px);filter: blur(20px);
	}input{
		outline: none;
	  -webkit-appearance: none;
	  -moz-appearance: none;
		border:none;
	}span{
		position: relative;
	}a{
		text-decoration: none;text-transform:none;color:#fff;
	}.reverse_h{
		-ms-transform: rotate(180deg);-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg);transform: rotate(180deg);
	/*placeholder*/
	}::-webkit-input-placeholder { 
		color: rgba(0,0,0,0.2); text-overflow: ellipsis; 
	}:-moz-placeholder { 
		color: rgba(0,0,0,0.2) !important; text-overflow: ellipsis; 
	}::-moz-placeholder { 
		color: rgba(0,0,0,0.2) !important; text-overflow: ellipsis; 
	} :-ms-input-placeholder { 
		color: rgba(0,0,0,0.2) !important; text-overflow: ellipsis; 
	}.gradient{
		background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
	}.transition300{
		transition:0.3s ease all;-webkit-transition:0.3s ease all;-moz-transition:0.3s ease all;
	
	/**/
	}.popup_wrapper{
		position:fixed;width:100%;height:100%;z-index:900;background:rgba(0,0,0,0.4);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);display:none;
		}.popup_container{
			position:absolute;width:430px;height:500px;left:50%;top:50%;margin-left:-215px;margin-top:-250px;background:var(--main-color3);border-radius:30px;overflow:hidden;color:#fff;
			}.popup_wrapper.verif .popup_container{background:var(--main-color3);
			}.popup_wrapper.done .popup_container{background:var(--main-color2);color:rgba(0,0,0,0.7);
			}.popup_wrapper.error .popup_container{background:#fc5959;
			}.popup_container .image{
				position:absolute;width:200px;height:200px;left:115px;top:60px;background:url(../res/icons/checkmark_icon.png);background-size:contain;
				}.popup_wrapper.verif .popup_container .image{
					background:url(../res/icons/waiting_icon.png);background-size:contain;
					-webkit-animation: rotating 5s linear infinite;
					-moz-animation: rotating 5s linear infinite;
					-ms-animation: rotating 5s linear infinite;
					-o-animation: rotating 5s linear infinite;
					animation: rotating 5s linear infinite;
				}.popup_wrapper.shield .popup_container .image{
					background:url(../res/icons/shield_icon.png);background-size:contain;
				}.popup_wrapper.done .popup_container .image{
					background:url(../res/icons/checkmark_icon.png);background-size:contain;
				}.popup_wrapper.error .popup_container .image{
					background:url("../res/icons/error_icon.png");background-size:contain;
			}.popup_container .text{
				position:absolute;width:400px;left:15px;top:320px;font-weight:900;font-size:20px;text-align:center;
			}.popup_container .continue_button{
				position:absolute;background:rgba(0,0,0,0.2);left:10%;width:80%;height:90px;top:auto;bottom:20px;color:#fff;text-align:center;line-height:90px;cursor:pointer;border-radius:20px;font-weight:800;
				}.popup_container .continue_button:hover{
					background:rgba(0,0,0,0.4); 
			}.popup_container .loadbar{
				position:absolute;background:rgba(0,0,0,0.2);left:10%;width:80%;height:12px;top:auto;bottom:20px;border-radius:20px;overflow:hidden;
				}.popup_container .loadbar .bar{
					position:absolute;width:20%;height:12px;background:#fff;
	/*<div class='popup_wrapper'>
		<div class='popup_container'>
			<div class='image'></div>
			<div class='text'>Bravo, vous êtes connectés</div>
			<div class='continue_button button'>Continuer</div>
		</div>
	</div>

	/**/
	}.intro_wrapper{
		position:absolute;width:100%;height:100%;z-index:700;
		}.intro_container{
			position:absolute;width:300px;height:300px;top:50%;left:50%;margin-left:-150px;margin-top:-150px;
			}.intro_container .logo_white{
				position:absolute;width:100%;height:100%;background: url("../res/images/logo_real_white.png") center no-repeat;background-size:contain;opacity:0.1;
			}.intro_container .logo_wrapper{
				position:absolute;width:0%;height:100%;overflow:hidden;transition:0.6s linear all;-webkit-transition:0.6s linear all;-moz-transition:0.6s linear all;
				}.intro_container .logo_real{
					position:absolute;width:300px;height:100%;background: url("../res/images/logo_real.png") center no-repeat;background-size:contain;
					
	}.main_wrapper{
		position:absolute;width:100%;height:100%;z-index:600;
		/*mw header*/
		}.main_wrapper .header{
			position:absolute;height:90px;width:100%;z-index:600;
			}.main_wrapper .header .header_logo{
				position:absolute;width:200px;height:90px;background:url("../res/images/logo_real.png") center no-repeat;background-size:contain;left:50%;margin-left:-100px;
			}.main_wrapper .header .main_menu{
				position:absolute;height:70px;width:70px;left:auto;right:10px;top:10px;cursor:pointer;
				}.main_wrapper .header .main_menu .icon_container{
					position:absolute;width:60px;height:60px;border-radius:60px;background:var(--main-color3);top:5px;left:5px;transition:0.2s linear all;-webkit-transition:0.2s linear all;-moz-transition:0.2s linear all;
					}.main_wrapper .header .main_menu.active .icon_container{
						border-radius:60px 60px 0 0;
					}.main_wrapper .header .main_menu .icon{
						position:absolute;width:60px;height:60px;border-radius:60px;background:url("../res/icons/zone_icon_menu.png") center no-repeat;background-size:55%;filter:invert(100%);-webkit-filter:invert(100%);-moz-filter:invert(100%);
						}.main_wrapper .header .main_menu.active .icon{display:none;
					}.main_wrapper .header .main_menu .close{
						position:absolute;width:60px;height:60px;border-radius:60px;background:url("../res/icons/zone_icon_close.png") center no-repeat;background-size:55%;display:none;
						}.main_wrapper .header .main_menu.active .close{display:block;
			}.main_wrapper .header .mm_dropdown{
				position:relative;width:300px;height:auto;min-height:50px;margin-left:auto;margin-right:15px;background:var(--main-color3);border-radius:20px 0 20px 20px;top:70px;padding-top:15px;padding-bottom:15px;display:none;
				}.main_wrapper .header .mm_dropdown .mm_element{
					position:relative;height:45px;line-height:45px;padding-left:20px;width:calc(100% - 20px);width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);cursor:pointer
					}.main_wrapper .header .mm_dropdown .mm_element:hover{
						background:rgba(0,0,0,0.2);
		/*mw mc*/
		}.main_wrapper .main_container{
			position:absolute;height:calc(100% - 130px);height:-webkit-calc(100% - 130px);height:-moz-calc(100% - 130px);top:90px;z-index:500;width:500px;margin-left:-250px;left:50%;
			}.main_wrapper .first_element{
				margin-top:140px;
			
			}.main_wrapper .main_container .screen{
				position:relative;width:80%;padding-left:10%;padding-right:10%;top:0;overflow:hidden;height:100%;
				}.main_wrapper .main_container .screen{
					overflow-y:scroll;
				}.main_wrapper .screen div:last, .main_wrapper .screen p{
					margin-bottom:100px;
				}.main_wrapper .screen .intro_text{
					width:100%;text-align:center;
				}.main_wrapper .error{
					width:100%;color:#ff3661;text-align:center;opacity:0;
					}.main_wrapper .error.active{
						opacity:1;
				}.main_wrapper .main_container .screen .button{
					cursor:pointer;border-radius:20px;font-weight:800;
				}.main_wrapper .main_container .scan_button{
					position:relative;width:100%;background:var(--main-color3);height:100px;margin-bottom:80px;
					}.main_wrapper .main_container .scan_button .icon{
						position:absolute;width:80px;height:60px;top:20px;left:10px;background:url("../res/icons/icon_barcode.png") center no-repeat;background-size:contain;
					}.main_wrapper .main_container .scan_button p{
						position:absolute;height:80px;line-height:80px;top:10px;left:110px;width:calc(100% - 110px);width:-webkit-calc(100% - 110px);width:-moz-calc(100% - 110px);font-size:20px;
				}.main_wrapper .main_container .input_line{
					position:relative;padding-top:5px;margin-left:10%;width:80%;
					}.main_wrapper .main_container .input_line .label{
						font-weight:800;
					}.main_wrapper .main_container .input_line input{
						border-radius:20px;padding-left:20px;height:50px;line-height:50px;font-size:16px;margin-top:5px;width:calc(100% - 20px);width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);
				}.main_wrapper .main_container .forgot_password{
					margin-top:20px;font-weight:800;font-size:10px;cursor:pointer;margin-left:10%;width:80%;
				}.main_wrapper .main_container .login_button{
					position:relative;background:var(--main-color2);left:10%;width:80%;height:60px;margin-top:20px;color:#111;text-align:center;line-height:60px;
				}.main_wrapper .main_container .continue_assembly_button{
					position:relative;background:var(--main-color2);left:10%;width:80%;height:90px;margin-top:60px;color:#111;text-align:center;line-height:90px;
				}.main_wrapper .main_container .new_assembly_button{
					position:relative;background:var(--main-color3);left:10%;width:80%;height:90px;margin-top:60px;color:#fff;text-align:center;line-height:90px;
				}.main_wrapper .main_container .action_button{
					position:absolute;background:var(--main-color3);left:10%;width:80%;height:90px;top:auto;bottom:0px;color:#fff;text-align:center;line-height:90px;
					}.main_wrapper .main_container .action_button.active{
						border-radius: 0 0 20px 20px;opacity:0.8;
				}.main_wrapper .main_container .back_button{
					position:relative;left:10%;width:130px;height:45px;margin-bottom:60px;color:#111;text-align:center;line-height:45px;cursor:pointer;
					}.main_wrapper .main_container .back_button .icon{
						position:absolute;width:45px;height:inherit;border-radius:30px;background:#fff url(../res/icons/icon_arrow_left_bold.png) center no-repeat;background-size:50%;
						}.main_wrapper .main_container .back_button:hover .icon{
							background-color:var(--main-color2);
					}.main_wrapper .main_container .back_button p{
						position:absolute;left:60px;height:inherit;color:#fff;font-weight:900;
						}.main_wrapper .main_container .back_button:hover p{
							color:var(--main-color2);
				}.main_wrapper .main_container .mm_dropdown{
					position:absolute;left:10%;width:80%;height:180px;background:var(--main-color3);border-radius:20px 20px 0 0;top:auto;bottom:90px;padding-top:15px;padding-bottom:15px;
					}.main_wrapper .main_container .mm_dropdown .mm_element{
						position:relative;height:90px;line-height:90px;padding-left:20px;width:calc(100% - 20px);width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);cursor:pointer;font-size:18px;font-weight:800;
						}.main_wrapper .main_container .mm_dropdown .mm_element:first-child{
							font-size:14px;
						}.main_wrapper .main_container .mm_dropdown .mm_element:hover{
							background:rgba(0,0,0,0.2);
				}.main_wrapper .main_container .scan_wrapper{
					position:relative;margin-left:20px;width:360px;height:200px;border-radius:20px;margin-top:70px;overflow:hidden;
					}.main_wrapper .main_container .scan_wrapper .icon{
						position:absolute;width:100%;height:100%;background:url("../res/icons/icon_barcode.png") center no-repeat;background-size:30%;opacity:0.93;z-index:100;
					}.reader{
						position:absolute;z-index:500;width:360px;height:200px;border-radius:20px;overflow:hidden;
						}.reader *{
						}.reader video{
							}#reader__dashboard_section_csr{
								display:none; 
							}.reader #qr-shaded-region{
								transition:0.3s ease all;-moz-transition:0.3s ease all;-webkit-transition:0.3s ease all;
								}.reader #qr-shaded-region *{
									display:none;
		/*mw footer*/
		}.main_wrapper .footer{
			position:absolute;height:35px;width:100%;top:auto;bottom:0;z-index:600;
			}.main_wrapper .footer p{
				position:absolute;width:30px;height:40px;left:50%;margin-left:15px;line-height:44px;font-size:10px;font-weight:800;
			}.main_wrapper .footer .footer_logo{
				position:absolute;width:100px;height:40px;background:url("../res/images/logo_real.png") center no-repeat;background-size:60%;left:50%;margin-left:-70px;
	/**
	
	/**/
		/*ANIMATIONS*/
		}
		}@-webkit-keyframes rotating /* Safari and Chrome */ {
		  from {
			-webkit-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
		  }to {
			-webkit-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
		  }
		}
		@keyframes rotating {
		  from {
			-ms-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
		  }to {
			-ms-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
		  } 
		}
	/**/
	/*=========================+++++++>  RESPONSIVE  <+++++++=========================*/
	/*================================================================================*/
	@media only screen and (max-width: 960px) {
		*{
		
		}
}