html, body { height: 100%; min-height: 100%; margin: 0; padding: 0; }
.container-fluid { max-width: 2560px; }

.lo-wrapper { min-height:400px; }

.bg-img-1 { background:url('/ca7/style/ca7_intil/images/intil/login-page-background-2-3-1400px.jpg') bottom left no-repeat; }
.x-bg-img-2 { background:url('/ca7/style/ca7_intil/images/intil/login-page-background-pri-2.jpg') bottom left no-repeat; }

@media (max-width: 767px) {
	.bg-img-1 { background:url('/ca7/style/ca7_intil/images/intil/login-page-main-2-847px.png') bottom left no-repeat; }
	.x-bg-img-2 { background:url('/ca7/style/ca7_intil/images/intil/login-page-background-pri-2.jpg') bottom left no-repeat; }
	#main-form-container { background-color:#D7EDFF /*#fafafa*/; }
}
#lo_main, #lo_main.bg-img-1, #lo_main.bg-img-2, #lo_main.bg-img-3, #lo_main.bg-img-4, #lo_main.bg-img-5, #lo_main.bg-img-6 { background-size:cover; }

DIV.bg-item { position:absolute; width:100%; height:100%; z-index:-3; background-size:cover; }
DIV.bg-item.active { z-index:-1; }
DIV.bg-item.last-active { z-index:-2; }

#login-container { background-color:#D7EDFF /*#FFFBFA*/; /*background: url('/ca7/style/ca7_imtl/images/imtl/login-sidebar-background.png') top left;*/ }
#login-footer-container { /*background-color:#fafafa; opacity:0.8;*/ }
#login-footer-container .login-footer { background-color:transparent; position: fixed; bottom:0; color:#fff; padding-left:20px; padding-right:20px; padding-bottom:20px; height:auto; }
#login-form-container { text-align:center; }
#login-form-container .input-field-container { margin-bottom:10px; max-width:250px; margin-left:auto; margin-right:auto; }
#login-form-container .input-field-header { text-align:left; font-weight:bold; margin-bottom:3px; }
#login-form-container .input-field-info { text-align:left; color:#9B9A9A;}
#login-form-container .login-forgot-password { text-align:left; color:#F68A1E; max-width:250px; margin-left:auto; margin-right:auto; }
#login-form-container .login-forgot-password a { color:#F68A1E; }
#login-form-container .login-intil-logo { margin-top:25px; margin-bottom:10px; margin-left:60px; margin-right:60px; }
#login-form-container .login-intil-logo .header-logo { }
#login-form-container .login-copyright { font-size:10px; }
@media (max-width: 767px) {
	#login-form-container .login-intil-logo { margin-left:auto; margin-right:auto; max-width:150px; }
}
@media (min-width: 768px) {
	::-webkit-input-placeholder { color:transparent; opacity:0; } /* WebKit browsers */
	:-moz-placeholder { color:transparent; opacity:0; } /* Mozilla Firefox 4 to 18 */
	::-moz-placeholder { color:transparent; opacity:0; } /* Mozilla Firefox 19+ */
	:-ms-input-placeholder { color:transparent; opacity:0; } /* Internet Explorer 10+ */
	input::placeholder { color:transparent; opacity:0; }
	textarea::-webkit-input-placeholder { color:transparent; opacity:0; } /* WebKit browsers */
	textarea:-moz-placeholder { color:transparent; opacity:0; } /* Mozilla Firefox 4 to 18 */
	textarea::-moz-placeholder { color:transparent; opacity:0; } /* Mozilla Firefox 19+ */
	textarea:-ms-input-placeholder { color:transparent; opacity:0; } /* Internet Explorer 10+ */
	textarea::placeholder { color:transparent; opacity:0; }
}
@media (max-width: 767px) {
	#login-form-container .input-field-header { text-align:center; display:none; }
	#login-form-container .input-field-info { text-align:center; }
	#login-form-container .login-forgot-password { text-align:center; }
}

.header-logo {	margin:0px auto 0px; /* margin:80px auto 60px; */}
.header-title-container { margin-top:10px; font-weight:bold; font-size:16px; }
.intil_logo		 {  position:absolute; left:0px; right:0px; margin:0px auto; text-align:center; bottom:10px; }

.login_area { width:100%; display:block; /* height:280px; */ margin:0px auto 0px; /*padding-bottom:70px;*/ }
.login_logo { margin-bottom:20px; }
.login_logo .header-logo { width:80px; }
.login_box INPUT, .btn-logout { text-align:center; padding:5px; width:100%; max-width:250px; display:block; height:40px; line-height:30px; /*border:none;*/ margin:0px auto 10px auto; }
#submit { border:none; }
.login_box INPUT[type='text'], .login_box INPUT[type='password'] { padding-left:12px; padding-right:12px; margin-bottom:5px; text-align:left; /*color:#000;*/ /*#454545*/ /*font-size:14px; background-color:#f6f6f6;*/ /*background:#f0f0f0;*/ }

.login_box INPUT[type='submit'], .login_box INPUT[type='button'], .btn-logout { color:#FFFFFF; font-size:16px; background:#14456D /*#308860*/ /*#cc3535*/ /*#454545*/; border-radius:4px; }
.login_box INPUT[type='submit']:hover, .login_box INPUT[type='button']:hover, .btn-logout:hover { background:#336994 /*#cc3535*/ /*#f1428f*/; color:#FFFFFF; text-decoration:none; }

.login_box SPAN A { text-transform:uppercase; color:#454545; text-decoration:underline; font-size:12px; display:block; margin:auto; text-align:center; }
#login-fields { /*padding-left:15px;*/ /*padding-right:15px;*/ /*display:none;*/ }
#login-fields .login-button { margin-top:20px; }
#login { display:none; }
#login-form { z-index:999; }

DIV.copyright { color:#454545; font-size:12px; margin:auto; text-align:center; /*margin:36px 0px;*/ }

#lo_main, .lo-user, #lo_whole, #lo_panel, #login-container, .container-fluid,
.container-fluid > .row, #main-form-container, #login-form-container, #login-footer-container { height: 100%; min-height: 100%; }

.row-header { height:20%; min-height:1px; }
.row-login-area { height:70%; min-height:245px; z-index:999; }
.row-copyright { height:10%; min-height:50px; }
.header { position:absolute; left:0; right:0; top:30px; margin: auto; }
div.copyright { position:absolute; left:0; right:0; bottom:20px; margin: auto; }