.tooltip {
  background-color: #333;
  color: white;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 13px;
  visibility: hidden;
  max-width: 30rem;
}

.arrow,
.arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}

.arrow {
  visibility: hidden;
}

.arrow::before {
  content: "";
  transform: rotate(45deg);
}

.tooltip[data-show],
.tooltip[data-show] > .arrow::before {
  opacity: 1;
  visibility: visible;
}

.tooltip[data-popper-placement^="top"] > .arrow {
  bottom: -4px;
}

.tooltip[data-popper-placement^="bottom"] > .arrow {
  top: -4px;
}

.tooltip[data-popper-placement^="left"] > .arrow {
  right: -4px;
}

.tooltip[data-popper-placement^="right"] > .arrow {
  left: -4px;
}

.login-pf {
  background: #30393f;
}
.login-pf body {
  background: #30393f;
  font-size: 0.8rem;
}
.login-pf body .card-pf {
  border: 1px grey solid;
}
.login-pf body .pf-c-form-control {
  border-radius: 1px;
}
.login-pf body .pf-c-form-control:focus {
  border-bottom-color: #07b7c7;
}
.login-pf body .pf-c-form-control:hover {
  border-bottom-color: #07b7c7;
}
.login-pf body .pf-c-form-control:focus-visible {
  outline: none;
  border: 1px solid #07b7c7;
  box-shadow: 0 0 8px #3ce8f8;
}
.login-pf body .pf-c-button.pf-m-primary {
  background-color: #07b7c7;
  background-image: inherit;
  border: none;
  transition-duration: 0.25s;
}
.login-pf body .pf-c-button.pf-m-primary:hover {
  background: #30393f;
}
.login-pf body a {
  color: #60696f;
  text-decoration: underline;
}
.login-pf body a:hover, .login-pf body a:focus {
  color: #07b7c7;
}

/*# sourceMappingURL=styles.css.map */