@import url(//fonts.googleapis.com/css?family=Roboto:300,400,500);html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}.css-transitions-only-after-page-load{-webkit-transition:none !important;-moz-transition:none !important;-ms-transition:none !important;-o-transition:none !important;transition:none !important}*,*:after,*:before{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}*,html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,li,ul,span,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-weight:300}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden],.wrapper .hidden{display:none}html{font-size:100%;min-height:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none}html.no-scroll{height:100%;overflow:hidden}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:400}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type=text]::-ms-clear{display:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}*,*:after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;text-decoration:none;list-style-type:none;outline:0}html{height:100%}body{background-color:#44b7f5;min-height:100%;position:relative;font-family:'Roboto',sans-serif;line-height:26px;font-weight:300}@media screen and (max-width:1024px){body:after{display:none}}strong{font-weight:500;font-size:17px}.bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.bg:after{content:" ";background-position:center;background-size:cover;background-repeat:no-repeat;background-color:#44b7f5;background-image:url(/service/util/custom/images/schoolping/bg.png);opacity:.85;position:absolute;top:0;right:0;bottom:0;left:0}@media screen and (max-width:600px){body{background-color:#FFF}.bg{display:none}}.link{border-bottom:1px solid rgba(255,255,255,0);color:#fff;font-weight:500}.link:hover{border-bottom-color:rgba(255,255,255,0.65)}.center-container{display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:calc(100vh - 150px)}body:not(.login) .center-container{height:100vh}.wrapper{max-width:500px;width:100%;margin:0 auto 40px;position:relative;text-align:center}@media screen and (max-height:600px){.center-container{display:block;height:0 !important}.wrapper{margin:0 auto 70px}}@media screen and (max-width:600px){.center-container{display:block;height:0 !important}.wrapper{max-width:400px;margin-bottom:0}#setPasswordForm{margin-top:-10px}}.box{position:relative;top:0;opacity:1;padding:45px 50px 40px 50px;box-shadow:0 10px 50px rgba(0,110,181,0.4);width:100%;background:#fff;border-radius:40px;z-index:5}@media screen and (max-width:600px){.box{border-radius:0;top:0;padding:30px 30px 30px;box-shadow:none;position:static;max-width:450px;margin:0 auto;background:transparent}}.school-name{display:none;position:relative;text-align:center;font-size:19px;font-weight:400;color:#069eed;background:#44b7f5;padding:13px 15px 12px;box-shadow:0 -2px 8px rgba(0,0,0,0.1) inset;margin-bottom:40px}body.login .school-name{display:block}@media screen and (max-width:600px){.school-name{position:relative;top:0;font-size:14px;padding:7px 20px 8px;background:#f5f5f5;margin-bottom:0;box-shadow:0 -2px 5px rgba(0,0,0,0.06) inset}}@media screen and (max-width:600px){.school-name,.school-name .school-link{color:#777}.school-name .school-link:hover{border-bottom-color:#999}}.product-logo{width:85%;max-width:285px;margin:0 auto 30px;z-index:10}.product-logo img{max-width:100%;display:block;margin:0 auto}@media screen and (max-width:600px){.product-logo{width:90%;max-width:215px;margin-bottom:45px}body:not(.login){background:#f7f7f7;padding-top:40px}body:not(.login) .product-logo{position:fixed;top:0;right:0;left:0;box-shadow:0 2px 5px rgba(0,0,0,0.06);width:100%;max-width:none;padding:15px 0 13px;background:#fff}body:not(.login) .product-logo img{height:40px}}.box{transition:400ms all}.input,.input label,.input input,.input .spin{width:100%}.row{margin-top:25px}.row.user-details{text-align:left;width:300px;max-width:100%;margin-left:auto;margin-right:auto;line-height:44px;white-space:nowrap;background:#f7f7f7;padding:4px 13px 5px;font-size:15px;box-shadow:0 0 1px 1px rgba(0,0,0,0.15);border-radius:4px}.row.user-details strong{margin-right:10px;font-size:15px}.row.user-details .details{display:inline-block;vertical-align:top;overflow:hidden;text-overflow:ellipsis;width:220px;max-width:calc(100% - 50px)}@media screen and (max-width:600px){.row.user-details{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.06)}}.input{height:65px;text-align:left}.input,.input input{position:relative}.input input{height:55px;top:10px;border:0;background:transparent}.input input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset !important}.row.input>input:invalid{box-shadow:none}.input input,.input label{font-family:'Roboto',sans-serif;font-size:22px;color:rgba(0,0,0,0.8);font-weight:400}.input label{line-height:60px}.input .spin{width:0}.input.active label,.input.non-empty label{position:absolute;line-height:16px;font-size:16px;font-weight:300;color:rgba(0,0,0,0.6);top:0}.input.active .spin{width:100%}@media screen and (max-width:600px){.input input,.input label{font-size:19px !important}}.input label{font-weight:300;color:rgba(0,0,0,0.6)}.input:before,.input .spin{width:100%;height:1px;position:absolute;bottom:0;left:0}.input:before{content:"";background:rgba(0,0,0,0.2);z-index:3}.input .spin{background:#06b6f3;z-index:4;width:0}.input label{position:absolute;top:10px;left:0;z-index:2;cursor:pointer;line-height:60px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.input input:-webkit-autofill ~ label{line-height:16px;font-size:16px;font-weight:300;color:rgba(0,0,0,0.55);top:0}.validation-message{display:none;position:absolute;height:27px;bottom:-26px;right:0;left:0;border-top:1px solid #ffa405;pointer-events:none;text-align:right;z-index:10}form.invalid input:required:invalid ~ .validation-message{display:block}.validation-message>.label{font-size:12px;font-weight:400;display:block;color:rgba(1,1,1,0.6)}.validation-message>.label:first-letter {text-transform:uppercase}.password-rule{width:209px;margin:0 auto 4px;text-align:left;position:relative;padding-left:31px;white-space:nowrap}.password-rule:before{content:" ";position:absolute;top:0;left:0;height:22px;width:22px;background:url(/service/util/custom/images/schoolping/tick_icon.png) no-repeat center #d2d2d2;background-size:13px;border-radius:100px;transition:background-color 250ms}.password-rule.complete:before{background-color:#069eed}.logo__new-era{display:block;z-index:99999999;position:fixed;bottom:0;right:0;height:42px;width:125px;cursor:pointer;background-color:#FFF;border-radius:12px 0 0 0;box-shadow:rgba(0,0,0,0.05) 0 0 0 3px,rgba(0,0,0,0.07) 0 0 0 1px}.logo__new-era svg{height:42px;width:125px;padding:7px 7px 4px}@media screen and (max-width:600px){.logo__new-era{display:none}}.btn-wrapper{position:relative;margin-top:44px;border-radius:45px;overflow:hidden}.main-btn{display:block;width:100%;border:0 none;outline:0 none;color:#fff;position:relative;background-color:#069eed;-webkit-appearance:none;padding:16px 16px 15px;border-radius:45px;font-size:18px;font-weight:500;font-family:'Roboto',sans-serif;cursor:pointer;text-transform:uppercase;transition:color 150ms ease,text-indent 500ms ease,background-color 500ms ease 250ms;will-change:color,text-indent,background-color,box-shadow;white-space:nowrap}@media screen and (max-width:600px){.main-btn{padding:14px 16px 13px;font-size:16px}}.main-btn:not(.active):not(:active):hover{background-color:#43b7ff;box-shadow:0 0 0 4px #e2e2e2}.main-btn:not(.active):not(:active):focus{box-shadow:0 0 0 2px rgba(1,1,1,0.2) inset}.main-btn.active{text-indent:-200%;background-color:#00ace0;pointer-events:none;color:transparent;transition:color 150ms ease,text-indent 500ms ease,background-color 500ms ease 100ms,box-shadow 500ms ease 100ms}.action-link{text-align:center;position:absolute;left:0;right:0;bottom:-55px}.help-link{text-align:center;position:absolute;left:0;right:0;bottom:-90px}.back-link{margin-left:27px;position:relative}.back-link:after{content:" ";position:absolute;background:url(/service/util/custom/images/schoolping/left-arrow.png) no-repeat left 0 center;background-size:17px;height:20px;width:20px;left:-25px;top:0;transition:background-position 100ms}.action-link:hover .back-link:after{background-position:left -5px center}@media screen and (max-width:600px){.action-link{position:relative;bottom:0;margin-bottom:30px}.action-link a{border-bottom:1px solid rgba(255,255,255,0);color:#069eed;margin-left:0;font-size:14px}.action-link a:hover{border-bottom-color:#069eed}.back-link:after{display:none}}.store-link{white-space:nowrap;margin-top:20px}.store-link a{display:inline-block;vertical-align:top;width:calc(50% - 5px);margin-right:15px;max-width:140px}.store-link a:last-child{margin-right:0}.store-link img{display:block;max-width:100%}.web-login{font-weight:400;color:#069eed}.web-login:hover{text-decoration:underline}.access-denied-footer{word-break:break-all}.error-message{color:#f80;font-weight:500;position:absolute;bottom:107px;right:50px;left:50px;text-align:right;padding:5px 0;display:block;max-width:100%;line-height:21px;z-index:-1;font-size:13px;white-space:nowrap}body[class="error"] .error-message{display:none}.error-message span{font-weight:500}@media screen and (max-width:600px){.error-message{bottom:114px;font-size:12px;right:0;left:0;text-align:center}}.loading{opacity:0;visibility:hidden;position:absolute;top:0;left:0;right:0;bottom:0;height:38px;width:38px;margin:auto;transition:300ms cubic-bezier(.4,0,.2,1) 100ms;-webkit-transition:300ms cubic-bezier(.4,0,.2,1) 100ms;-ms-transition:300ms cubic-bezier(.4,0,.2,1) 100ms}.main-btn.active ~ .loading{opacity:1;visibility:visible}.loading svg{-webkit-animation:loadingSpinner 700ms linear infinite;-moz-animation:loadingSpinner 700ms linear infinite;animation:loadingSpinner 700ms linear infinite}@-webkit-keyframes loadingSpinner{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes loadingSpinner{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(360deg)}}@keyframes loadingSpinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}