@charset "utf-8";
/* -----------------------------------------------------------------
 * login
 * ----------------------------------------------------------------- */

button.btn {width:100%; letter-spacing:0.3em; position:relative; font-size:16px; line-height:2; margin:10px 0;}
button.btn i.fa {position:absolute; right:10%; top:30%; display:none;}
button.btn i.fa::before {display:block; width:14px; height:16px; transform:scale(1.5);}

form .input-group {margin:0 0 8px 0;}

#msgbar {font-size:.85em;}

#ip {position:fixed; bottom:0; right:0; color:#fff; font:menu; opacity:0; padding:20px 10px 10px 20px; cursor:default; font-size:.8em;}
#ip i {padding-right:3px;}
#ip:hover {opacity:.2;}

.browser .msgbar li {white-space:pre-wrap; line-height:1.2em; color:#000; padding-bottom:30px;}
.browser .msgbar div.errors li:before {content:"\f269"; display:block; text-align:center; font-size:40pt; line-height:2em;}
.browser #main {opacity:1; top:90px;}

#form-auth-type, 
#form-auth-code, 
#form-getip, 
#form-getip .failed, 
body.getip #form-login,
body.getip-failed #form-getip .getting,
body.getip-failed #form-login
{display:none;}

body.getip #form-getip, 
body.getip #form-getip .getting .loading-spin,
body.getip-failed #form-getip .failed {display:block !important;}

#form-getip {min-height:210px; position:relative; text-align:center; line-height:1.5em;}
#form-getip .loading-spin {left:50%; top:50%; margin:0 -20px;}
body.getip-failed #form-getip .loading-spin {display:none;}
#form-getip .failed {text-align:justify; line-height:1.4em; font-size:1em; border-bottom:.5px solid; padding:0 0 1.5em;}
#form-getip .failed:before {font-family:'FontAwesome'; content:"\f071"; font-size:50pt; line-height:1.8em; display:block; text-align:center;}

#form-login {display:block;}
#companyId {font-size:.9em;}
#form-auth-type div p {font-size:.9em; padding:0.5em 0.2em; color:var(--danger); line-height:1.2em;}

#form-auth-type label, #form-auth-code label {font-size:.9em; line-height:1.2em; margin:.75em 0;}
#form-auth-code label i{display:block; margin-top:.25em; opacity:.7;}
#form-auth-code label i::before {content:"※"; padding-right:.25em;}