@import "base.css";

.faq {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .faq {
    flex-direction: column;
  }
}

html,
body {
  font-size: 18px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

h1,
h2, h3 {
  color:  var( --primary-color);
}

h3{ 
 color: var(--document-title);
}
h4 {
  color: var(--document-title);
}

.help_content table {
  color: var( --primary-color-3);
}

.help_content table td {
  color: var( --primary-color-3);
}
.alert {
  display: inline-block;
  color:var( --primary-color-3);
}

.alert-link a,
.alert a {
  color:  var(--shared_status_owner);
}

.alert-info {
  background-color: var(--background-accent-3);
}

p span.material-icons {
  font-size: 18px;
}

.navbar.navbar-expand-lg {
  display: flex;
}

p.lead {
  margin-bottom: 12px;
}

.badge-info {
  background-color: var(--shared_status_owner);
}

.max_token_span {
  position: absolute;
  right: 22px;
  font-size: .9rem;
  top: 16px;
  background-color: var(--shared_status_owner);
}

.engine_model_content {
  position: relative;
}

.list-group-item {
padding: 0.75rem;
}

section {
  padding-top: 20px;
}

.help_content {
  flex: 1;
  overflow: auto;
  padding: 12px;
}

.help_menu_panel {    
  width: auto;
  height: 200px;
  overflow: auto;
  text-align: left;
}

@media (min-width: 992px) {
  .help_menu_panel {
    width: 225px;
    overflow: visible;

  }
}