@font-face{font-family:Roboto;src:url(../../../css/fonts/Roboto-Medium.ttf)}body,form,html{margin:0;padding:0;font-family:Roboto,sans-serif}input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #fff inset;-webkit-text-fill-color:#333!important;color:#333!important}.login-form{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:-moz-linear-gradient(135deg,#6194ba 0,#6194ba 0,#396586 100%,#396586 100%);background:-webkit-linear-gradient(135deg,#6194ba 0,#6194ba 0,#396586 100%,#396586 100%);background:linear-gradient(135deg,#6194ba 0,#6194ba 0,#396586 100%,#396586 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9d6e1', endColorstr='#aebfd3', GradientType=1);overflow:auto}.login-form>div{display:none;width:800px;height:500px;background-color:#fff;border-radius:10px;-moz-box-shadow:0 30px 60px rgba(48,44,82,.2);-webkit-box-shadow:0 30px 60px rgba(48,44,82,.2);box-shadow:0 30px 60px rgba(48,44,82,.2);position:absolute;left:50%;margin-left:-400px;top:50%;margin-top:0;transform:translateY(-50%)}.login-form>div>div{width:49%;box-sizing:border-box;padding:7px 60px 0 50px;border-top-right-radius:10px}.login-form>div>div.l{float:left;padding:0 50px 0 60px;border-right:solid 2px #f2f2f2;height:500px;border-top-left-radius:10px;border-bottom-left-radius:10px;border-top-right-radius:0;width:50%}.login-form>div>div.l .loader{margin-top:104px}.login-form>div>div.l .loader .wrapper{position:relative;background:url(../../../../Front/images/new/login/loader.png) no-repeat 50% 50%;background-position:1px 1px;width:90px;height:91px;margin:6px auto;opacity:.4;background-size:89px}.login-form>div>div.l .loader.showing .wrapper{animation:wrapper 6s linear infinite}.login-form>div>div.l .loader.showing .wrapper .pie{width:50%;height:100%;transform-origin:100% 50%;position:absolute;background:#fdfcfb}.login-form>div>div.l .loader.showing .wrapper .spinner{border-radius:100% 0 0 100%/50% 0 0 50%;z-index:200;border-right:none;animation:rota 6s linear infinite}.login-form>div>div.l .loader.showing .wrapper .filler{border-radius:0 100% 100% 0/0 50% 50% 0;left:50%;opacity:0;z-index:100;animation:opa 6s steps(1,end) infinite reverse;border-left:none}.login-form>div>div.l .loader.showing .wrapper .mask{width:50%;height:100%;position:absolute;background:inherit;opacity:1;z-index:300;animation:opa 6s steps(1,end) infinite}.login-form>div>div.l .loader .wrapper,.login-form>div>div.l .loader .wrapper *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@keyframes wrapper{0%{opacity:0}20%{opacity:1}85%{opacity:1}100%,86%{opacity:0}}@keyframes rota{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes opa{0%{opacity:1}100%,50%{opacity:0}}.login-form>div>div.l .logo{padding:38px 42px 0 39px}.login-form>div>div.l .logo .wrapper{position:relative;width:100%;height:100px;margin:6px auto;display:flex;align-items:end;align-items:flex-end}.login-form>div>div.l .logo img{max-width:100%;width:100%}.login-form>div>div.l .text{font-family:'Roboto Medium','Roboto Regular',Roboto;font-weight:400;font-style:normal;font-size:13px;color:#B7B7B7;line-height:20px;text-align:center;padding:24px 0 10px 40px;width:200px}.login-form>div>div.r{float:right;width:390px}.login-form>div>div.r.restore{flex:1 1 50%;display:flex;flex-direction:column;justify-content:space-around;height:100%;padding:90px 60px 50px 50px}.login-form>div>div.r.restore h1{padding:0;margin:0}.login-form>div>div.r.restore .success{display:none}.login-form>div>div.r.restore .text.error{display:none}.login-form>div>div.r.restore.error .main,.login-form>div>div.r.restore.error .success{display:none}.login-form>div>div.r.restore.error .error{display:block}.login-form>div>div.r.restore.error .error.text{margin-bottom:auto;margin-top:30px}.login-form>div>div.r.restore.success .error,.login-form>div>div.r.restore.success .main{display:none}.login-form>div>div.r.restore.success .success{display:block}.login-form>div>div.r.restore.success .success.text{margin-bottom:auto;margin-top:30px}.login-form>div>div.r .logo img{width:100%}.login-form>div>div.r h1{padding-top:90px;padding-bottom:20px;font-family:'Roboto Medium','Roboto Regular',Roboto;font-weight:500;font-style:normal;font-size:18px;color:#CCC;text-transform:uppercase;letter-spacing:5px;text-align:center}.login-form>div>div.r table{width:100%}.login-form>div>div.r div.field{display:block;margin-bottom:31px;position:relative}.login-form>div>div.r div.field span{font-size:13px;display:block;line-height:1;padding-left:3px}.login-form>div>div.r div.field input{font-family:'Roboto Light','Roboto Regular',Roboto;font-weight:300;font-style:normal;font-size:16px;border:none;border-bottom:solid 1px;display:block;width:100%;margin-top:10px;height:29px;padding-left:3px;position:relative;transition:all .3s;box-sizing:border-box}.login-form>div>div.r div.field input:active,.login-form>div>div.r div.field input:focus{outline:0}.login-form>div>div.r div.field:nth-child(3){margin-bottom:0}.login-form>div>div.r div.forgot{text-align:right;margin-top:12px;padding-bottom:25px;position:relative}.login-form>div>div.r div.forgot .tooltip{display:none;width:270px;height:100px;background-color:#fff;border:none;border-radius:3px;-moz-box-shadow:0 10px 35px rgba(80,118,156,.34901961);-webkit-box-shadow:0 10px 35px rgba(80,118,156,.34901961);box-shadow:0 10px 35px rgba(80,118,156,.34901961);position:absolute;right:-90px;top:-106px}.login-form>div>div.r div.forgot .tooltip span.line{display:block;height:10px;background:-webkit-linear-gradient(315deg,#fcc381 0,#fcc381 0,#ff599f 100%,#ff599f 100%);background:-moz-linear-gradient(135deg,#fcc381 0,#fcc381 0,#ff599f 100%,#ff599f 100%);background:linear-gradient(135deg,#fcc381 0,#fcc381 0,#ff599f 100%,#ff599f 100%);border-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0}.login-form>div>div.r div.forgot .tooltip p{font-weight:100;font-style:normal;font-size:14px;line-height:20px;text-align:left;padding:0 20px;font-family:'Roboto Light','Roboto Regular',Roboto}.login-form>div>div.r div.forgot .tooltip p a{color:#09F}.login-form>div>div.r div.forgot .tooltip p a:hover{text-decoration:none}.login-form>div>div.r div.forgot button{font-family:'Roboto Italic','Roboto Regular',Roboto;font-weight:400;font-style:italic;font-size:13px;background:0 0;border:none;border-bottom:dashed 1px transparent;padding:0;display:inline-block;transition:all .3s;cursor:pointer}.login-form>div>div.r div.forgot button:active,.login-form>div>div.r div.forgot button:focus{outline:0}.login-form>div>div.r div.buttons button,.login-form>div>div.r div.buttons input{background:0 0;cursor:pointer;height:60px;font-family:'Roboto Medium','Roboto Regular',Roboto;font-weight:500;font-style:normal;font-size:18px;box-sizing:border-box;border:1px solid;border-radius:3px;vertical-align:middle;display:inline-block;padding:0;transition:all .4s}.login-form>div>div.r div.buttons button:active,.login-form>div>div.r div.buttons button:focus,.login-form>div>div.r div.buttons input:active,.login-form>div>div.r div.buttons input:focus{outline:0}.login-form>div>div.r div.buttons button.login,.login-form>div>div.r div.buttons input.login{width:75%;text-transform:uppercase;letter-spacing:5px}.login-form>div>div.r div.buttons button.win-login,.login-form>div>div.r div.buttons input.win-login{width:60px;float:right}.login-form>div>div.r div.buttons button.win-login img,.login-form>div>div.r div.buttons input.win-login img{margin-top:6px;width:19px}.login-form>div>div.r div.buttons button:hover,.login-form>div>div.r div.buttons input:hover{border-color:#09add6}.login-form>div>div.r div.buttons .blue-button{margin:20px 0;padding:11px;width:100%;height:auto;text-transform:uppercase}.login-form>div>div.r div.bottom-text{padding-top:20px}.login-form>div>div.r div.bottom-text button{background:0 0;border:none;padding:0;cursor:pointer}.login-form>div>div.r div.bottom-text button:active,.login-form>div>div.r div.bottom-text button:focus{outline:0}.login-form.tt-mode>div{max-width:430px;width:100%;margin-left:0;transform:translateX(-50%) translateY(-50%)}.login-form.tt-mode>div .r{width:100%;box-sizing:border-box;padding:70px 60px 30px;margin-top:20px;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.login-form.tt-mode>div .r .logo img{max-width:200px;margin:0 auto;display:block}.login-form.tt-mode>div .r h1{padding-top:0;padding-bottom:60px;margin-top:9px;font-size:14px}.login-form.tt-mode>div .r input[type=number]{-moz-appearance:textfield}.login-form.tt-mode>div .r input::-webkit-inner-spin-button,.login-form.tt-mode>div .r input::-webkit-outer-spin-button{-webkit-appearance:none}.login-form.tt-mode>div .r .buttons{margin-top:90px}.login-form.tt-mode>div .r .buttons button.login{width:100%}.footer-wrapper{position:absolute;width:100%;height:53px;margin:0 auto;clear:both;bottom:0;text-align:center}.footer-wrapper .text{font-size:14px;color:#FFF;line-height:20px}.footer-wrapper .text .developer{margin-left:80px;margin-right:20px}.footer-wrapper a{display:inline-block;vertical-align:middle}.footer-wrapper a img{max-width:220px}@media all and (max-height:610px){.footer-wrapper{height:30px}}@media all and (max-width:800px){.login-form:not(.tt-mode)>div{max-width:430px;width:100%;margin-left:0;transform:translateX(-50%) translateY(-50%)}.login-form:not(.tt-mode)>div .l{display:none}.login-form:not(.tt-mode)>div .r{width:100%;box-sizing:border-box;padding:70px 60px 30px;margin-top:20px;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.login-form:not(.tt-mode)>div .r .logo{display:block!important}.login-form:not(.tt-mode)>div .r .logo img{max-width:200px;margin:0 auto;display:block}.login-form:not(.tt-mode)>div .r h1{padding-top:0;padding-bottom:60px;margin-top:9px;font-size:14px}.login-form:not(.tt-mode)>div .r .buttons{margin-top:30px}}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}