button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }


.hidden{visibility: hidden;}

.borders{border:1px solid gray;border-radius: 5px;padding:2px;margin:4px;}

.shadows{-webkit-box-shadow: 5px 5px 5px -3px #000000; box-shadow: 5px 5px 5px -3px #000000;}

.notesDateHrs{height:20px;display:flex;flex-flow: row nowrap;background-color: white;color:black;border-radius: 6px;padding-left:6px;align-items: center;}



/* HTML: <div class="loader"></div> */
.loader {
  width: 120px;
  height: 22px;
  border-radius: 40px;
  color: white;/*#514b82;*/
  border: 2px solid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Centers the element by offsetting its own size */

}
.loader::before {
  content: "";
  position: absolute;
  margin: 2px;
  width: 25%;
  top: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  background: currentColor;
  animation: l3 1s infinite linear;
}
@keyframes l3 {
    50% {left:100%;transform: translateX(calc(-100% - 4px))}
}


.bottom-left {
    position: absolute; /* Positions the element absolutely */
    bottom: 10;         /* Aligns it to the bottom */
    left: 10;           /* Aligns it to the left */
}