html{box-sizing:border-box;margin:0;padding:0;width:100%;height:100%;font-size:16px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{position:relative;min-height:525px;height:100%;margin:0;padding:0;}
.dark.bodyBg{background-color:#1b181d;}
.bodyBg{background-color:#e5e5e5;}
.loginBody{position:absolute; top:0;bottom:0; left:0;right:0;max-width: 360px;margin:auto;height: 525px; width:100%; background-color:#fff; border-radius: 2px; box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25);}
.switch{margin:0 auto;width:10rem;height:13.375rem;object-fit:contain;}
.switch-icon{display:inline-block;margin:3.625rem 1.125rem 3.75rem 1.25rem;width:7.6625rem;height:6.025rem;}
@font-face {
	font-weight:300;font-style:normal;font-family:Roboto;
	src:url("/Roboto_Light_webfont.woff") format('woff');
}

@font-face {
	font-weight:400;font-style:normal;font-family:Roboto;
	src:url("/Roboto_Regular_webfont.woff") format('woff'), url("/Roboto_Regular_webfont.woff2") format('woff2');
}

@font-face {
	font-weight:500;font-style:normal;font-family:Roboto;
	src:url("/Roboto_Medium_webfont.woff") format('woff');
}
@font-face {
	font-family:icon-nighthawk;
	src:url("/icon-nighthawk.woff") format("woff");
	font-weight:400;
	font-style:normal;
}
[class*=" icon-"],[class^=icon-]{font-family:icon-nighthawk!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#password::-ms-reveal, #password::-ms-clear{display:none;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px white inset !important;}
input::-webkit-contacts-auto-fill-button, input::-webkit-credentials-auto-fill-button {visibility:hidden;display:none !important; pointer-events:none;position:absolute;right:0;}
.switch-eye{position:relative;left:calc(100% - 25px);bottom:27px;width:25px!important;height:25px;cursor:pointer;font-size:1.125rem;padding:0;color:#000;text-align:center;margin-top:-6px;}
.icon-eye-off{color:#777;display:none}
.icon-eye-off::before{content:"\e944"}
.icon-eye-on{display:none}
.icon-eye-on::before{content:"\e943"}
.show{display:block!important;}
input[type="password"] { font-family: Arial; }
.p-name{position:relative;top:-2.25rem;left:-1.25rem;display:inline-block;width:11.875rem;height:1.75rem;color:#575757;text-align:center;font-weight:300;font-style:normal;font-stretch:normal;font-size:1.5rem;font-family:Roboto;}
.p-title{position:relative;top:-2.25rem;left:-1.75rem;display:inline-block;width:12.8125rem;height:1.75rem;color:#fff;text-align:center;font-weight:300;font-style:normal;font-stretch:normal;font-size:1.5rem;font-family:Roboto;}
.summary{margin:1.6875rem 8% 0;height:3.75rem;color:#949494;text-align:left;font-weight:400;font-style:normal;font-stretch:normal;font-size:.875rem;font-family:Roboto;line-height:1.43;}
.text-field{position:relative;margin:3.0625rem 8% 0;height:2.875rem;color:#959b9d;font-weight:400;font-style:normal;font-stretch:normal;font-size:1rem;font-family:Roboto;transition:height .2s cubic-bezier(.23,1,.32,1) 0s;}
.pwd-label{position:absolute;top:.9375rem;z-index:1;line-height:1.1875rem;cursor:text;transition:all 450ms cubic-bezier(.23,1,.32,1) 0s;transform:scale(1) translate(0,-1.75rem);transform-origin:left top 0;pointer-events:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;}
.pwd-field{position:absolute;bottom:.75rem;opacity:0;transition:all 450ms cubic-bezier(.23,1,.32,1) 0s;}
.pwd-field-text{-webkit-box-shadow: 0 0 0 1000px white inset !important;position:relative;box-sizing:border-box;margin-top:0;padding:0;width:100%;height:100%;outline:medium none;border:medium none;background-color:rgba(0,0,0,0);color:rgba(0,0,0,.87);font:inherit;}
.hr1{position:absolute;bottom:.5rem;box-sizing:content-box;margin:0;width:100%;border-color:#e3e3e3;border-style:none none solid;border-width:medium medium 1px;border-image:none;-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;}
.hr2{position:absolute;bottom:.5rem;box-sizing:content-box;margin:0;width:100%;border-color:#00b4f5;border-style:none none solid;border-width:medium medium 2px;border-image:none;transition:all 450ms cubic-bezier(.23,1,.32,1) 0s;transform:scaleX(1);-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;}
.pwdErrStyle{position:relative;margin:-0.3rem 8% 7px;font-family:Roboto;font-size:0.75rem;font-stretch:normal;font-style:normal;font-weight:400;color:#f00;text-align:left;}
.signin-button{margin:0 8%;height:2.75rem;background-color:#00b4f5;box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.24);border-radius:2px;}
.button-label{ display: block;width: 100%; line-height: 2.75rem; color:#fff;text-align:center;text-decoration:none;font-weight:500;font-style:normal;font-stretch:normal;font-size:.875rem;font-family:Roboto;}
/*for pad*/
@media (min-width:768px) and (min-height: 1024px) {
.loginBody{padding: 50px;}
.switch-icon{margin-top: 40px;}
.summary{margin-top: 40px;}
.text-field{margin-top: 75px;}
}