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;
  }




/* HTML: <div class="loader"></div> */
.loader {
  display: inline-grid;
  width: 40px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: repeating-conic-gradient(from 30deg,#C02942 0 60deg,#0B486B 0 120deg);
  animation: l10-0 2s linear infinite;

  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loader:before,
.loader:after {
  content:"";
  grid-area: 1/1;
  border-radius: 50%;
  background: inherit;
  transform: rotate(0turn) translate(100%,0);
  animation: l10-1 3s infinite ease-in-out;
}
.loader:after {
  animation-delay: -1.5s;
}
@keyframes l10-0 {to{rotate: -1turn}}
@keyframes l10-1 {to{transform: rotate(1turn) translate(100%,0) rotate(1turn)}}

.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;}