.sidebar {
  font-size: var(--nav-font-size, 17pt);
  background-color: var(--text-bg, #fc03d7);

  padding-left: 5pt;

  float: left;
  clear: right;
  height: 90%;
  width: 220pt;
  overflow: hidden;

  margin: 0pt;
  margin-right: 10pt;
  list-style-type: none;

  /*background-color: #EEEEEE;*/

}

.folder {
  font-size: var(--primary-font-size);
  outline: none;
}

.sidebarItem {
  font-size: var(--primary-font-size);
  padding: 0 5pt;
  outline: none;
}
.sidebarSpacerV {
  padding: 7pt 0;
}

a.sidebarItem {
  cursor: pointer;
}

.sidebarItem:hover {
  color: var(--secondary-theme, #fc03d7);
  /*background-color: #208da0;*/
}

.collapseContent {
  padding: 0 10pt;
  display: none;
  color: var(--primary-text, #fc03d7);
  list-style-type: none;
}

.collapsable-open {
  display: block;
}


.searchWrapper {
  display: flex;
  float: left;

  border: 2pt solid var(--primary-theme, #fc03d7);
  border-radius: 2pt;
}

.searchButton {
  border: none;
  outline: none;
  text-decoration: none;
  cursor: pointer;

  color: var(--primary-text);
  font-size: var(--nav-font-size, 17pt);
  background-color: var(--primary-bg, #fc03d7);
}

.searchbar {
  flex-grow: 1;
  width: 100%;
  height: 100%;

  font-size: var(--nav-font-size, 17pt);
  color: var(--primary-text, #fc03d7);
  background-color: var(--primary-bg, #fc03d7);
}