
/* LOGIN.CSS 1.0 (2024/04/17) */

body { 
	overflow:hidden; 
	background-image:url(../image/background/backgrnd.jpg); 
	background-position: center center;
	background-repeat: no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	padding: 0;
	margin: 0
}

.container { height:100vh; width:100%; padding:0; margin:0; background-color:#040034; opacity:0.9; overflow:hidden }

.login { padding:0; margin:0; overflow:hidden }
.login .userMail { width:290px; text-transform:lowercase; border:0; box-shadow:inset 0px 0px #888; border-radius:4px }
.login .userPass { width:120px; border:0; box-shadow:inset 0px 0px #888; border-radius:4px }
.loginNews { display:none }

.loginBox { width:720px; height:260px; position:absolute; top:40%; left:46%; transform:translate(-50%, -50%); color:#fff; z-index:0 }

.topLogo { display:none; padding-bottom:40px }
.logoTD { vertical-align:top; padding-right:16px; border-right:solid 1px #fff; height:260px }
.formTD { vertical-align:top; padding:10px 0 0 16px }
  
.loginForm { padding:0 8px 0 8px; background-color:transparent }
.loginMessage { font-size:12px; color:#fff; margin:8px 0 0 -8px; text-shadow: 1px 1px #000 }
.loginMobile { margin:80px 16px 16px 16px; padding:12px 0 0 8px; background-color:transparent }
.loginLangSelector { position:absolute; right:40px; top:58px; height:400px; overflow:hidden }
.registerForm { padding:0 8px 0 8px }
.registerMessage { font-size:14px; color:#a00; margin:16px 0 16px 0 }
.registerUserLang { width:140px; cursor:pointer; border:0; box-shadow:inset 1px 1px #888 }
.registerUserLangFlag { margin-right:6px }
.passForm { padding:0 8px 0 8px }
.passMessage { font-size:12px; color:#a00; margin:16px 0 16px 0 }
.passForgot { font-size:12px; margin-top:12px }
.iniTab, nav-tabs, nav-append-content { border:0; background-color:transparent }
#iniTab { border:0; background-color:transparent; color:#023E62; margin-left:14px }
ul, nav { border:0; background-color:transparent; color:#023E62; text-shadow: 1px 1px #888; }
nav nav-tabs nav-append-content { border:0; background-color:transparent; }
.nav-tabs li a { font-size:14px; background-color:transparent; border:0  }
.tab-content { background-color:transparent; border:0 }
.navbarText { padding-left:10px; font-family:arial; font-weight:normal; color:#fff }
.copyright {width:100%; color:#fff; font-size:14px; text-align:center; text-shadow:1px 1px #000; position:absolute; bottom:20px }
.copyrightMobile { width:100%; color:#fff; font-size:14px; text-shadow:1px 1px #000 }
.version { font-size:12px }
.btn { box-shadow: inset 0px 0px #888, 1px 1px #222; font-size:14px; margin-top:8px; padding:6px 14px 8px 17px; cursor:pointer; background-color:#3E1BFE }
.active { color:#023E62 }
.l-panel {  }
.customer { margin-bottom:8px }
.customerLogoTD { text-align:right; width:394px; margin-top:10px; display:none }
.title { color:#fff; margin-top:16px; font-size:26px; line-height:28px } 

@media (min-width:770px) {

	.logoTD { display:block }
	.customerLogo { display:none }

}

@media (max-width:769px) {

	.btn { padding:10px 14px 6px 14px }
	.loginMessage { margin:0 }
	.topLogo { display:block; padding-bottom:40px }
	.customerLogo { display:block; text-align:left; padding-bottom:40px; padding-left:6px; display:none }
	.loginBox { width:220px; top:0; left:0; padding:0 }
	.logoTD { display:none }
	.topLogoMobile img { width:294px; margin-bottom:40px }
	.customerLogoMobile { margin-bottom:16px }

}