html,
body {
  height: 100%;
  margin: 0 auto;
  text-align: center;
}

.form-signin  form{
    max-width: 500px;
    padding: 8rem 3rem 0rem;
    background-color: var(--bs-primary);
    border: 1px solid var(--bs-secondary);
    border-radius: 25px;
    margin:0 auto
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"],.form-signin input[type="password"]{
  height:2.7rem;
  border-radius:7px;
  text-align: center;
  background-color: var(--bs-light);
}


.w-70{width:70%; }
.logo{margin-bottom: -115px;}
.form-outline{position: relative;}
.form-outline img {
  transform: translateY(-50%);
  pointer-events: none;
  margin-top: 20px;
}
.ico-form{background-color: var(--bs-primary); position: absolute; z-index: 9999;top: 0;padding: 0px 4px; left:0;border-bottom-left-radius: 7px;border-top-right-radius: 0;border-top-left-radius:7px;border-bottom-right-radius: 0px; margin:2px; max-height: 39px;width:50px}
.power{line-height:30px; height: 30px;vertical-align: middle;}
.power img{margin-top:-10px; margin-left:5px}
.form-check-input{background:transparent; border-color:var(--bs-light)}
.form-check label{color:var(--bs-light)}
.olvide{color:var(--bs-light); text-decoration: none;}
.olvide:hover{color:var(--bs-info) !important}
.contrasena{display: flex;  justify-content: space-between;}
.version{color: var(--bs-info); font-style: italic; font-size: 0.8rem;position: absolute ;top:20px; right:20px}
.circle {
  width: 180px; 
  height: 180px;
  background-color: var(--bs-info);
  border: 2px solid var(--bs-secondary) ;
  border-radius: 50%; 
  display: flex;
  justify-content: center; 
  align-items: center;
  margin:0 auto;
  margin-bottom: -90px;
    z-index: 999999;
    position: relative;
}