@charset "UTF-8";

* { padding:0; margin:0; }

body { background:url('../../img/logon/img-logon-background.jpg') center center no-repeat; background-size:cover; }

#ly-Layout { width:100%; height:100vh; min-width:300px; background:#222232; display:-ms-flexbox; display:flex; justify-content:center; }

#ly-Logon { width:100%; min-width:260px; max-width:350px; padding:30px; margin:auto; background-color:rgba(255, 255, 255, .6); }
#ly-Logon fieldset { border:none; }
#ly-Logon fieldset legend { width:1px; height:1px; overflow:hidden; position:absolute; top:-99999px; left:-99999px; }
#ly-Logon fieldset div.input div:first-of-type { margin-bottom:10px; }
#ly-Logon fieldset div.input input { width:100%; box-shadow:2px 2px 2px rgba(0, 0, 0, .2); padding:10px 15px; color:#fff; font-size:1em; background-color:rgba(0, 0, 0, .7); border:none; border-bottom:1px solid transparent; }
#ly-Logon fieldset div.input input:focus { border-color:#ff0; background-color:rgba(10, 0, 0, .7);  }
#ly-Logon fieldset div.button { margin-top:20px; text-align:center; }
#ly-Logon fieldset div.button button { padding:6px 30px; font-size:1em; font-weight:900; border:2px solid #fff; border-radius:200px; background-color:#fff; box-shadow:1px 1px 2px rgba(0, 0, 0, .05); }
#ly-Logon fieldset div.button button:focus,
#ly-Logon fieldset div.button button:hover { background-color:#f00; color:#fff; text-decoration:underline; }