body,html,.pattern{height:100%}[tabindex="-1"]{outline:0}body{background-position:center;background-size:cover}.pattern{background-image:url(/App/Areas/User/Views/Student/Account/Login/_Images/square-pattern.png);height:100%;overflow-y:auto}.pattern>.container{height:100%}.pattern>.container>.row{height:100%}.pattern>.container>.row>.col-xs-12{height:100%}.login{display:flex;align-items:center;height:100%;justify-content:center;min-height:100%;max-width:830px;margin:0 auto;padding:15px 0}.login>div{max-height:100%}.login-box,.login-menu{max-width:414px;margin:0 auto}.login-box{padding:30px}.login-box badge-store{display:flex}.login-box badge-store .badge-store-link:first-child{margin-right:10px}.login-box .badge-store-link{text-decoration:none}.login-box[class*="bgBlack"] h1{color:#fff}a.singleButton1{color:#fff!important}.login-box[class*="bgBlack"] label,.login-box[class*="bgBlack"] a,.login-box[class*="bgBlack"] span{font-weight:normal!important;color:#ccc}.login-box[class*="bgWhite"] h1{color:#185a7d}.login-box[class*="bgWhite"] label,.login-box[class*="bgWhite"] a,.login-box[class*="bgWhite"] span{font-weight:normal!important;color:#212121}.login-box input[type="text"],.login-box input[type="password"]{color:#888}::-webkit-input-placeholder{text-transform:lowercase}:-moz-placeholder{text-transform:lowercase}::-moz-placeholder{text-transform:lowercase}:-ms-input-placeholder{text-transform:lowercase}.login-box #logo{width:100%;height:100px;text-align:center}.login-box #logo img{max-height:85px}.bgColorWhite{background-color:#fff}.login-box h1{text-transform:uppercase;margin:20px 0 15px;line-height:20px;font-weight:bold;font-size:19px}.login-box ul input{height:auto;line-height:normal}.login-box ul li:nth-child(2){float:right}.singleButton1 span{color:inherit!important}.singleButton1:hover{position:relative}.singleButton1:hover:before{background-color:rgba(0,0,0,.5);content:'';height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.singleButton1:hover span{position:relative}.badge-store{padding-top:5px}.qrmodal .fancybox-inner{background-image:linear-gradient(#6f86d6,#48c6ef);border-radius:4px}.qrmodal-header{align-items:center;color:#fff;display:flex!important;font-size:18px;font-weight:bold;height:80px;justify-content:center;line-height:1.4;margin-bottom:0;text-align:center}.qrmodal-body{background-color:rgba(255,255,255,.7);height:250px;align-items:center;display:flex!important;justify-content:center}.qrmodal-body img{height:160px;width:160px}.qrmodal-footer{align-items:flex-end;display:flex!important;height:202px;justify-content:center;position:relative}.qrmodal-footer:before{content:url(/App/Areas/User/Views/Student/Account/Login/_Images/icon-phone.png);left:50%;margin-left:-50px;position:absolute;top:15px}.qrmodal-footer p{color:#185a7d;font-size:12px;line-height:16px;min-height:45px;margin-bottom:10px;text-align:center}.qrmodal-footer p a{color:#185a7d;display:block;font-weight:bold}#frmLoginSubmit{height:41px;position:relative;overflow:hidden}#frmLoginSubmit .showbox{background-color:inherit;position:absolute;top:0;bottom:0;left:0;right:0}#frmLoginSubmit .loader{height:100%;position:relative;margin:0 auto;width:35px}#frmLoginSubmit .loader:before{content:'';display:block;padding-top:100%}#frmLoginSubmit .circular{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;stroke:white}#frmLoginSubmit .path{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@media screen and (max-width:700px){.login-box ul li{margin:0;float:initial!important;display:block}.login-box ul li a{margin-top:5px;display:inline-block}}.login-box .pass{position:relative}.login-box .pass a{display:block;position:absolute;top:7px;right:10px;font-size:16px;color:#888;text-decoration:none}.login-box a{text-decoration:underline}.login-box a.singleButton1{text-decoration:none}.login-box a:hover{text-decoration:none}.login-menu{margin-top:5px;position:relative}.login-menu>li{display:inline-block;margin:0 15px 0 0}.login-menu>li:last-child{margin:0}.login-menu>li>a{font-size:12px;color:#fff}.login-menu>li>a .language{max-width:75px;display:inline-block;vertical-align:bottom}.login-menu>li>a.arrow:after{content:"";width:0;height:0;float:right;border-style:solid;margin:10px 0 0 5px;border-width:5px 5px 0 5px;border-color:#fff transparent transparent transparent}.login-menu .submenu{-webkit-transition:opacity .1s linear;transition:opacity .1s linear;background:#fff;border:0;-webkit-box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);opacity:0;outline:none;overflow:hidden;overflow-y:auto;position:absolute;z-index:2000;bottom:25px}.login-menu .submenu.active{opacity:1;min-width:136px;max-height:747px}.login-menu .submenu li a{color:#212121;padding:8px 10px;display:block;font-size:12px}.login-menu .submenu li a:hover{background:#eee;text-decoration:none}@media(max-width:425px) and (max-height:812px){.login-box{padding:25px}.login-box #logo{height:70px}.login-box #logo img{max-height:42px}.login-box h1{font-size:14px;margin:20px 0 5px}.login-menu{background-color:rgba(0,0,0,.75);margin-top:0;padding:8px 0;text-align:center}.login-menu li{margin-right:5px}.login-menu li a{font-size:10px}.singleButton1.large{font-size:12px;margin-bottom:8px!important}}@media(max-width:425px) and (max-height:568px){.pattern>.container>.row>.col-xs-12{padding:0}.login{align-items:initial;padding:0}.login-box{height:100%;padding:25px 25px 40px}.login-box #logo{height:70px}.login-box #logo img{max-height:42px}.login-box h1{font-size:14px;margin:20px 0 5px}.login-menu{bottom:0;left:0;position:fixed;width:100%}.singleButton1.large{font-size:12px;margin-bottom:10px!important}}