div.social_doc > a {
  margin-right: 20px;
}

/* override table no-wrap */
.wy-table-responsive table td,
.wy-table-responsive table th {
  white-space: normal;
}

/* wrap */
.wy-nav-content-wrap {
  background-color: #edf2f7;
}

/* search block */
.wy-side-nav-search {
  background-color: #edf2f7;
}

.wy-side-nav-search input[type="text"] {
  border-radius: 6px;
  padding: 10px 12px;
  border: 1px solid #ccc;
}

img.logo {
  height: 70px !important;
  object-fit: contain;
  width: 290px !important;
}

/* nav block */
.wy-nav-side {
  background-color: #f6f9fb;
}

.wy-menu-vertical li a {
  border-right: unset;
  color: #4a5568;
}

.wy-menu-vertical li.current a {
  border-right: unset;
}

.wy-menu-vertical li.current {
  background: #ffffff;
}

.wy-menu-vertical a:active {
  background-color: #404868;
}

.wy-menu-vertical a:hover {
  background-color: #edf2f7;
}

.wy-menu-vertical li.current a:hover {
  background: #edf2f7;
}

.wy-menu-vertical li.current > a,
.wy-menu-vertical li.on a {
  background: #edf2f7;
}

.wy-menu-vertical li.toctree-l1.current a {
  background: #edf2f7 !important;
}

.wy-menu-vertical li.toctree-l1.current > a {
  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
}

/* footer */
.rst-versions a {
  color: #575f85;
}

.fa-book::before {
  color: #575f85;
}

.rst-versions .rst-current-version {
  background-color: #edf2f7;
  /* Lay the site link and the language switcher out side by side instead of
     relying on floats, which collapsed the bar's height. */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 12px;
  text-align: left;
  cursor: default;
}

.mapflow-home-link {
  color: #575f85;
  display: flex;
  align-items: center;
  gap: 6px;
}

.mapflow-home-link::before {
  color: #575f85;
}

.socials {
  display: flex;
  align-items: center;
}

.socials > a {
  display: flex;
  align-items: center;
}

.with-border {
  border: #d8d8d8 1px solid;
  border-radius: 4px;
}


/* Language selector in the fixed bottom bar (see source/_templates/versions.html) */
.language-selector-bottom {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
}

.language-selector-bottom select {
  padding: 4px 6px;
  border: 1px solid #cbd5e0;
  border-radius: 3px;
  background-color: #ffffff;
  color: #002245;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.4;
  max-width: 140px;
}

.language-selector-bottom select:hover {
  border-color: #575f85;
}

.language-selector-bottom select:focus {
  outline: 2px solid #575f85;
  outline-offset: 1px;
}

.language-selector-bottom select option {
  color: #002245;
}