@font-face{font-family:ralewaylight;src:url(assets/fonts/raleway-light-webfont.eot);src:url(assets/fonts/raleway-light-webfont.eot?#iefix) format('embedded-opentype'),url(assets/fonts/raleway-light-webfont.woff2) format('woff2'),url(assets/fonts/raleway-light-webfont.woff) format('woff'),url(assets/fonts/raleway-light-webfont.ttf) format('truetype'),url(assets/fonts/raleway-light-webfont.svg#ralewaylight) format('svg');font-weight:400;font-style:normal}@font-face{font-family:ralewaymedium;src:url(assets/fonts/raleway-medium-webfont.eot);src:url(assets/fonts/raleway-medium-webfont.eot?#iefix) format('embedded-opentype'),url(assets/fonts/raleway-medium-webfont.woff2) format('woff2'),url(assets/fonts/raleway-medium-webfont.woff) format('woff'),url(assets/fonts/raleway-medium-webfont.ttf) format('truetype'),url(assets/fonts/raleway-medium-webfont.svg#ralewaymedium) format('svg');font-weight:400;font-style:normal}@font-face{font-family:ralewaysemibold;src:url(assets/fonts/raleway-semibold-webfont.eot);src:url(assets/fonts/raleway-semibold-webfont.eot?#iefix) format('embedded-opentype'),url(assets/fonts/raleway-semibold-webfont.woff2) format('woff2'),url(assets/fonts/raleway-semibold-webfont.woff) format('woff'),url(assets/fonts/raleway-semibold-webfont.ttf) format('truetype'),url(assets/fonts/raleway-semibold-webfont.svg#ralewaysemibold) format('svg');font-weight:400;font-style:normal}@font-face{font-family:AvenirNext-Regular;src:url(assets/fonts/AvenirNextLTPro-Regular.eot),url(assets/fonts/AvenirNextLTPro-Regular.woff) format('woff'),url(assets/fonts/AvenirNextLTPro-Regular.ttf) format('truetype'),url(assets/fonts/AvenirNextLTPro-Regular.svg#avenirNextLTPro-Regular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:AvenirNext-Medium;src:url(assets/fonts/AvenirNext-Medium.eot?#iefix) format('embedded-opentype'),url(assets/fonts/AvenirNext-Medium.woff) format('woff'),url(assets/fonts/AvenirNext-Medium.ttf) format('truetype'),url(assets/fonts/AvenirNext-Medium.svg#AvenirNext-Medium) format('svg');font-weight:400;font-style:normal}@font-face{font-family:AvenirNext-Demi;src:url(assets/fonts/AvenirNextLTPro-Demi.eot),url(assets/fonts/AvenirNextLTPro-Demi.woff) format('woff'),url(assets/fonts/AvenirNextLTPro-Demi.ttf) format('truetype'),url(assets/fonts/AvenirNextLTPro-Demi.svg#avenirNextLTPro-Demi) format('svg');font-weight:400;font-style:normal}.login{width:100%;min-width:1024px;height:100%;display:block;position:absolute;top:0;left:0;text-align:center;font-family:sans-serif;font-weight:400;background:#304357 url(assets/images/BG@2x.png) no-repeat fixed top left;background-size:cover}.login__logo{width:172px;height:68px;margin:0 auto 30px;background:url(assets/images/Logo_Stepflo_TM.png) no-repeat center center}.login__wrap{width:892px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.login__wrap .login__wrap_size .login__wrap_size_sm{width:425px}.login__center-column{margin:0 auto}.login__left-column{width:425px;margin-right:80px;float:left}.login__right-column{width:380px;float:left;padding-top:200px}.login__title{width:425px;margin:0 0 70px;padding:0 20px;font:36px ralewaylight;line-height:52px;color:#fff;box-sizing:border-box}.login-form{position:relative;width:425px;height:330px;margin:0 auto;padding:30px 30px 40px;background:#fff;border-top:15px solid #f8c61c;box-sizing:border-box}.login-form .btn{background:#4a90e2;border:0;color:#fff;cursor:pointer;font-size:16px;height:48px;letter-spacing:1px;margin:10px 0 13px;opacity:1;outline:0;padding:0;text-transform:uppercase;width:366px}.login-form .btn:disabled{opacity:.8}.login-form .btn.btn-sign-in{margin:20px 0}.login-form .btn.btn-change-password{margin-top:19px;width:175px;position:absolute;bottom:0;right:30px}.login-form .btn.btn-continue,.login-form .btn.btn-reset{position:absolute;bottom:0;right:30px;width:175px}.login-form .btn.btn-back,.login-form .btn.btn-logout{background:#fff;border:1px solid #c9c9d0;bottom:0;color:#c9c9d0;left:30px;position:absolute;right:30px;width:175px}.login-form__title{margin:0 0 18px 0;text-align:center;font:16px ralewaysemibold;letter-spacing:1.5px;color:#000;text-transform:uppercase}.login-form .form-d .form-d__i{display:block;width:366px;height:48px;margin:0 0 10px;padding:0 20px;border:1px solid #878796;background:#fff;box-sizing:border-box;font:14px AvenirNext-Regular;letter-spacing:1px;color:#111125;line-height:48px;outline:0}.login-form .form-d input.form-d__i.invalid{border-color:#ef3e00}.login-form .form-d .login-form__validation-warning-message{font:italic 13px ralewaylight;margin-bottom:10px}.login-form .form-d .login-form__warning-message.message-error{font:italic 13px ralewaylight;color:#000}.login-form .forgot-password .form-d .login-form__warning-message.message-error{text-align:left;margin-top:16px;position:absolute}.login-form .changed-password-message,.login-form .restore-password-message{margin:110px 0 18px 0;text-align:center;font:16px ralewaysemibold;letter-spacing:1.5px;color:#000;text-transform:uppercase}.login-form.change-password{height:375px}.login-form__link{color:#4a90e2;text-decoration:none;cursor:pointer;font:12px AvenirNext-Regular}.login-form__link:hover{text-decoration:underline}.login-form__footer{position:absolute;left:0;bottom:-60px;width:100%;height:60px;padding-top:30px;box-sizing:border-box;text-align:center}.login-form__footer .link-d{font:14px ralewaymedium;letter-spacing:1px;color:#4a90e2;text-transform:uppercase;text-decoration:none;padding-bottom:3px;border-bottom:1px dashed #4a90e2}.login-form__footer .link-l{position:relative;margin:0 20px 5px 0;display:inline-block;font:24px AvenirNext-Medium;color:#fff}.login-form__footer .link-l:after{position:absolute;right:-13px;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);display:block;content:'';width:2px;height:20px;background:#fff}.login-form__footer .link-l:last-child{margin-right:0}.login-form__footer .link-l:last-child:after{display:none}.login-form .message-error{font-size:12px;color:#ef3e00;margin-top:8px;min-height:14px;position:relative;margin-bottom:-14px}.login__info-box h2{margin:0 0 42px;font:16px AvenirNext-Demi;line-height:24px;color:#fff}.login__info-box p{margin:0 0 53px;font:14px AvenirNext-Regular;line-height:19px;color:#fff;opacity:.8}.login__footer{position:absolute;bottom:0;height:18px;width:100%}.login__footer .footer{color:#9b9b9b;display:flex;font:11px AvenirNext-Regular;justify-content:center;letter-spacing:0;line-height:15px;text-align:center;white-space:pre-wrap}.servers-list{padding:0;margin:0 -30px;height:195px;overflow-y:scroll}.servers-list .server-list__element{list-style-type:none;padding:8px 10px 13px 30px;text-align:left;font:14px AvenirNext-Medium;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}.servers-list .server-list__element.selected{background:rgba(74,144,226,.14)}.servers-list .server-list__element .server-list__icon{background:#4a90e2;color:#fff;padding:10px 0;margin-right:10px;font:16px ralewaysemibold;text-transform:uppercase;display:inline-block;text-align:center;width:40px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}.hide{display:none}