html,body{position:relative;height:100%;margin:0;padding:0;font-size:11px;font-family:sans-serif;background-color:white}#wrapper{position:relative;width:100%;height:100%;border-top:8px solid #0070C0;border-bottom:8px solid #0070C0;box-sizing:border-box;vertical-align:middle}#vbox{position:relative;width:100%;height:80%;display:flex;justify-content:center;align-items:center}hr.inner-line{border:none;border-bottom:8px solid #70AD47;height:1px;width:100%}hr.outer-line{border:none;border-bottom:8px solid #70AD47;height:1px;width:100%}#login-container{position:relative;text-align:center;width:100%;overflow:hidden}#content{display:block;text-align:left;width:390px;margin:auto;margin-bottom:2em;padding:0px;position:relative;overflow:hidden}#content #login-logo{width:80px;vertical-align:top}#content form{display:inline-block}#content form hr{display:none}#school-header{box-sizing:border-box;width:390px;padding:0 8px;margin-right:auto;margin-left:auto;margin-bottom:2em;display:flex;align-content:stretch;align-items:center;font-family:sans-serif;text-align:left;position:relative}#school-header #school-name{width:100%;line-height:1.1}#school-header #school-name #super{font-size:18px}#school-header #school-name #main{font-size:30px}#school-header #school-name #sub{font-size:11px}#school-header #epo-title{width:100%;color:#548235;font-size:46px;letter-spacing:-0.07em;font-weight:bold;height:100%}@media (max-width: 390px){#school-header{width:100%}#school-header #epo-title{font-size:40px}}@media (max-width: 360px){#content{width:360px}}@media (max-width: 320px){#school-header{display:block}#content{width:320px}#content form{margin-left:5%;width:90%}#content #login-logo{display:none}}label{display:inline-block;margin-top:7px;margin-bottom:2px}.form-group{margin-top:8px}.user_username,.user_password{clear:both}input[type="text"],input[type="email"],input[type="password"]{width:204px;font-size:14px;height:20px;border:1px solid gray;padding-left:4px;margin-left:5px;float:right;border-color:#ccc}.alert{clear:both;color:#FF1D45;font-weight:bold;text-align:center}.alert .close{display:none}.login-btn{float:right;width:117px;height:29px;white-space:nowrap;text-align:center;background-color:#548235;border:none;padding:0;font-size:11px;font-weight:bold;display:block;position:relative;line-height:24px;color:white;text-decoration:none;margin-bottom:1em;margin-top:10px;margin-right:-3px}.login-btn img{vertical-align:middle;margin-right:4px}label input[type="checkbox"]{vertical-align:middle}.form-actions{margin-top:12px}#new_user{margin-top:0}.message-box{margin-top:100px}button[type='reset']{display:none}.user_remember_me{float:left}fieldset{border:none}#devise-footer{position:absolute;bottom:8px;right:8px;text-align:center;width:100%}#devise-footer img{text-align:center;width:400px;max-width:100%}