:root {
  --primary-filter-color: #eff9ff;
  /* global scope */
}

#logo {
  background: no-repeat center url("/opac-tmpl/bootstrap/images/logo_tp.png");
  background-size: contain;
}

#wrapper>div,
#breadcrumbs {
  display: none;
}

header>nav {
  display: none !important;
}

/*
 *
 * aa stuff
 * 
 */

#aa-container {}

.aa-item {}

#aa-wordcloud-container {
  flex: 0 1 100%;
  /*background-color: #ebffef;*/
  max-width: 100%;
  max-height: 800px;
  height: 600px;
  width: 100vw;
  font-family: NotoSans, sans-serif;
  position: relative;
}

#aa-wordcloud2-container {
  flex: 0 1 100%;
  /*background-color: #ebffef;*/
  max-width: 100%;
  max-height: 800px;
  height: 600px;
  width: 100vw;
  font-family: NotoSans, sans-serif;
}

#aa-wordcloud-container svg {
  font-family: NotoSans, sans-serif;
  cursor: pointer;
}


#aa-filters-container {
  padding: 10px;
  background-color: var(--primary-filter-color);
  display: none;
}

#aa-language-container {

  /*background-color: #fff6ce;*/
}

#aa-stud-container {

  /*background-color: #dfe1fd;*/
}

#aa-diss-container {

  /*background-color: #fff9fa;*/
}

#aa-no-data {
  flex: 1 0 auto;
  display: none;
}


/* 
  *
  * keywords and filter area
  *
  */

#aa-keywords,
#aa-filters {
  display: inline;
  list-style: none;
  padding: 0;
}

#aa-keywords li,
#aa-filters li {
  display: inline-block;
  background-color: #fff;
  line-height: 30px;
  padding: 0px 0px 0px 10px;
  margin: 2px;
}


#ui-id-1,
#ui-id-2 {
  background-color: #fff;
  border: 1px solid #666
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  color: #666
}

.filter-block {
  border: 1px solid #D8D8D8;
  font-size: 90%;
  height: 100%;
  margin-bottom: 15px;
  padding: 15px;
}

#aa-filters-container label {
  display: block;
}

#aa-year-from,
#aa-year-to {
  display: inline-block;
}

.aa-chart {}

/*
 *
 * AC in keywords
*/
#keyword-autocomplete {
  display: inline-block;
  background-color: #fff;
  border-radius: 2px;
  line-height: 33px;
  padding: 0px 0px 0px 10px;
  margin: 2px;
  border: 0px;
  width: 40%;

}

#keyword-autocomplete::placeholder {
  text-align: left
}

/* 
 *
 * autocomplete in wordcloud 
 *
 */
.center-ac {
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -70%);
  box-shadow: 0 0 20px #fff48d !important;
  width: 20%;
  border: 4px solid #ffe819;

}

.center-ac::placeholder {
  text-align: left
}

.ui-state-active {
  margin: 0 !important;
}

.ui-autocomplete>li:hover {
  background-color: #eff9ff;
}

svg text:hover {
  fill: rgb(146, 205, 209) !important;
}

#totalDocsWrapper {
  display: inline-block;
  padding: 10px;
  margin: 10px;
}

/*
 * legend
 *
 */

.stud-legend {
  column-count: 1;
  column-gap: 5px;
  list-style-type: none;
}


@media (min-width: 768px) {
  .stud-legend {
    column-count: 2;
    column-gap: 5px;
    list-style-type: none;
  }

}

@media (min-width: 1200px) {
  .stud-legend {
    column-count: 6;
    column-gap: 5px;
    list-style-type: none;
  }
}