*{ margin:0;padding:0;box-sizing:border-box;font-family:'Open Sans',sans-serif}body{ background:url(../images/bg.png) no-repeat center;background-size:cover;min-height:100vh;display:flex;align-items:center;justify-content:center}.error{ width:100%;height:40px;background-color:#FFCCCC;border:1px solid red;color:red;font-size:12px;text-align:center;display:flex;align-items:center;justify-content:center;margin-top:-40px;margin-bottom:30px}.message{ margin-top:-20px;margin-bottom:30px}.message h3{ font-size:16px;font-weight:600;text-align:center;margin-top:20px;margin-bottom:60px}.message p{ font-size:14px;opacity:.9;text-align:center}.login-form{ width:370px;background-color:#fff;padding:0px 40px;border-radius:2px;display:flex;align-items:center;flex-direction:column}.logo{ margin-top:40px;margin-bottom:60px;margin-left:30px}.textb{ margin-bottom:30px;position:relative;width:100%}.textb input{ width:100%;height:40px;border:solid 1px #8C99A6;background-color:#F9FAFF;border-radius:2px;color:#333;font-size:14px;font-weight:600;padding:8px 60px 5px 15px;transition:.2s linear}.placeholder{ font-size:14px;font-weight:600;position:absolute;line-height:40px;top:0;left:20px;color:#9d9d9d;user-select:none;pointer-events:none;transition:.2s linear}.show-password{ position:absolute;right:15px;line-height:40px;color:#9d9d9d;font-size:20px;cursor:pointer}.textb input:focus ~ .placeholder,.textb input:valid ~ .placeholder{ left:0px;top:-33px;font-size:12px}.btn{ display:block;width:100%;height:45px;margin:0px auto;background-color:#09396A;color:#fff;font-size:15px;font-weight:600;border:none;border-radius:2px;cursor:pointer;transition:.3s linear;letter-spacing:.1rem}.btn:hover{ background-color:#02274D}.login-form a{ display:block;text-align:center;text-decoration:none;font-size:15px;color:#1964A3;transition:.2s linear;margin-top:20px;margin-bottom:50px}.login-form a:hover{ color:#02274D}.login_page_wrapper{ float:right;margin-right:30px !important;width:450px;max-width:100%;margin:0 auto;-webkit-transition:all 280ms cubic-bezier(.4,0,.2,1);transition:all 280ms cubic-bezier(.4,0,.2,1)}.md-card.md-card-overlay .md-card-content{ height:142px;overflow:hidden;box-sizing:border-box}.font-pt{ font-family:'PT Sans',sans-serif !important}.md-card .md-card-content.large-padding{ padding:24px 35px}.login_page .login_heading{ text-align:center;margin-bottom:32px} .md-card .md-card-content.large-padding{ padding:24px 35px}.fadeInRight{ -webkit-animation-name:fadeInRight;animation-name:fadeInRight}.success-message{ width:370px;background-color:#fff;padding:0px 40px;border-radius:2px;display:flex;align-items:center;flex-direction:column}.success-ico{ margin-top:50px;width:80px}.password_card_error_msg{ border:1px solid #ddd;border-radius:8px;padding:16px;box-shadow:0 2px 4px rgba(0,0,0,0.1);background-color:#fff} .password_card_error_msg.danger_password_card{ border-color:#ff5252;background-color:#da4646;color:#fff}