.modal-login{display:flex;background-color:rgba(255,255,255,.9);min-width:390px;max-width:700px;position:relative;margin:auto;box-shadow:0 10px 30px rgba(0,0,0,.25),0 2px 6px rgba(0,0,0,.15);border:solid 2px rgba(27,27,32,.25);border-radius:.8rem;padding:0;outline:0}.login_container{display:block;position:relative;width:100%;min-width:390px;max-width:700px;max-height:calc(100% - .1rem);background:url(../assets/papir-background.webp)repeat 50%;margin:auto;border-radius:.8rem;padding:1.5rem 0;text-align:center;overflow-x:hidden;overflow-y:auto;z-index:1}.login_container h1{margin:0 0 .5rem;font-size:1.4rem;font-weight:600}.login_block{display:flexbox;width:90%;margin:.4rem auto 1rem;border-top:solid 2px rgba(27,27,32,.25);padding:.5rem 0 0;font-size:1rem}.pwd-wrap{width:80%;position:relative}.pwd-wrap input[type=password],.pwd-wrap input[type=text]{width:100%!important;box-sizing:border-box;padding-right:2.2rem}.pwd-toggle{position:absolute;top:.55rem;right:.55rem;background:0 0;border:none;cursor:pointer;padding:.1rem;line-height:1;opacity:.4;transition:opacity .15s;color:#555}.pwd-toggle:hover{opacity:.9}.pwd-toggle .icon{width:14px;height:14px;display:block}.auth-warning{margin:0 0 .8rem;padding:.5rem .75rem;background:#fff3cd;border:1px solid #ffc107;border-radius:4px;color:#856404;font-size:.9rem}.login_block table.nev th{vertical-align:top;padding-top:.7rem}.forgot-link{width:100%;margin:.2rem 0 0;padding:0 .4rem 0 0;text-align:right;font-size:.88rem}.login_block table.nev{margin-top:.8rem}.forgot-link a{color:#2b6cff;text-decoration:none}.forgot-link a:hover{text-decoration:underline}.login-error{margin:.5rem auto;padding:.5rem .6rem;background:#fff2f2;border:1px solid #ffb3b3;border-radius:.4rem;color:#a10000;font-size:.95rem}.login_block p{margin:0;padding:.4rem;text-align:center}.text,.pwd{width:90%;font-weight:700}.login_block table{width:100%;margin-bottom:.5rem;text-align:left}.login_block th,td{padding:.4rem;position:relative}.nev th,.reg th{padding-right:.3rem;text-align:right}#name,#email,#regCode,#password,#firstPassword,#confirmPassword{padding:.3rem}.elfelejt{display:block;position:absolute;right:12%;top:-8%;font-size:.8rem;color:blue;cursor:pointer}.nevoszlop1{width:22%}.nevoszlop2{width:73%}.nevoszlop3{width:5%}.regoszlop1{width:35%}.regoszlop2{width:60%}.regoszlop3{width:5%}.checkoszlop1{width:95%}.checkoszlop2{width:5%}.check label{font-size:.9rem}.pwd-rules-row td{padding-top:0;transform:translateY(-.5rem)}.login_container img{display:inline-block;height:45px}.login_block button{margin:0 auto;border:none}.login-icon.degraded{opacity:.5;cursor:not-allowed}.loginButton{border-radius:.6rem;padding:.4rem;background-color:#f4f6ff;transition:background-color .15s ease,transform .05s ease}.loginButton:hover{background-color:#e0e6ff}.loginButton:active{transform:scale(.96)}.login-submit-block{display:flex;flex-direction:column;align-items:center;gap:.6rem}.remember-me{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#555;cursor:pointer;user-select:none}.login_container input[type=email],.login_container input[type=password],.login_container input[type=text]{width:80%;padding:.45rem .5rem;border-radius:.4rem;border:1px solid rgba(0,0,0,.35);font-size:1rem}.login_container input:focus{border-color:#2b6cff;outline:none;box-shadow:0 0 0 2px rgba(43,108,255,.15)}input.valid{border:2px solid green}input.invalid{border:2px solid red}input.text:focus{border:2px solid #000;outline:none}input[type=submit]:disabled,button:disabled{opacity:.5;cursor:not-allowed}.login_container input.is-invalid{border:2px solid #c62828}.login_container input.is-valid{border:2px solid #2e7d32}.valid-check{color:green;font-size:20px;display:none}.visible{display:inline}.valid-check.invalid{color:red}.valid-check.valid{color:green}.password-rules{list-style:none;padding:0;margin:.4rem auto 0;width:80%;font-size:.85rem;text-align:left}.password-rules li{color:#888;padding-left:1.1rem;font-size:.85rem;position:relative}.password-rules li::before{content:"•";position:absolute;left:0}.password-rules li.ok{color:#2e7d32}.password-rules li.bad{color:#c62828}#countdown{display:inline-block;margin-left:10px;font-size:16px;color:red}.auth-timer{text-align:center;margin:.5rem 0 .8rem;font-weight:700;color:#c00}.auth-timer.expired{color:#999}.auth-expired-actions{margin-top:.8rem;text-align:center}.auth-expired-actions.hidden{display:none}.auth-expired-actions .btn.retry{background:#f2f2f2;border-radius:.5rem;padding:.4rem 1rem}.btnTop{display:inline-block;position:absolute;top:.5rem;margin:0;border:none;background-color:initial;justify-content:center;align-items:flex-start;cursor:pointer;font-size:2rem;opacity:.6;transition:opacity .15s ease,transform .1s ease}.btnTop:hover{opacity:1;transform:scale(1.1)}._Button{left:.5rem}._Button:hover{color:blue}.xButton{right:.5rem}.xButton:hover{color:red}.loginButton svg{width:3.3rem;height:3.3rem}.infoButton{padding:0;background-color:initial}.infoButton svg{width:1.5rem;height:1.5rem}.submitButton{display:block;width:50%;height:30px;margin:0 auto;border:solid 1px rgba(27,27,32,.31);border-radius:8px;box-shadow:3px 6px 8px rgba(27,27,32,.8);padding:0;background:#ffd246;color:#29479b;font-weight:700;font-size:1.1rem;align-items:center}.submitButton:hover{background:#ffd146aa}.submitButton:active{background:#ffd146aa;box-shadow:0 2px #999;transform:translateY(4px)}.submitButton:disabled{background-color:silver;cursor:not-allowed}.submitButton:disabled:hover,.submitButton:disabled:active{background-color:silver;box-shadow:3px 6px 8px rgba(27,27,32,.8);transform:none}.check-list{width:90%;margin:.5rem auto 1rem}.check-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.3rem;margin:0}.check-row label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;cursor:pointer}.eye-col{display:flex;flex-direction:column;align-items:flex-end}.eye-button{background:0 0;border:none;cursor:pointer;font-size:1.1rem;padding:0 .1rem}.eye-button:hover{color:#07c}.modal-login .btn{width:50%;animation:modalIn .18s ease-out}.login_container button[type=submit]:disabled{opacity:.5;cursor:not-allowed}@keyframes modalIn{from{transform:translateY(-10px)scale(.98);opacity:0}to{transform:none;opacity:1}}@media(max-width:420px){.modal-login,.login_container{min-width:unset;width:95%}}