/* INCLUDE AS <Login> */

/*=====================================================================================*/
/* Login */
/*=====================================================================================*/

#box #controls .form > div { font-size:1.4em; margin-top:1.3em; }
#box #controls .form > div:last-child { margin-bottom:0; }
#box #controls .form .login-input { margin-top:0.8em; color:black; }
#box #controls .form .login-input:last-child { margin-bottom:1.5em; }

#box .form div.inputArea.leading-fail > div.inputFail { left:-2.5em; }

#box .form div.persistent-check { font-size:0.8em; padding-left:0; margin-top:0.2em; }
#box .form div.persistent-check.invisible { visibility:hidden; }
#box .form div.persistent-check .checkIcon { outline-width:1px; }
#box .form div.persistent-check .checkIcon > div {  }
#box .form div.persistent-check div.inputArea > div.inputBox.focused .checkIcon { outline-style:dotted; }
#box .form div.loginstorepub-check { font-size:0.8em; padding-left:0; margin-top:0.2em; }
#box .form div.loginstorepub-check.invisible { visibility:hidden; }
#box .form div.loginstorepub-check .checkIcon { outline-width:1px; }
#box .form div.loginstorepub-check .checkIcon > div {  }
#box .form div.loginstorepub-check div.inputArea > div.inputBox.focused .checkIcon { outline-style:dotted; }


#box .form #status-message .login-input:last-child { margin-top:2em; }

#languages { font-size:90%; margin-top:1em; width:40em; margin-left:auto; margin-right:auto; text-align:center; flex-grow:0; }
.language_flag { background:none; border:none; margin-top:0.4em; opacity:0.3; padding:0.4em 0.9em; }
.language_flag:hover,
.language_flag:focus { opacity:1; }
.language_flag.active { opacity:0.7; }

#error { position:absolute; color:#af2117; font-size:1.4em; text-align:center; padding:0.4em 0; background:#f1cccc; margin-top:1em; box-shadow: 2px 2px 4px #888; border-radius:8px; left:6%; right:6%; bottom:0; }

#error_tooltip { box-shadow:none; background-color:rgba(255,204,204,1); }

#unknown-sso-user { position:absolute; color:#af2117; font-size:1.4em; text-align:center; padding:0.4em 0; background:#f1cccc; margin-top:1em; box-shadow: 2px 2px 4px #888; border-radius:8px; left:6%; right:6%; bottom:0; }

div.inputArea.input-autocomplete { overflow:inherit; }
div.inputArea.input-checkbox input.checkbox-focus:focus + .checkIcon  { -webkit-box-shadow:none; box-shadow:none; }

div#ipad-app  { position:absolute; right:5px; bottom:20px; }
div#ipad-app a { display:block; width:128px; height:128px; background:url('../Content/ipad_app.png') no-repeat; }

div#iphone-app  { position:absolute; right:15px; bottom:20px; }
div#iphone-app a { display:block; width:64px; height:128px; background:url('../Content/iphone_app.png') no-repeat right bottom; background-size:50%; }

#credentials #send-pw-forgotten-email { left:auto; top:auto; right:-8.3333333333%; padding:0.2em; font-size:0.6em; }