/* Password visibility control shared by login, registration and reset forms. */
.tc-page-auth .input-group.input-group-flat {
  position:relative;
  display:block;
  width:100%;
}
.tc-page-auth .input-group.input-group-flat > .form-control {
  width:100%;
  padding-right:52px !important;
  border:2px solid #dca9bc !important;
}
.tc-page-auth .input-group.input-group-flat > .input-group-text {
  position:absolute;
  z-index:2;
  top:0;
  right:0;
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;
  min-width:46px;
  padding:0;
  border:0 !important;
  background:transparent !important;
}
.tc-page-auth .toggle-password {
  display:inline-grid;
  place-items:center;
  width:32px;
  height:32px;
  margin:0;
  padding:0;
  border:1px solid transparent;
  border-radius:3px;
  background:transparent;
  color:#693747;
  box-shadow:none;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}
.tc-page-auth .toggle-password i {
  display:block;
  width:20px;
  height:20px;
  font-size:20px;
  line-height:20px;
}
.tc-page-auth .toggle-password:hover {
  border-color:#c9798e;
  background:#f2cbd5;
  color:#8f2d47;
}
.tc-page-auth .toggle-password:focus-visible {
  border-color:#a94a5e;
  outline:2px solid rgba(169,74,94,.22);
  outline-offset:1px;
}
.tc-page-auth .toggle-password[aria-pressed="true"] {
  background:#eab5c1;
  color:#78243b;
}
html[data-color-theme="dark"] .tc-page-auth .input-group.input-group-flat > .form-control {
  border-color:#3f3f46 !important;
}
html[data-color-theme="dark"] .tc-page-auth .toggle-password {
  color:#d4d4d8;
}
html[data-color-theme="dark"] .tc-page-auth .toggle-password:hover,
html[data-color-theme="dark"] .tc-page-auth .toggle-password[aria-pressed="true"] {
  border-color:#52525b;
  background:#29292d;
  color:#fff;
}