/* Font Awesome 6.5.1 (only essentials for eye/eye-slash) */
@font-face {
  font-family: 'FontAwesome';
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-solid-900.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
.fa,
.fas {
  font-family: 'FontAwesome', Arial, sans-serif;
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-eye:before { content: "\f06e"; }
.fa-eye-slash:before { content: "\f070"; }
.fa-bell:before { content: "\f0f3"; }

.input-group .btn-eye {
  border: none;
  background: transparent;
  padding: 0 0.75rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.input-group .btn-eye:focus {
  outline: none;
  box-shadow: none;
}
.input-group .form-control {
  border-right: 0;
}
.input-group .btn-eye {
  border-left: 0;
}