/*
Colors used:

- Background (eggish white): #efefef -> #F2F2F2
- Background (dark green): #14252D
- Highlight (medium green): #1C4650 + text (light green): #5FCE84

Also refer to api_docs/static/js/api_docs.js for theme colors and
urls.py for logo & background color.
*/

.hidden {
  display: none;
}

body {
  margin: 0;
  padding: 0;
  background-color: #F2F2F2;
}

h1, h2, h3, h4, h5, h6, p {
  color: #14252D !important;
}

/* Logo */
img[alt="logo"] {
  border-bottom: 1px solid #1C4650;
}

/* Search */
div[role="search"] {
  display: none;
  /* margin-top: 2em;
  margin-bottom: 1em; */
}
/* div[data-role="search:results"] {
  padding: 12.5px 20px;
  background-color: #14252D;
} */

/* Left Menu */
label[role="menuitem"] {
  color: #F2F2F2 !important;
}
label[role="menuitem"].active,
label[role="menuitem"]:hover {
  background-color: #1C4650 !important;
}
label[role="menuitem"].active {
  color: #5FCE84 !important;
}

/* Left Menu Fixes */
ul[role="menu"]>li:first-child {
  margin-top: 35px;
}
ul[role="menu"]>li:last-child {
  margin-bottom: 35px;
}


/* Flow Text Links */
.redoc-markdown a,
.redoc-markdown a:hover {
  color: #5FCE84 !important;
}

#logout-btn {
  position: fixed;
  text-decoration: none;
  right: 20px;
  bottom: 40px;
  padding: 15px;
  background: #F2F2F2;
  color: #14252D;
  font-family: 'Roboto';
  font-size: small;
  z-index: 100;
  border-radius: 9999px;
  height: 40px;
  line-height: 40px;
  box-shadow: rgb(0 0 0 / 30%) 0px 0px 20px;
}