/****************************************************************/
/*	COPYRIGHT 2021 J. ROLOFF / double-D-IT / FW-Sophos LOGIN 	*/
/****************************************************************/

	/* GENERAL SETTINGS ---------------------------------------------------------------------------- */
		* { margin: 0px; padding: 0px;}
		html, body { width: 100%; height: 100%; color: #666; background: #f3f3f3; font: 12px Arial,Helvetica,sans-serif; } 
		body { box-shadow: inset 0 -30px 0 0 #666; }
		#container { position: relative; z-index: 10; max-width: 300px; height: auto; top: 15%; padding:15px; margin: 0px auto; box-sizing: border-box; background: #fff; border-radius: 3px; border: 1px solid #ccc; border-top-width: 5px; box-shadow: 0 1px 2px rgba(0,0,0,0.1); } 
		#double-d-it #container { border-top-color: #97bf0d; }
		#cloud-bln  #container { border-top-color: #ffb10c; }
		#header { font-size: 16px; font-weight: bold; padding: 0; line-height: 18px; text-align: center; height: 100px; border-bottom: 1px dashed #ccc; margin-bottom: 10px; }
		
		#host { font-size: 11px; color: #CCC; line-height: 16px; text-align: center; position: relative; } 
		form { margin: 0 auto; padding: 0 10px; } 
		form p:last-child { text-align: right; } 
		label { color: #999; display: inline-block; padding-top: 15px; font-size: 13px; } 
		input { font-size: 14px; outline: none; border-radius: 3px;  } 
		input[type=text], input[type=password] { background-color: #fff !important; color: #999; padding-left: 35px; margin-top: 5px; width: 100%; height: 50px; border: 1px solid #ccc; font-size: 18px; background-repeat: no-repeat; background-position: 3px center; background-blend-mode: difference; } 
		input[type=text] 		{ background-image: url(../images/user_login.png); }
		input[type=password]	{ background-image: url(../images/pass_login.png); }
		input[type=text]:focus, input[type=password]:focus { border: 1px solid #999; box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #e6f2f9; color: #666; } 
		input[type=submit] { margin-top: 30px; width: 100%; height: 55px; font-size: 20px; color: #fff; background: #666; cursor: pointer; border: none; } 
		.footer { font-size: 11px; position: absolute; bottom: 0px; height: 25px; text-align: center; left: calc(50% - 50px); color: #fff; }
		
		@media (max-width: 768px)
			{ 	
				#container { top: 5%; }
				#header { padding-top: 5px; }
			}		
	
		
	/*	
		.header::before, .header::after  { display: inline-block; vertical-align: middle; text-shadow: 1px 1px 0 #fff; background-repeat: no-repeat; background-position: center center; background-size: auto; }
		
		.header::before {  content:" "; width: 50px; height: 50px; margin: 0 10px 5px 0; background-image: url(../images/dd_logo.png); }
		/* .header::after { content:"double-D-IT"; } */
		

		
		/* CUSTOMER */
			/* DD  
				#double-d-it			.header::before { background-image: url(../images/dd_logo.png); }
				#double-d-it			.header::after  { content:"double-D-IT"; }
			*/	
			/* ALLKUR  
				#allkurier				.header::before { background-image: url(../images/allkurier_logo.png); }
				#allkurier				.header::after  { content:"Allkurier"; }
				
			/* BFA 
				#bollinger-fehlig		.header::before { background-image: url(../images/bfa_logo.png);  width: 100%; }
				#bollinger-fehlig		.header::after  { content:""; }

			/* DIZG  
				#dizg					.header::before { background-image: url(../images/dizg_logo.png); }
				#dizg					.header::after  { content:"DIZG Login"; }
				
			/* RA-EBR 
				#ebrahaim-rechtsanwaeltin	.header::before { content:"Renate Ebrahaim"; color: #0f628e; background-image: none; width: 100%; font-size: 24px; }
				#ebrahaim-rechtsanwaeltin	.header::after  { content:" Login"; }		
							
			/* KCN-KSN 
				#kcn-steuern			.header::before, #ksn-steuern .header::before, #stb-koegler .header::before { background-image: url(../images/stb_logo.png); border: 1px solid #888; }
				#kcn-steuern			.header::after,  #ksn-steuern .header::after,  #stb-koegler .header::after	 { content:"Login"; }	
			
			/* LSP
				#lspartner				.header::before { background-image: url(../images/lsp_logo.png);  width: 100%; height: 60px; }
				#lspartner				.header::after  { content:""; }
				
			/* DRAF 
				#steuerberatung-draffz	.header::before { content:"Steuerberater"; color: #0f628e; background-image: none; width: 100%; font-size: 24px; }
				#steuerberatung-draffz	.header::after  { content:" J. Draffz"; }		
				
			/* RCI 
				#rohleff-consulting		.header::before { background-image: url(../images/rci_logo.png);  width: 100%; height: 60px; }
				#rohleff-consulting		.header::after  { content:" Login "; }			
							
			/* TF
				#topfashion-online		.header::before { background-image: url(../images/topfashion_logo.png);  width: 90px; }
				#topfashion-online		.header::after  { content:"Login"; }
			
			/* UK 
				#undkrauss				.header::before { background-image: url(../images/uk_logo.png);  width: 100%; }
				#undkrauss				.header::after  { content:"Login"; }
				
			/* RA-WINT 
				#winter-gbr				.header::before { background-image: url(../images/winter_logo.png); }
				#winter-gbr				.header::after  { content:"RA WINTER Login"; }