body {
  font-family: 'Roboto', sans-serif;
}

.sidebar ul li.active>a {
  color: #3baac7;
}

.markdown-section a {
  color: #3baac7;
}

.sidebar-toggle span {
  background-color: #3baac7;
}

.app-nav.no-badge {
  margin-right: 0;
  padding-right: 25px;
}

.app-nav {
  height: 59px;
  color: white;
  margin: 0;
  padding: 7px 0px 0px 0px;
  position: relative;
  width: 100%;
  vertical-align: middle;
  white-space: nowrap;
}

.appnav ul {
  max-width: 1400px;
  text-align: center;
  margin: 93px;
}

.app-nav ul:not(.app-nav ul li ul) {
  width: 100%;
}

.app-nav li {
  vertical-align: middle;
}

.app-nav ul li li {
  color: black;
}

.app-nav ul li li:hover {
  color: black;
}

.app-nav li:not(:first-child) a, .app-nav li strong {
  padding-top: 7px;
  display: table-cell;
  vertical-align: middle;
}

.app-nav li:first-of-type:not(.app-nav li ul li) {
  float: left;
}

nav {
  background-color: #3baac7;
}

body.sticky .sidebar {
  position: relative;
}

.app-nav ul li a.language:hover  {
  color: black;
  text-decoration: underline;
}

.app-nav ul li a:hover:not(.language) {
  color: white;
  text-decoration: underline;
}

.logo {
  width: 36px;
  position: relative;
}

.language-svg {
  width: 20px;
  height: 25px;
}

@media screen and (max-width: 768px) {
  .content {
    position: absolute;
    left: 0px;
  }
}

.app-nav a.active {
  border-bottom: 2px solid #fff;
}