.hello-table-alert{
    opacity: 1;
    visibility: visible;
    transition: all 300ms ease-in-out!important;
}
.hello-table-alert.visible-hidden{
    opacity: 0;
    visibility: hidden;
}
.hello-table-back-button{
  white-space: nowrap;
  display: none;
}
.hello-table-back-button.active {
  display: inline-block;
}
button.hello-active,
a.hello-active {
    background-color: #3496e4 !important;
    border-color: #3496e4;
}

.hello-table-wrapper {
  height: 100%;
}
.hello-table-wrapper .hello-sub-buttons {
  max-height: 0vh;
  visibility: hidden;
  overflow-y: auto;
  transition: all 300ms ease-in-out;
}
.hello-table-wrapper .hello-sub-buttons.hello-active {
  max-height: 90vh;
  opacity: 1;
  visibility: visible;
}

.visible-hidden {
  visibility: hidden;
}

.hello-table-contents {
    opacity: 0;
  position: relative;
}
.hello-table-contents .hello-table-content {
  position: absolute;
  padding: 1rem;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  transition: all 300ms ease-in-out;
}
.hello-table-contents .hello-table-content.hello-active {
  position: static;
  opacity: 1;
  visibility: visible;
}

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