.required:after {
  content: "*";
  color: red;
}

/* remove the browser-created reveal eye for passwords.  i'll do it myself. */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none;
}

body {
  background-color: rgba(0, 0, 0, .05);
  /* always show the vertical scrollbar.  otherwise, scrollbars pop up when menus are displayed. */
  overflow-y: scroll;
}

/* add .no-arrow class: remove the drop down triangle arrow thing from dropdown buttons */
.dropdown-toggle.no-arrow::after {
  content: none;
}

.list-group-item-action:hover {
  background-color: #E7F6FF;
}

/* this makes the move to folder modal list items blue when selected. */
/* important that this is AFTER ".list-group-item-action:hover" */
.list-group-item-action.active {
  background-color: var(--bs-blue);
}

/* prevent scrolling when a dropdown menu is displayed. */
.stop-scrolling {
  position: fixed;
  overflow-y: scroll;
  width: 100%;
}

/* when the menu button is clicked, an overlay is created (using javascript in each page) to darken the background and prevent scrolling and clicking of other things. */
.screen-darken {
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .2);
  z-index: 10;
  visibility: visible;
  position: fixed;
  animation-name: fade_in;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
  animation-duration: .25s;
}

/* fade in dropdown menus, using keyframes */
.dropdown-menu {
  animation-name: fade_in;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
  animation-duration: .25s;
}

/* the fade in animation for both dropdown menus and the dark overlay */
@keyframes fade_in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* when filtering passwords, adding the .d-none class causes border-radius issues and doesn't look right.  so, in the filtering function, */
/* i add classes to the first and last visible password so that they border-radius looks nice. */
.list-group-item.filteredfirstchildfix {
  border-top-left-radius: inherit !important;
  border-top-right-radius: inherit !important;
}

.list-group-item.filteredlastchildfix {
  border-bottom-left-radius: inherit !important;
  border-bottom-right-radius: inherit !important;
  border-bottom: none;
}




/*
.callout {
  padding          : 10px;
  margin           : 20px 0;
  border           : 1px solid #eee;
  border-left-width: 5px;
  border-radius    : 3px;
  background       : rgba(0, 0, 0, .02);
}

.callout h4 {
  margin-top   : 0;
  margin-bottom: 5px;
}

.callout p:last-child {
  margin-bottom: 0;
}

.callout code {
  border-radius: 3px;
}

.callout+.bs-callout {
  margin-top: -5px;
}

.callout-default {
  border-left-color: #777;
}

.callout-default h4 {
  color: #777;
}

.callout-primary {
  border-left-color: #428bca;
}

.callout-primary h4 {
  color: #428bca;
}

.callout-success {
  border-left-color: #5cb85c;
}

.callout-success h4 {
  color: #5cb85c;
}

.callout-danger {
  border-left-color: #d9534f;
}

.callout-danger h4 {
  color: #d9534f;
}

.callout-warning {
  border-left-color: #f0ad4e;
}

.callout-warning h4 {
  color: #f0ad4e;
}

.callout-info {
  border-left-color: #5bc0de;
}

.callout-info h4 {
  color: #5bc0de;
}

.callout-bdc {
  border-left-color: #29527a;
}

.callout-bdc h4 {
  color: #29527a;
}
*/