body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

[data-tooltip] {
  position: relative;
}

[data-tooltip]:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 8px;
  padding: 0.50em 0.60em;
  background: white;
  color: black;
  border: 1px solid black;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 10;
  font-weight: bold;
}

[data-tooltip]:hover::before {
  content: "";
  position: absolute;
  bottom: calc(100% - 1px);
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: black;
}

html, body {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: auto !important;
}

body.modal-open {
  padding-right: 0 !important;
}

#loader {
  font-weight: bold;
  font-family: sans-serif;
  font-size: 30px;
  animation: l1 1s linear infinite alternate;
}
#loader:before {
  content:"Loading..."
}
@keyframes l1 {to{opacity: 0}}