@import url(https://fonts.googleapis.com/css?family=Poppins:wight@400;500;600;700&display=swap);*{padding:0;margin:0;box-sizing:border-box}body{font-family:Poppins,sans-serif}.wave{position:fixed;bottom:0;left:0;height:100%;z-index:-1}.show-content{display:block!important}.container{width:100vw;height:100vh;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:7rem;padding:0 2rem}.img{display:flex;justify-content:flex-end;align-items:center}.login-content{display:flex;justify-content:flex-start;align-items:center;text-align:center}.img img{width:700px}.login-content img{height:100px}.login-content .title{font-family:sans-serif;margin:15px 0 30px 0;color:#333;text-transform:uppercase;font-size:1.9rem}.login-content .input-div{position:relative;display:grid;grid-template-columns:7% 93%;margin:25px 0;padding:5px 0;border-bottom:2px solid #d9d9d9}.login-content .input-div.error-input{border-bottom:2px solid #d33838}.login-content .input-div.one{margin-top:0}form{width:500px}form.glass{background:linear-gradient(110.72deg,hsla(0,0%,100%,.35) 4.98%,hsla(0,0%,100%,.25) 89.08%);border:1px solid #ffffff10;box-shadow:0 5px 15px -1px rgb(0 0 0 / 24%);backdrop-filter:blur(20px);border-radius:20px;padding:30px}.i{color:#d9d9d9;display:flex;justify-content:center;align-items:center}.i i{transition:.3s}.input-div>div{position:relative;height:45px}.input-div>div>h5{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#999;font-size:18px;transition:.3s}.input-div:after,.input-div:before{content:"";position:absolute;bottom:-2px;width:0%;height:2px;background-color:#38d39f;transition:.4s}.input-div.error-input:after,.input-div.error-input:before{background-color:#d33838}.input-div:before{right:50%}.input-div:after{left:50%}.input-div.focus:after,.input-div.focus:before{width:50%}.input-div.focus>div>h5{top:-5px;font-size:15px}#pass-status{position:absolute;z-index:1000;right:0;top:35%;color:#999;cursor:pointer;display:none}.input-div.focus>.div>#pass-status,.input-div.focus>.i>i{color:#38d39f}.input-div>div>input{position:absolute;left:0;top:0;width:100%;height:100%;border:none;outline:0;background:0 0;padding:.5rem .7rem;font-size:1.2rem;color:#555;font-family:poppins,sans-serif}.input-div.pass{margin-bottom:4px}a{display:block;text-align:right;text-decoration:none;color:#999;font-size:.9rem;transition:.3s}a:hover{color:#38d39f}div.items-center{justify-content:center;display:flex}div.items-center>a{width:auto;display:table}.btn{display:block;width:100%;height:50px;border-radius:25px;outline:0;border:none;background-image:linear-gradient(to right,#32be8f,#38d39f,#32be8f);background-size:200%;font-size:1.2rem;color:#fff;font-family:Poppins,sans-serif;text-transform:uppercase;margin:1rem 0;cursor:pointer;transition:.5s}.btn:hover{background-position:right}.auth-recaptcha{display:flex;justify-content:center;margin-top:25px}.btn-swal{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;padding:.375rem .75rem;padding-right:.75rem;padding-left:.75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn-danger{color:#fff;background-color:#fd3550;border-color:#fd3550}svg{vertical-align:middle}.switcher-wrapper{width:280px;height:100%;position:fixed;right:-280px;top:0;bottom:0;z-index:16;background:#fff;border-left:0 solid #d2d2d2;box-shadow:0 .3rem .6rem rgba(0,0,0,.13);transition:all .2s ease-out}.switcher-btn.light{top:calc(50% - 20px)}.switcher-btn.dark{top:calc(50% + 20px)}.switcher-btn{width:40px;height:40px;font-size:24px;background:rgba(0,0,0,.308);box-shadow:0 .3rem .6rem rgba(0,0,0,.308);color:#fff;text-align:center;border-radius:50%;position:absolute;top:50%;right:100%;cursor:pointer}.switcher-btn{font-size:24px;color:#fff;text-align:center;cursor:pointer}.switcher-btn.active{background:#83f}html.dark-theme body{color:#e4e5e6;background-color:#1e1e1e}html.dark-theme form.glass{background:unset;background-color:#171717;box-shadow:0 .5rem 1rem rgba(123,120,120,.15)!important}html.dark-theme .login-content .title{color:#e4e5e6}html.dark-theme .input-div>div>input{color:#e4e5e6}@media screen and (max-width:1050px){.container{grid-gap:5rem}form.glass{padding:10px}}@media screen and (max-width:1000px){.container{grid-template-columns:none;grid-gap:unset;display:table-cell;vertical-align:middle;justify-content:center}.login-content{display:flex;justify-content:center;align-items:center;text-align:center}form{width:75%}.login-content h2{font-size:2.4rem;margin:8px 0}.img img{display:none}}@media screen and (max-width:900px){.switcher-btn.light{top:calc(35% - 20px)}.switcher-btn.dark{top:calc(35% + 20px)}.container{grid-template-columns:none;padding:unset}form{width:90%}.img{display:none}.wave{display:none}}