@import "./reset.css";
@import "./bootstrap.min.css";
@import "./bootstrap-card.css";
@import "./prism.css";
@import "./ionicons.min.css";
@import "./compodoc.css";
@import "./tablesort.css";
@import "../style/css-vars.css";

body {
  background-color: var(--body-background-color);
  font-family: var(--font-family-base) !important;
}

ul#additional-pages li {
  padding-left: 0px;
}

.tab-content {
  background-color: #fff;
  padding: 10px;
  margin-top: -16px;
  border-width: 0 1px 1px 1px;
  border-color: #ddd;
  border-style: solid;
}

.menu .title:before {
  display: block;
  background-image: url(../style/img/logo-platform-white.svg);
  padding-bottom: 32px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto 0;
  min-width: 200px;
  content: '';
  height: 50px;
}

.menu .title a {
  font-size: 16px;
  font-weight: 200;
  text-transform: uppercase;
  text-overflow: ellipsis;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
}

.menu .title a:before {
  display: block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\f3e8";
  font-size: 70px;
}

.menu {
  background-color: var(--navigator-bg-color);
}

.menu a, .simple.menu-toggler {
  color: var(--navigator-text-color) !important;
  border-left: 4px solid transparent;
}

.menu .chapter {
  font-size: 16px;
}

.menu .chapter {
  box-shadow: inset 0 1px 0 0 var(--navigator-active-bg);
}

#book-search-input + li {
  box-shadow: none;
}

.menu a:hover, 
.menu a:visited {
  text-decoration: none;
}

.menu .active {
  color: var(--navigator-color-active) !important;
  background-color: var(--navigator-active-bg) !important;
  border-left: 4px solid var(--navigator-color-active);
  box-shadow: inset 0 1px 0 0 rgba(0,0,0,.1);
}

.menu ul.list li.chapter ul.links {
  padding-left: 0px !important;
}

.menu .link a {
  font-size: 14px;
  padding-left: 44px !important;
}

.menu .icon {
  font-size: 20px !important;
}

.menu li.chapter.inner {
  font-size: 14px;
  box-shadow: none;
}

.menu .chapter.modules > ul > li.link {
  box-shadow: inset 0 1px 0 0 var(--navigator-active-bg);
  font-weight: bold;
}

.menu .chapter.modules .chapter.inner a {
  padding-left: 40px !important;
}

.menu .chapter.modules li.link a {
  padding-left: 4px;
}

.menu ul.list li.chapter .inner .simple {
  padding-left: 44px;
}

.menu ul.list li.chapter .inner .simple + ul a {
  padding-left: 74px !important;
}