@font-face {
				font-family: Kontrapunkt;
				src: url(/fonts/Kontrapunkt-l.txt);
			} 

			
			*{outline:none;
				font-family: arial tahoma sans-serif;
			}
			body.isChrome *{ 
				font-family: Kontrapunkt;
			}
			html,body{background:none;margin:0;padding:0;}
			#connect
			{
				box-sizing:border-box; 
				position:fixed;
				width:100%;
				height:100%;
				display:flex;
				align-items:center;
				justify-content:center;
				background:rgba(0,0,0,0.2);
				top:0px;
				left:0px;
			}
			#connect .box{
				display:inline-block;
				box-sizing:border-box;
				background:white;
				border-radius:6px;
				border:3px solid #aaa;
				min-width:480px; 
				font-size:14px;
				overflow:hidden;
				height:180px;
				margin-top:0px;
				animation-name: showbox;
				animation-duration: 0.3s;
				animation-iteration-count: 1;
				opacity:1;
				
			}
			#connect .box.theme2 h1
			{
				background:#0061a7;
				border-bottom:1px solid white;
				color:white;
			}
			#connect .box.theme2{
				border-width:2px;
				border-top:none;
				border-color:#0061a7;
			}
			
			@keyframes showbox {
				from {height:0px;margin-top:-120px;opacity:0;}
				to {height:180px;margin-top:0px;opacity:1;}
			}
			@keyframes hidebox {
				from {height:180px;margin-top:0px;opacity:1;}
				to {height:0px;margin-top:-120px;opacity:0;}
			}
			
			#connect .box.hide
			{
				height:0px;
				margin-top:-120px;
				opacity:0;
				animation-name: hidebox;
				animation-duration: 0.3s;
				animation-iteration-count: 1;
			}

			#connect .box .content{
				padding:5px 10px;
			}
			#connect .box h1{
				font-size:16px;
				margin:0;
				box-sizing:border-box;
				padding:4px 8px;
				margin-bottom:8px;
				background:#f2f2f2;
				border-bottom:1px solid #ccc;
				text-align:center;
				
			}
			p
			{
				margin:2px;
				margin-bottom:12px;
				padding:0px;
				clear:both;
				border-bottom:1px dotted #ddd;
				height:30px;
			}
			p label
			{
				display:inline-block;
				padding-top:8px;
				font-style:italic;
			}
			p input
			{
				float:right;
				width:200px;
				border-radius:0px 0px 4px 0px;
				border:1px solid #aaa;
				padding:3px 5px;
				font-size:15px;
			}
			img
			{
				display:inline-block;
				vertical-align:middle;
				margin:0px 3px;
			}
			.clear{clear:both;}
			.textCenter
			{
				text-align:center;
			}
			.validate {
				-moz-box-shadow:inset 0px -1px 0px 0px #54a3f7;
				-webkit-box-shadow:inset 0px -1px 0px 0px #54a3f7;
				box-shadow:inset 0px -1px 0px 0px #54a3f7;
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
				background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
				background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
				background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
				background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
				background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
				background-color:#007dc1;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				border-radius:5px;
				border:1px solid #124d77;
				display:inline-block;
				cursor:pointer;
				color:#ffffff; 
				font-size:15px;
				padding:4px 33px;
				text-decoration:none;
				text-shadow:0px 1px 0px #154682;
			}
			.validate:hover {
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
				background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
				background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
				background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
				background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
				background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
				background-color:#0061a7;
			}
			.validate:active {
				position:relative;
				top:1px;
			}
			h1 a.disconnect
			{
				display:inline-block;
				float:right;
				margin-right:0px;
				width:16px;
				height:16px;
				margin-top:3px;
				background:url(https://staticimg.comptavoo.com/theme/main/img/icons/16x16/delete.png) center center no-repeat;
			}
			.loading
			{
				display:none;
			}
			
			.loaderComptavooInactive
			{
				width:100px;
				height:87px;
				margin:0 auto;
				display:inline-block;
				display:none;
				background:url(padlock-r.png) center center no-repeat;
			}
			.loaderComptavoo {
			width: 100px;
			height: 100px;
			display:inline-block;
			background-image: url("/home/images/loadingcss3.png");
			background-position:center center;
			-webkit-animation: loaderSprite 0.68s steps(17, end) infinite;
			-moz-animation: loaderSprite 0.68s steps(17, end) infinite;
			animation: loaderSprite 0.68s steps(17, end) infinite;
			margin:0 auto;}
			@-webkit-keyframes loaderSprite {
			from { background-position: 0px; }
			to { background-position: -1700px; }
			}
			@-moz-keyframes loaderSprite 
			{from { background-position: 0px; }to { background-position: -1700px; }}
			@keyframes loaderSprite {from { background-position: 0px; }to { background-position: -1700px; }}
			.chrome { display : none }