.spoiler.hide .spoiler-body {
  height: 0px !important;
  overflow:hidden;
}
.spoiler-title h1 {
  display: inline-block;
}
.spoiler .spoiler-title::after {
  content:'(hide)'
}
.spoiler.hide .spoiler-title::after {
  content:'(show)'
}

.labels-container.readonly .tagit-new{
  display:none;
}

.tagit-hidden-field {
  display: none;
}

.tagit {
  list-style: none;
  margin: 0px;
  padding:0;
  font-size: .7em;
  display: inline;
}

.tagit-new {
  display: inline-block;
}
.tagit-choice, .ui-autocomplete-input {
  display: inline-block;

  margin: 3px 1px;
  border-radius: 7px;
  padding: 1px 3px;
}
.tagit-choice {
  border: 1px solid #727ff7;
  background: #aeecff;
}
.ui-autocomplete-input {
  background: none;
  border: none;
  border-bottom: 2px solid #727ff7;
  border-radius: 0px;
  width: 50px;
}
.ui-autocomplete-input::after {
  content:'+';
}
.tagit-autocomplete.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  float: left;
  background: white;
  border: 1px solid #333;
}
.tagit-autocomplete.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
  cursor: pointer;
}
.tagit-new::after {
  content: 'add label';
  font-size: .6em;
}
.tagit-close {
  cursor: pointer;
}

body:not(.label-edit) .tagit-close,
body:not(.label-edit) .tagit-new,
body:not(.label-edit) .ui-menu {
  display:none ! important;
}
body.label-edit a.book-title {
  pointer-events: none;
  opacity: .7
}
.ui-helper-hidden-accessible{
  display:none;
}
.filter-tag {
  display: inline-block;
  cursor: pointer;
  background: #aeecff;
  padding: 1px 3px;
  border: 1px solid #aeecff;
}
.filter-tag-selected {
  border-color: #2384d2;
}

.filtered-out {
  display:none;
}

.add-label {
  display:none;
}