/* 

.ub-sso-cta {
  display: inline-block;
  background-color: #003cc5;
  color: white !important;
  font-size: 1.25rem;
  font-weight: bold;
  padding: 1rem 2rem;
  border-radius: 0.5rem;

  text-align: center;
  text-decoration: none;
  width: 100%;
  color:#003cc5;
  box-shadow: 0 4px 12px rgba(0, 60, 197, 0.3);
  transition: background-color 0.3s ease, transform 0.2s ease;
}

body.gin-login .user-form-page .forgot-password-link {
  display: none;
}

a[href*="/saml/login"]:hover {
  background-color: #0036b1;
  transform: translateY(-2px);
}
a[href*="/saml/login"]:active {
  background-color: #00339a;
  transform: translateY(0);
}

 input[type="text"],
input[type="password"] {
  padding: 0.5rem;
  font-size: 0.85rem;
}

input[type="submit"] {
  font-size: 0.95rem;
  padding: 0.75rem 1rem;
  margin-top: 1rem;
}

h1.user-form-page__page-title {
  display: none;
}

.login-local-title {
  padding-top: 2rem;
}

body.gin-login .user-login-form .button {
  background-color: grey;
  padding: 0.5rem 1rem;
}

body.gin-login .user-form-page .form-element {
  padding: 0;
  min-height: calc(((var(--input-padding-vertical) + var(--input-border-size)) * 1) + var(--input-line-height));
}

.login-local-wrapper.claro-details {
  margin-top: 3rem;
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
}


body.gin-login .user-form-page__user-form img {
  max-height: 200px;
} */

.user-login-form{
  display:flex;
  max-width:800px!important;
  justify-content: space-between;
  align-items: start;
  gap:20px;
}

.user-login-form summary::marker{
  display:none;
}
.user-login-form summary:hover {
	color: rgb(33,37,41);
}

.button--primary{
  font-size: 30px !important;
  color:#0072CE;
}

.user-login-form .wrapper{
  flex-direction: column;
  display: flex;
  width:50%;
  /* justify-content: center; */
  justify-content: flex-start;
  align-items: center;
  /* JG-DW/UB, 2026-02-10: */
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 5px 5px 5px #ddd;
  padding: 1em 0;
  height: 250px;
}
/* .user-login-form .wrapper:hover {
	box-shadow: 5px 5px 5px #ddd inset;
} */
.user-login-form .wrapper .form-type-textfield{
  margin-top:20px;
}


.user-login-form .wrapper > a,
.user-login-form .wrapper summary{
  text-decoration: underline;
  text-align: center;
}

.user-login-form .wrapper .form-item{
  max-width:350px;
  font-size:14px;
}

.user-login-form .wrapper img{
  max-width:150px;
}
#edit-local-login-wrapper[open] {
	display: block;
	background-color: #ffffffde;
	z-index: 8;
	border: 1px solid #ddd;
	padding: 0 .5em .5em;
	width: max-content;
	border-top: none;
	box-shadow: 5px 5px 5px #ddd;
	/* border-radius: 10px; */
}
details summary::-webkit-details-marker {
  display: none; /* For WebKit browsers (Chrome, Safari, Edge) */
}

details summary::marker {
  display: none; /* For Firefox and newer spec-compliant browsers */
}
details > summary:first-of-type {
    display: list-item;
    list-style: none;
}

@media screen and (max-width: 580px){
  .user-login-form{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .user-login-form .wrapper{
    max-width:100%;
  }
  .user-login-form .wrapper{
    width: 100%;
  }
}