@charset "UTF-8";

#ly-Logon { width:100%; display:-ms-flexbox; display:flex; flex-direction:column; position:relative; left:0; z-index:101; background:url('../../img/img-logon-bg.png') center center no-repeat; background-size:cover; }
#ly-Logon div { width:100%; min-height:100vh; display:-ms-flexbox; display:flex; flex-direction:column; justify-content:center; position:relative; }
#ly-Logon form { width:450px; padding:45px 40px; margin-left:auto; margin-right:auto; background-color:#fff; border-radius:4px; box-shadow:0 0 5px 0 rgba(0, 0, 0, .25); }
#ly-Logon form fieldset h1 { font-size:1em; font-weight:bold; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-align:center; align-items:center; }
#ly-Logon form fieldset h1 * { vertical-align:middle; }
#ly-Logon form fieldset h1 b:last-of-type { font-size:1.3em; }
#ly-Logon form fieldset input { -webkit-appearance:none; }
#ly-Logon form fieldset input[type="text"],
#ly-Logon form fieldset input[type="password"] { width:100%; padding:10px 16px; font-size:1em; border:2px solid #dadada; border-radius:6px; }
#ly-Logon form fieldset input[type="text"]:focus,
#ly-Logon form fieldset input[type="password"]:focus { border-color:#4cd964; }
#ly-Logon form fieldset input[type="text"] { margin-top:30px; }
#ly-Logon form fieldset input[type="password"] { margin-top:15px; }
#ly-Logon form fieldset input[type="submit"] { width:100%; margin-top:25px; padding:12px 20px; background-color:#363640; border:none; border-radius:6px; font-size:1em; font-weight:700; color:#fff; }
#ly-Logon form fieldset input[type="submit"]:focus,
#ly-Logon form fieldset input[type="submit"]:hover { background-color:#25252c; text-decoration:underline; }
#ly-Logon form fieldset button { width:100%; margin-top:5px; padding:12px 20px; background-color:#366036; border:none; border-radius:6px; font-size:1em; font-weight:700; color:#fff; }
#ly-Logon form fieldset button:focus,
#ly-Logon form fieldset button:hover { background-color:#25252c; text-decoration:underline; }
#ly-Logon form fieldset p.other { margin-top:20px; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }

#ly-Status { width:100%; min-width:1200px; position:fixed; top:50%; margin-top:-250px; z-index:255; }
#ly-Status p { padding-left:50%; margin-left:-90px; }
#ly-Status button { padding:15px 30px 15px 60px; border:2px solid #0078e5; border-radius:200px; display:inline-block; background:url('../../img/img-logon-status.png') #fff 20px center no-repeat; }
#ly-Status button:focus,
#ly-Status button:hover { border-color:#000; }