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

.lo-wrapper { min-height:400px; }
DIV.bg1 { background:url('/ca7/style/ca7_imtl/images/imtl/banner-chinese.jpg') center no-repeat; 	}
DIV.bg2 { background:url('/ca7/style/ca7_imtl/images/imtl/banner-malay.jpg') center no-repeat; 	}
DIV.bg3 { background:url('/ca7/style/ca7_imtl/images/imtl/banner-tamil.jpg') center no-repeat; 	}

#Xlo_main { background:url('/ca7/style/ca7_imtl/images/imtl/login-page-background-default.jpg') 30% 54% no-repeat; }
.bg-img-1 { background:url('/ca7/style/ca7_imtl/images/imtl/login-page-background-pri-ml.jpg') top center no-repeat; }
.bg-img-2 { background:url('/ca7/style/ca7_imtl/images/imtl/login-page-background-tamil.jpg') top center no-repeat; }
.bg-img-3 { background:url('/ca7/style/ca7_imtl/images/imtl/login-page-background-pri-cl.jpg') top center no-repeat; }
.bg-img-4 { background:url('/ca7/style/ca7_imtl/images/imtl/login-page-background-pri-tl.jpg') top center no-repeat; }
.bg-img-5 { background:url('/ca7/style/ca7_imtl/images/imtl/login-page-background-sec-cl.jpg') top center no-repeat; }
.bg-img-6 { background:url('/ca7/style/ca7_imtl/images/imtl/login-page-background-sec-ml.jpg') top center no-repeat; }

@media (max-width: 767px) {
	#Xlo_main { background:url('/ca7/style/ca7_imtl/images/imtl/login-page-background-default.jpg') top right no-repeat; }
	.bg-img-1 { background:url('/ca7/style/ca7_imtl/images/imtl/login-page-background-pri-ml.jpg') top right no-repeat; }
	.bg-img-2 { background:url('/ca7/style/ca7_imtl/images/imtl/login-page-background-tamil.jpg') top right no-repeat; }
	.bg-img-3 { background:url('/ca7/style/ca7_imtl/images/imtl/login-page-background-pri-cl.jpg') top right no-repeat; }
	.bg-img-4 { background:url('/ca7/style/ca7_imtl/images/imtl/login-page-background-pri-tl.jpg') top right no-repeat; }
	.bg-img-5 { background:url('/ca7/style/ca7_imtl/images/imtl/login-page-background-sec-cl.jpg') top right no-repeat; }
	.bg-img-6 { background:url('/ca7/style/ca7_imtl/images/imtl/login-page-background-sec-ml.jpg') top right no-repeat; }
	#main-form-container { background-color:#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; }

/*
#lo_main.bg-img-1 { background-image:url('/ca7/style/ca7_imtl/images/imtl/login-page-background-chinese.jpg')!important; background-size:cover; }
#lo_main.bg-img-2 { background-image:url('/ca7/style/ca7_imtl/images/imtl/login-page-background-malay.jpg')!important; background-size:cover; }
#lo_main.bg-img-3 { background-image:url('/ca7/style/ca7_imtl/images/imtl/login-page-background-tamil.jpg')!important; background-size:cover; }
*/

#login-container { background-color:#fafafa; /*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; }

.header-logo {	margin:0px auto 0px; /* margin:80px auto 60px; */}
.moe_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_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; }
.login_box INPUT[type='text'], .login_box INPUT[type='password'] { padding-left:12px; padding-right:12px; 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:18px; background:#cc3535 /*#454545*/; border-radius:4px; }
.login_box INPUT[type='submit']:hover, .login_box INPUT[type='button']:hover, .btn-logout:hover { background:#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:15px; }
#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; }

.xlated-title-container { margin-top:15px; margin-bottom:20px; }
.xlated-title-container .xlated-title-lang-container { margin-top:5px; }
.xlated-title-container .xlated-title-lang-container:first { margin-top:0px; }

.form-control {
  display: block;
  width: 100%;
  height: 37px;
  padding: 6px 16px;
  font-size: 13px;
  line-height: 1.846;
  color: #666666;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #bbbbbb;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #bbbbbb;
}
.form-control::-webkit-input-placeholder {
  color: #bbbbbb;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: transparent;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 37px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 45px;
  }
}

textarea,
textarea.form-control,
input.form-control,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
[type=text].form-control,
[type=password].form-control,
[type=email].form-control,
[type=tel].form-control,
[contenteditable].form-control {
  padding: 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-box-shadow: inset 0 -1px 0 #aaa; /*#dddddd*/
  box-shadow: inset 0 -1px 0 #aaa; /*#dddddd*/
  font-size: 16px;
}
textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
  -webkit-box-shadow: inset 0 -2px 0 #2196f3;
  box-shadow: inset 0 -2px 0 #2196f3;
}
textarea[disabled],
textarea.form-control[disabled],
input.form-control[disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=email][disabled],
input[type=number][disabled],
[type=text].form-control[disabled],
[type=password].form-control[disabled],
[type=email].form-control[disabled],
[type=tel].form-control[disabled],
[contenteditable].form-control[disabled],
textarea[readonly],
textarea.form-control[readonly],
input.form-control[readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=number][readonly],
[type=text].form-control[readonly],
[type=password].form-control[readonly],
[type=email].form-control[readonly],
[type=tel].form-control[readonly],
[contenteditable].form-control[readonly] {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px dotted #ddd;
}
textarea.input-sm,
textarea.form-control.input-sm,
input.form-control.input-sm,
input[type=text].input-sm,
input[type=password].input-sm,
input[type=email].input-sm,
input[type=number].input-sm,
[type=text].form-control.input-sm,
[type=password].form-control.input-sm,
[type=email].form-control.input-sm,
[type=tel].form-control.input-sm,
[contenteditable].form-control.input-sm {
  font-size: 12px;
}
textarea.input-lg,
textarea.form-control.input-lg,
input.form-control.input-lg,
input[type=text].input-lg,
input[type=password].input-lg,
input[type=email].input-lg,
input[type=number].input-lg,
[type=text].form-control.input-lg,
[type=password].form-control.input-lg,
[type=email].form-control.input-lg,
[type=tel].form-control.input-lg,
[contenteditable].form-control.input-lg {
  font-size: 17px;
}

/* Chrome/Opera/Safari */
::-webkit-input-placeholder { text-align:left!important; }
/* Firefox 18- */
:-moz-placeholder { text-align:left!important; }
/* Firefox 19+ */
::-moz-placeholder { text-align:left!important; }
/* IE 10+ */
:-ms-input-placeholder { text-align:left!important; }