@charset "utf-8";
/* CSS Document */

/************************************LOGIN [start]************************************/

.pace .pace-progress {top: 60px;}
.pace-initiate .display {margin-top: -58px;}
.pace-initiate .display {margin-left: -67px;}
#global-login {width: 100%;float: left;padding: 40px 0px;margin-top: 30px;overflow: hidden;}

#global-login .box {
	width: 100%;
	float: left;
	background-color: #fff;
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #cccccc;	
	background-image: url(../storage/img/icon/blueTriangle2.png);
	background-repeat: no-repeat;
	background-position: top right;
	border-radius: 3px;

	-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.1);	
	-moz-box-shadow:0px 2px 5px rgba(0,0,0,0.1);	
	-ms-box-shadow:0px 2px 5px rgba(0,0,0,0.1);	
	-o-box-shadow:0px 2px 5px rgba(0,0,0,0.1);	
	box-shadow:0px 2px 5px rgba(0,0,0,0.1);	
}

#global-login .box .logbox-sections {width: 400%;float: relative;position: relative;transition: 0.3s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;}
#global-login .box .logbox-sections .login-box {width: 25%;float: left;margin-left: 0%;padding: 45px 48px;}
#global-login .box .logbox-sections .login-box .logo {width: 100%;float: left;text-align: center; margin-bottom: 1em;}
#global-login .box .logbox-sections .login-box .logo img {width: 100%;max-width: 120px;}
#global-login .form {width: 100%;float: left;margin: 15px 0px 0px 0px;}
#global-login .form li {width: 100%;float: left;display: list-item;margin-bottom: 10px;}
#global-login .form li:last-child {border-bottom: 0px;}
#global-login .form li input[type=text], #global-login .form li input[type=password] {
    font-family: robotoreg;
    font-size: 14px;
    line-height: 14px;
  	color: #757575;
  	background: #fff;
    border-bottom: 1px solid #ebebeb;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    outline: 0px;
    border-radius:0px;
    padding: 10px 2px;
    transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
#global-login .form li input[type=text]:focus, #global-login .form li input[type=password]:focus {
	border-bottom: 1px solid #4285f4;

	-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow:0px 0px 0px rgba(0,0,0,0);
	-ms-box-shadow:0px 0px 0px rgba(0,0,0,0);
	-o-box-shadow:0px 0px 0px rgba(0,0,0,0);
	box-shadow:0px 0px 0px rgba(0,0,0,0);
}
#global-login .form li button {
	width: 100%;
	float: left;
	padding: 14px;
	border-radius: 3px;
	background: #4285f4;
	border: 1px solid #3676e1;
	font-family: robotobold;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	cursor: pointer;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}
#global-login .form li button:hover {background: #2b6edc;border: 1px solid #2767d1;}
#global-login .box .logbox-sections .login-box .links {width: 100%;float: left;}
#global-login .box .logbox-sections .login-box .links .forgot-pw {width: 100%;float: left;text-align: center;font-family: robotoreg;font-size: 14px;line-height: 14px;color: #4285f4;text-decoration: none; cursor: pointer;}
#global-login .box .logbox-sections .login-box .links .forgot-pw:hover {text-decoration: underline;}
#global-login .box .logbox-sections .login-box .links .help {width: 100%;float: left;font-family: robotoreg;font-size: 12px;line-height: 12px;color: #5c5c5c;margin-top: 40px;}
#global-login .box .logbox-sections .login-box .links .help a {color: #4285f4;text-decoration: none;}
#global-login .box .logbox-sections .login-box .links .help a:hover {text-decoration: underline;}
#global-login .box .logbox-sections .recovery-box {width: 25%;float: left;padding: 45px 35px;}
#global-login .box .logbox-sections .recovery-box .logo {width: 100%;float: left;text-align: center;}
#global-login .box .logbox-sections .recovery-box .logo img {width: 65px;}
#global-login .box .logbox-sections .recovery-box .title {width: 100%;float: left;font-family: robotoreg;font-size: 21px;line-height: 21px;color: #3e3e3e;letter-spacing: -1px;margin: 10px 0px;}
#global-login .box .logbox-sections .recovery-box .msg {width: 100%;float: left;font-family: robotoreg;font-size: 14px;line-height: 14px;color: #777777; margin-bottom: 20px;}
#global-login .box .logbox-sections .recovery-box .form li.bck-loginbox {margin-top: 20px;float: left;}
#global-login .box .logbox-sections .recovery-box .icon {width: 100%;float: left;text-align: center;font-size: 120px;line-height: 120px;color: #3f7de3;margin-bottom: 35px;}

#global-login .box .logbox-sections .otp-box {width: 25%;float: left;padding: 45px 35px;}
#global-login .box .logbox-sections .otp-box .logo1, #global-login .box .logbox-sections .otp-box .logo2 {width: 100%;float: left;text-align: center;}
#global-login .box .logbox-sections .otp-box .logo1 img {width: 85px;}
#global-login .box .logbox-sections .otp-box .logo2 img {width: 100%;max-width: 35px;}
#global-login .box .logbox-sections .otp-box .title {width: 100%;float: left;font-family: robotoreg;font-size: 21px;line-height: 21px;color: #3e3e3e;letter-spacing: -1px;margin: 10px 0px;}
#global-login .box .logbox-sections .otp-box .msg {width: 100%;float: left;font-family: robotoreg;font-size: 14px;line-height: 14px;color: #777777; margin-bottom: 20px;}
#global-login .box .logbox-sections .otp-box .form li.bck-loginbox {margin-top: 20px;float: left;}
#global-login .box .logbox-sections .otp-box .icon {width: 100%;float: left;text-align: center;font-size: 120px;line-height: 120px;color: #3f7de3;margin-bottom: 35px;}
.otp-form input {border: 1px solid #ebebeb !important;text-align: center;padding: 20px !important;border-radius: 3px !important;}
.otp-form input:focus{border: 1px solid #4285f4 !important;}

#global-login .login-footer {width: 100%;float: left;margin-top: 30px;}
#global-login .login-footer .logo {width: 100%;float: left;text-align: center;margin-bottom: 10px;}
#global-login .login-footer .logo img {width: 100px;}
#global-login .login-footer .copyright {width: 100%;float: left;text-align: center;font-family: arial;font-size: 11px;line-height: 14px;color: #7e7e7e; /*border-bottom: 1px solid #d9d9d9;*/ padding-bottom: 15px;}
#global-login .login-footer .copyright span {color: #4285f4;}
#global-login .login-footer .poweredby {width: 100%;float: left;text-align: center;font-family: arial;font-size: 11px; font-weight: bold; line-height: 14px;color: #7e7e7e; padding-top: 15px;}
#account-recovery-result {display: none;}

/************************************LOGIN [end]************************************/