*{margin:0;padding:0}html,body{font-family:'Roboto',sans-serif;font-size:14px;overflow:hidden;width:100%;height:100%;margin:0;padding:0;color:#333;background:#fff}.wrapper{width:100%;height:100%;background:#fafafa}.wrapper .container{width:100%}.loginForm{overflow:auto;width:500px;height:100%;padding:50px}.loginImage{overflow:hidden;width:calc(100% - 500px);height:100%;direction:rtl}.logoContainer{display:block;height:60px}.logoContainer img{max-width:160px}.loginContent{position:relative;height:calc(100% - 60px);padding-top:20px}.formWrapper{position:relative;width:100%;height:100%}.input-field{margin-top:20px}.input-field label{font-size:1rem;left:0;top:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);color:#666}.loginContent .input-field label.active{font-size:1rem;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.input-field label.active{font-size:1rem}.input-field label.errorMsg{font-size:.8rem;top:65px;color:red}.loginContent .input-field label.errorMsg.active{font-size:.8rem}.input-field input{margin:0 0 20px 0}.loginContent input[type=text]:focus:not([readonly]),.loginContent input[type=email]:focus:not([readonly]),.loginContent input[type=password]:focus:not([readonly]){border-bottom:1px solid #4caf50;box-shadow:0 1px 0 0 #4caf50}.loginContent input[type=text].valid,.loginContent input[type=email].valid,.loginContent input[type=password].valid{border-bottom:1px solid #e2e2e2;box-shadow:none}.loginContent input[type=text]:focus:not([readonly]) + label,.loginContent input[type=email]:focus:not([readonly]) + label,.loginContent input[type=password]:focus:not([readonly]) + label{color:#666}.errorMsg.common{font-size:.8rem;margin:-15px 0 15px;color:red}.submit .btn{line-height:45px;height:45px;background:#43a047;box-shadow:none}#submitButton{width:100%}.otherLoginButton{width:100%}.otherLoginButton a{position:relative;display:block;width:calc((100% - 20px) / 2);height:45px;margin-bottom:20px;text-align:center;color:#333;background:#fff;box-shadow:0 3px 5px rgba(0,0,0,.24)}.otherLoginButton a .icons{position:absolute;top:11px;width:21px}.otherLoginButton a.googleButton{margin-right:20px}.otherLoginButton a.samlButton{width:100%}.otherLoginButton a span{line-height:45px;margin-left:28px}.LoginText{margin:20px 0;text-align:center}.forgotPwd{position:absolute;bottom:0;display:block;width:100%;color:#333}.apple-device-block{display:none}.ios.iphone .fixed-action-btn{display:none}.ios.iphone #intercom-launcher{display:none!important}.ios.iphone .apple-device-block{display:block;height:inherit;background-color:black}.ios.iphone .apple-device-block .apple-device-image{width:100%;height:inherit;margin:0 auto}.forgotPassword .btn{width:calc(50% - 10px)}.forgotPwdMsg{margin-bottom:40px}.forgotPassword .btn:first-child{margin-right:10px}.forgotPassword .submit{margin-top:5px}#resetForm{height:calc(100% - 150px)!important;padding:0!important}.wrapper.mainContainer{background:#fff}.verifytext{font-size:.9rem;line-height:24px;margin:20px 0 0 0;padding:0;text-align:left;color:#666}.title{margin-bottom:40px}.title h5{font-size:1.4rem;color:#666;font-weight:500}.errorPassword{display:none;color:#d32f2f;margin-top:-10px;padding-bottom:10px}ul.password_restrictions li span{display:inline-block;width:12px;height:12px;margin:5px 10px 0 -20px;content:' ';background:url(../images/validation-icons.png) no-repeat 0 0}ul.password_restrictions{padding:10px 10px 10px 30px}ul.password_restrictions li{line-height:28px}ul.password_restrictions li span.success{transition:all .5s ease-in-out;background-position:-24px 0}ul.password_restrictions li span.error{transition:all .5s ease-in-out;background-position:-12px 0}ul.password_restrictions li.error{transition:all .5s ease-in-out;color:#d32f2f}#password_hint{margin-bottom:20px}#resetForm .submit .btn{width:50%}.errorPassword span.errorR{width:12px;content:" ";background:url(../images/validation-icons.png) no-repeat -12px 0;transition:all 0.5s ease-in-out;display:inline-block;height:12px;margin:5px 10px 0 0px;color:#d32f2f}.bottomLinkText{text-align:center;cursor:pointer;margin:20px 0;width:100%;position:absolute;bottom:0}.bottomLinkText a{color:#333}@media only screen and (min-width:768px){html,body{font-size:13px}}@media only screen and (min-width:1600px){html,body{font-size:16px}.loginImage img{width:100%;height:100%}.loginForm{width:600px}.loginImage{width:calc(100% - 600px)}.input-field input{margin:0 0 30px 0}.loginContent{padding-top:40px}.input-field label.errorMsg{top:75px}}@media screen and (orientation:landscape){.ios.iphone .apple-device-block .apple-device-image{max-width:40%}}@media only screen and (width:768px) and (orientation:portrait){.ios.ipad .apple-device-block{line-height:70;display:block;width:768px;height:1024px;text-align:center;background-color:black}.ios.ipad .apple-device-block .apple-device-image{line-height:normal;display:inline-block;width:768px;height:670px;margin:0 auto;vertical-align:middle;background:url('../images/tablet-ipad-browser.png');background-repeat:round}}@media only screen and (width:1024px) and (orientation:landscape){.ios.ipad .apple-device-block{display:block;height:inherit;background-color:#000}.ios.ipad .apple-device-block .apple-device-image{width:100%;height:inherit;margin:0 auto;background:url('../images/tablet-ipad-browser.png');background-repeat:round}}@media only screen and (max-width:768px){.loginForm{width:100%;padding:20px}.loginImage{display:none}.forgotPwd{position:relative}}@media only screen and (max-width:480px){.otherLoginButton a{width:100%}.submit .btn{width:100%;margin-bottom:20px}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.googleButton img{left:15%}.officeButton img{left:10%}.samlButton img{left:28%}}