body {background: #6c89e5;} 
.footer_image { position: fixed; bottom: 0; height: 100%; width: 100%; margin: auto; text-align: center; z-index: -1; } 
.footer_image img { width: 100%; } .login_page { display: flex; align-items: end; height: 100vh; justify-content: center; } 
span.btn.btn_login_guest { color: #5273db; background: white; font-weight: 600; }
.login_section_tri { text-align: center; } 
.login_sec_tri { background: white; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 50px; padding: 25px; margin: 0 auto; } 
.login_sec_tri img{ width: 100%; } 
h4.text_h4 { font-size: 16px; color: #fff; margin-top: 15px; } 
.login-form {width: 100%;margin-bottom: 5px;}
span.fa.fa-fw.field-icon.toggle-password.fa-eye-slash {position: absolute;bottom: 16px;right: 0;border: 0;margin-right: 12px;width: 28px;display: inline-block;color: #fff;} 
span.fa.fa-fw.fa-eye.field-icon.toggle-password {position: absolute;bottom: 16px;right: 0;border: 0;margin-right: 12px;width: 28px;display: inline-block;color: white;}
.div_password input {border-bottom: 1px solid white!important;color: white!important;}
.div_password .input-field label {color: #fff!important;}
.container .div_password .row {margin-left: 0;margin-right: 0;}
.hdkjl_tri {text-align: center;margin-top: 45px;display: inline-block;width: 100%;} 
.gtfgh_tri {text-align: center;color: white;font-size: 13px;margin: 100px 0 5px;} 
.gtfgh_tri a{ color: #fff; }


 input:-webkit-autofill,
  input:-webkit-autofill:focus {
    transition: background-color 0s 600000s, color 0s 600000s !important;
  }
