html.responsive {
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 280px;
}
html.responsive body {
  position: absolute;
  top: unset;
  margin-top: unset;
  left: unset;
  margin-left: unset;
	width: 100% !important;
	height: auto;
	max-width: 1024px;
	max-height: 768px;
  min-height: 545px;
  min-width: 280px;
}

html.responsive #kc-form-options label {
  color: #fff;
}

html.responsive body .login-pf-page {
	width: unset;
}

html.responsive .login-pf-page .card-pf {
  width: 100%;
  height: 100%;
  max-width: 486px;
  max-height: 369px;
}

html.responsive #kc-page-title,
html.responsive .card-pf .login_text2 {width: unset !important;}
html.responsive #kc-form-wrapper {
  margin-top: 10px;
  display: flex;
  justify-content: end;
}
html.responsive .input_login_div {
  padding-right: 0;
  float: none;
  width: auto;
  display: flex;
  justify-content: end;
  position: relative;
}
html.responsive #kc-form-wrapper form,
html.responsive #kc-content-wrapper form {width: 100% !important;}
html.responsive #kc-form-wrapper form label,
html.responsive #kc-content-wrapper form label {width: auto !important; text-align: right;}
html.responsive #kc-form-wrapper form input.input_login_text,
html.responsive #kc-content-wrapper form input.input_login_text {width: 38% !important; min-width: 145px;}

@media (max-width: 767px) {
  html.responsive #kc-header {
    padding-left: 0px;
    padding-right: 0px;
    top: -22px;
    position: relative;
  }
  html.responsive .login-pf-page .card-pf {
    margin-left: auto;
    margin-right: auto;
    max-height: 350px;
    top: -22px;
    position: relative;
  }
  html.responsive body .login-pf-page {
    background-position-x: right !important;    
  }
  html.responsive {
    justify-content: center;
    align-items: baseline;
    background-color: #093963;
    min-height: 470px;
  }
  html.responsive body {
    min-height: 470px;    
  }
  html.responsive #kc-reset-password-form,
  html.responsive .hasCaptcha #kc-reset-password-form {
    margin-top: 0;
  }
  html.responsive .login-pf-page #kc-info-wrapper {
    padding: 15px 12px;
  }
  html.responsive body #footer {
    bottom: 0px;
  }
  html.responsive .login-pf-page .login-pf-page-header {
    margin-bottom: 10px;
  }  

  html.responsive #kc-content {
    height: unset;
  }

  html.responsive #kc-content-wrapper form input.input_login_text {min-width: 180px; height: 34px;}
  html.responsive #kc-content-wrapper form .input_login,
  html.responsive #kc-content-wrapper form input[type="submit"], 
  html.responsive #kc-content-wrapper form input[type="button"], 
  html.responsive #kc-content-wrapper form input[type="reset"], 
  html.responsive #kc-content-wrapper form button {font-size: 15px;}
  html.responsive #kc-content-wrapper form .input_login_div1 a {font-size: 13px;}

  html.responsive #kc-form-wrapper form label, html.responsive #kc-content-wrapper form label {display: flex; align-items: center; margin-bottom: 7px;}

}
@media (min-width: 767px) {
  html.responsive {
    min-height: 545px;
  }
}
@media (max-width: 639px) {
  html.responsive #kc-content {
    height: unset;
  }
  html.responsive .login-pf-page .card-pf {
    height: auto;
    max-height: unset;
  }
  html.responsive {
    min-height: 425px;
  }
  html.responsive body {
    min-height: 425px;
  }
  html.responsive body.hasCaptcha {
    min-height: 545px;
  }
  html.login-pf #kc-form-login { height: auto;}

  html.responsive #kc-content-wrapper form input.input_login_text {min-width: 200px; height: 40px;}

  html.responsive #kc-content-wrapper form .input_login,
  html.responsive #kc-content-wrapper form input[type="submit"], 
  html.responsive #kc-content-wrapper form input[type="button"], 
  html.responsive #kc-content-wrapper form input[type="reset"], 
  html.responsive #kc-content-wrapper form button {font-size: 16px;}
  html.responsive #kc-content-wrapper form .input_login_div1 a {font-size: 14px;}

  html.responsive #kc-form-wrapper form label, html.responsive #kc-content-wrapper form label {display: flex; align-items: center; margin-bottom: 7px;}
}

/* Fixes for Modals */
@media (max-width: 600px) {
  html.responsive div.squareenvelope {
    left: 0%;
    margin-left: 0 !important;
  }
  html.responsive div.squareenvelope, html.responsive div.square {
    max-width: 100% !important;
  }
  html.responsive div.square div.header div.closer {
    margin-top: 2px;
  }
  html.responsive div.square div.msg {
    width: 96%;
  }
}

html.responsive #footer a {
  text-shadow: 1px 1px 2px #525252;
}

/* Fixes for other pages */
html.responsive #kc-register-form .input_login_div div {
  display: contents;
}

@media (max-height: 460px) {
  html.responsive body #footer {
      position: relative;
      bottom: 0;
      background-color: #093963;
  }
}

@media screen and (max-height: 768px) {
  html.responsive body {
    height: 100% !important;
  }
}

/************************************* KC26 Fixes *************************************/
html.responsive body .login-pf-page .card-pf {
	height: unset;
	max-height: unset;
}
#kc-social-providers {
  display: flex;
  position: relative;
  justify-content: end;
  align-items: baseline;
  margin-top: 40px;
}
#kc-social-providers hr {margin: 0; display: none;}
#kc-social-providers.kc-social-gray h2 {
  font-size: 0.8em;
  color: #fff;
  margin: 0;
  display: inline-block;
  padding-right: 10px;
}
#kc-social-providers .kc-social-links {
  display: flex;
  margin: 0px;
  flex-wrap: initial;
  justify-content: start;
}
html.login-pf #kc-social-providers .kc-social-links a:hover {color: rgb(21, 21, 21) !important;}
#kc-social-providers .kc-social-item {font-size: 13px;}
#kc-social-providers .kc-social-item.pf-m-control:hover {--pf-c-button--m-control--after--BorderBottomColor: #6d96d5;}
html.login-pf input[type="submit"], html.login-pf input[type="button"], html.login-pf input[type="reset"], html.login-pf button {margin-bottom: 6px;}
#kc-social-providers .kc-social-links li {margin-left: 2px;}
@media (max-width: 639px) {
  #kc-social-providers {
	  margin-top: 16px;
  }
  #kc-social-providers.kc-social-gray h2 {
	  font-size: 0.9em;
  }
}
/************************************* KC26 Fixes *************************************/