/* ======================================================== */
/* PERFIL-EMAIL-PASSWORD-EYE v1.1                         */
/* ======================================================== */

.gl-perfil-email-cuenta {
  margin: 20px 15px 22px 15px;
  padding: 16px 18px;
  background: #f8fafc;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
}

.gl-perfil-email-cuenta > label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #344054;
}

.gl-perfil-email-cuenta .form-control[readonly] {
  background: #ffffff;
  color: #344054;
  cursor: default;
}

.gl-perfil-email-cuenta small {
  display: block;
  margin-top: 7px;
}

.gl-password-eye-wrapper {
  position: relative;
  width: 100%;
}

.gl-password-eye-wrapper > input.form-control {
  padding-right: 46px !important;
}

.gl-password-eye-button {
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #667085;
  cursor: pointer;
}

.gl-password-eye-button:hover {
  background: rgba(15, 23, 42, 0.06);
  color: #101828;
}

.gl-password-eye-button:focus {
  outline: none;
  background: rgba(15, 23, 42, 0.06);
}

.gl-password-eye-button .glyphicon {
  pointer-events: none;
  font-size: 15px;
}