html,body{height:100%}body{background:#f8f8ff}#loginForm{height:100%}.page-wrapper{display:flex;flex-flow:column nowrap;justify-content:space-between;height:100%;max-width:100%;margin:0 auto;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.page-wrapper>*{flex:0 0 auto}.page-wrapper>.content{flex:1 1 auto}.page-wrapper.filtered:before{filter:blur(6px) saturate(60%) contrast(50%) brightness(130%)}.page-wrapper input[type=text],.page-wrapper input[type=password]{text-align:center;background:#fff;border:.15em solid #039;font-size:1em;border-radius:.25em;padding:.75em 1em}.page-wrapper input[type=text].error,.page-wrapper input[type=password].error{border-color:#8b0000}.page-wrapper input[type=text].error::placeholder,.page-wrapper input[type=password].error::placeholder{color:#f00}.page-wrapper button,.page-wrapper a.button{font-size:1em;color:#fff;background:#039;padding:.75em 1em;border:.13em outset #808080;border-radius:.35em}.page-wrapper button:hover,.page-wrapper a.button:hover,.page-wrapper button:active,.page-wrapper a.button:active{background:#04c}.page-wrapper a{color:inherit}.page-wrapper a.button{text-decoration:none;display:inline-block}.page-header{height:auto;padding:10px;display:flex;flex-flow:row nowrap;align-items:center;background:rgba(255,255,255,0.7)}.page-header .header-text{text-align:center;color:#039;display:inline-block;flex:1 1 auto}.page-header .header-text h1{font-size:3em;margin-bottom:.2em}.page-header .header-logo{height:4em;margin:.25em;flex:0 0 auto}.page-footer{color:#039;font-size:smaller;text-align:center;padding-top:1em;padding-bottom:1em;border-radius:0 0 1em 1em}.content{color:#039;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;margin:0 0}.content>*{flex:1 0 auto}.content>.fixed-width{flex:0 0 auto}.image-area{width:100%;height:22em;overflow:hidden;position:relative;flex:1 1 auto;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.image-area:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url("loginpage_Students_Classroom.jpg");filter:brightness(.8) contrast(1) saturate(1) blur(0)}.image-area>*{flex:0 1 auto;margin:0}.image-area .overlay-text{color:#f0f8ff;border-radius:2em;text-align:center;padding:1em 5em;font-size:1.5em;text-transform:uppercase}.image-area .overlay-text .bigger{font-size:200%}.image-area .overlay-text h1{font-size:3em}.flex-row{width:100%;padding:1em;display:flex;flex-flow:row wrap;align-items:center;justify-content:space-around}.flex-row>*{flex:0 1 auto;display:inline-block;padding:.25em;vertical-align:middle;text-align:center}.flex-row>aside{border-left:.15em solid #039;text-align:left;margin-left:.5em}.flex-column{width:100%;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.flex-column>*{flex:1 0 auto;margin:.5em 0}.flex-column>aside{text-align:center}#accessBlock.error{width:auto;color:#f00;background:transparent;border-radius:.5em;margin:.5em;padding:.5em .5em .5em;text-align:center}#accessBlock.error h1{display:none;color:#fff;background:linear-gradient(to top, #6d1219 0, #f00 100%);font-size:larger;padding:.25em 1em;margin-bottom:.5em}button.login{padding-left:3em;padding-right:3em}ul.link-list{margin:0;padding-left:.5em;list-style:none}ul.link-list li{margin:.5em 0}@media only screen and (max-width:650px){.page-header .header-text>*{display:none}.page-header .header-text>h1{display:block;font-size:2em}.image-area{display:none}.flex-row{flex-flow:column nowrap}}@media only screen and (max-height:450px){.image-area{display:none}}