header {
  background-color: #7abeb2;
  color: #367270;
}

#content {
  padding: 30px;
}

footer {
  background-color: #367270;
  color: #ffffff;
  padding: 20px;
}

.ui-widget-content a {
  color: #337ab7;
  text-decoration: none;
}

#kulturobjek_table table {
  width: 100%;
}

.ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left {
  margin: 0 auto;
  float: left;
  margin-top: 5px;
}

.topAlign {
  vertical-align: top;
  horizontal-align: center;

}

.ui-diagram-element {
  border: 1px #7abeb2;
  width: 200px;
  height: 60px;
  line-height: 1em;
  text-align: center;
  color: #337ab7;
}

.card {
  border: 2px solid #7abeb2;
  border-radius: .25rem;
  background-color: #ffffff;
}

.card-body {
  padding: 5px;
}

.card-header {
  border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
  background-color: #7abeb2;
  color: #ffffff;
  padding: 5px;
}

.card-footer {
  border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
  background-color: #d6e4e1;
  color: #9d9d9d;
  padding: 5px;
}

#kodSucheForm ul {
  padding: 0 !important;
}

#kodSucheForm ul li {
  margin: 10px;
}

#werkzeugSucheForm ul {
  padding: 0 !important;
}

#werkzeugSucheForm\:solrviewlist td {
  margin: 10px;
}

em {
  color: #eb0161;
}

#kodpanel, kodpaneltab, #kodpaneltab .ui-widget-content {
  background-color: rgb(239, 235, 195);
}

#facetColumn label {
  font-weight: 100;
}

#facetColumn .ui-panel {
  margin-bottom: 5px;
}

#facetColumn {
  font-size: 14px;
}

#queryFieldGroup {
  float: left;
  margin-right: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3em;
}

.ui-widget-content {
  background: white;
}

.gefundenweil {
  background-color: #fcf8e3;
  padding: 5px;
}

.ui-datascroller {
  width: 100%;
}

#kodSucheForm button span {
  overflow: inherit;
}

#werkzeugSucheForm button span {
  overflow: inherit;
}

.ui-widget, .ui-widget-content, .ui-widget-header {
  border: none !important;
}

.ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default, .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
  border: 1px solid #367270 !important;
}

#kodSucheForm\:sucheEingabe {
  border: 1px solid #367270 !important;
}

#kodSucheForm\:sucheswitch {
  border: 1px solid #367270 !important;
}

#werkzeugSucheForm\:sucheEingabe {
  border: 1px solid #367270 !important;
  display: initial;
}

#werkzeugSucheForm\:sucheswitch {
  border: 1px solid #367270 !important;
}

.input-border {
  border: 1px solid #367270 !important;
}

#kodSucheForm\:j_idt22:hover {
  border: 1px solid #367270 !important;
}

#werkzeugSucheForm\:j_idt22:hover {
  border: 1px solid #367270 !important;
}

.ui-icon-seek-next {
  background-position: -32px -157px;
}

.ui-icon-seek-prev {
  background-position: -48px -157px;
}

.ui-icon-seek-end {
  background-position: -64px -157px;
}

.ui-icon-seek-start {
  background-position: -80px -157px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -157px;
}

.ui-datalist-header.ui-widget-header.ui-corner-top {
  font-weight: normal;
}

.card-title a::before {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f15c";
  margin: 0px 10px 0px 10px;
}

.card-title-m a::before {
  display: inline-block;
  content: '';
  background: url(/javax.faces.resource/images/icoMotiv.png.html);
  width: 16px;
  height: 16px;
  margin: 0px 10px 0px 10px;
}

.card-title-p a::before {
  display: inline-block;
  content: '';
  background: url(/javax.faces.resource/images/icoPlatte.png.html);
  width: 16px;
  height: 16px;
  margin: 0px 10px 0px 10px;
}

.card-title-r a::before {
  display: inline-block;
  content: '';
  background: url(/javax.faces.resource/images/icoRolle.png.html);
  width: 16px;
  height: 16px;
  margin: 0px 10px 0px 10px;
}

.card-title-s a::before {
  display: inline-block;
  content: '';
  background: url(/javax.faces.resource/images/icoStempel.png.html);
  width: 16px;
  height: 16px;
  margin: 0px 10px 0px 10px;
}

.card-title, .card-title-m, .card-title-s, .card-title-r, .card-title-p {
  font-weight: bold;
}

.card-subtitle {
  padding: 10px 20px 0px 20px;
}

.card-text {
  padding: 0px 20px 0px 20px;
}

#kodSucheForm\:sucheEingabe {
  font-size: 16px;
  padding: 10px 10px 10px 10px;
  height: 40px;
}

#kodSucheForm button {
  height: 40px !important;
  width: 40px;
  border: 1px solid #367270 !important;
  color: #367270;
  font-size: 14px;
}

#werkzeugSucheForm\:sucheEingabe {
  font-size: 16px;
  padding: 10px 10px 10px 10px;
  height: 40px;
  background-color: rgb(228, 242, 239)
}

#werkzeugSucheForm button {
  height: 40px !important;
  width: 40px;
  border: 1px solid #367270 !important;
  color: #367270;
  font-size: 14px;
}

#suchehints, #expertesuchehints {
  font-size: 18px;
}

label {
  font-weight: normal;
}

#kodSucheForm\:j_idt25 {
  margin: 0px 10px 0px 0px;
  color: #626E74;
}

#kodSucheForm\:sort:hover, #kodSucheForm\:sort:active, #kodSucheForm\:expertesort:hover, #kodSucheForm\:expertesort:active {
  background-color: #E4F2EF;
}

#kodSucheForm\:sort_label, #kodSucheForm\:expertesort_label {
  padding: 5px 5px 5px 12px;
}

#kodSucheForm\:queryfield_label {
  padding: 8px 0px 2px 12px;
}

#werkzeugSucheForm\:j_idt25 {
  margin: 0px 10px 0px 0px;
  color: #626E74;
}

#werkzeugSucheForm\:sort:hover, #werkzeugSucheForm\:sort:active, #werkzeugSucheForm\:expertesort:hover, #werkzeugSucheForm\:expertesort:active {
  background-color: #E4F2EF;
}

#werkzeugSucheForm\:sort_label, #werkzeugSucheForm\:expertesort_label {
  padding: 5px 5px 5px 12px;
}

#werkzeugSucheForm\:queryfield_label {
  padding: 8px 0px 2px 12px;
}

.ui-selectcheckboxmenu-trigger.ui-state-default.ui-corner-right {
  padding: 10px 5px 0px 0px;
}

.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-helper-hidden {
  border: 1px solid #367270 !important;
  border-top: none !important;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.ui-accordion-header.ui-helper-reset.ui-state-default.ui-state-active.ui-corner-top {
  background-color: #fff;
}

.ui-accordion-header.ui-helper-reset.ui-state-default.ui-tabs-outline.ui-state-active.ui-corner-top {
  border-bottom: none !important;
}

.ui-panelgrid-cell {
  border-color: #36727099 !important;
}

.ui-chkbox-icon.ui-icon.ui-icon-check {
  background-position: -65px -145px;
}

.ui-widget.ui-selectcheckboxmenu, .ui-widget.ui-selectonemenu {
  background-color: #fff !important;
  border: 1px solid #E4F2EF !important;
}

.ui-widget.ui-selectcheckboxmenu.ui-state-hover, .ui-widget.ui-selectonemenu.ui-state-hover, .ui-widget.ui-selectcheckboxmenu.ui-state-focus, .ui-widget.ui-selectonemenu.ui-state-focus {
  background-color: #fff !important;
  border: 1px solid #367270 !important;
}

.ui-selectcheckboxmenu-label.ui-state-hover {
  background-color: #fff !important;
}

.ui-selectcheckboxmenu-trigger.ui-state-default.ui-state-hover, .ui-selectonemenu-trigger.ui-state-default.ui-state-hover, .ui-selectcheckboxmenu-trigger.ui-state-default.ui-state-focus, .ui-selectonemenu-trigger.ui-state-default.ui-state-focus {
  border-left: 1px solid #367270 !important;
}

#kodSucheForm\:queryfield_label {
  margin-bottom: 3px;
}

#kodSucheForm\:sort_label {
  margin-top: 2px;
  margin-bottom: 1px;
}

#kodSucheForm\:sort {
  margin-left: 10px;
}

#werkzeugSucheForm\:queryfield_label {
  margin-bottom: 3px;
}

#werkzeugSucheForm\:sort_label {
  margin-top: 2px;
  margin-bottom: 1px;
}

#werkzeugSucheForm\:sort {
  margin-left: 10px;
}

.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {
  background-color: #F6F6F6;
}

.ui-slider-range.ui-corner-all.ui-widget-header {
  background: #367270;
}

.ui-slider-handle.ui-corner-all.ui-state-default {
  border: 1px solid #367270;
  width: 0.7em;
}

#kodSucheForm\:filterpanel_content table {
  font-weight: normal;
}

#kodSucheForm > .row > .col-lg-12 {
  width: auto;
}

#kodSucheForm > .row > .col-lg-12 div:nth-child(2) {
  margin-top: 10px !important;
}

#werkzeugSucheForm\:filterpanel_content table {
  font-weight: normal;
}

#werkzeugSucheForm > .row > .col-lg-12 {
  width: auto;
}

#werkzeugSucheForm > .row > .col-lg-12 div:nth-child(2) {
  margin-top: 10px !important;
}

.columnheader {
  background-color: #d5d5d5
}

.ui-growl {
  /*Use this top after Beta info Tag is removed*/
  /*top: 190px !important;*/
  top: 212px !important;
  right: 2.5% !important;
  width: 95% !important;
  margin-top: 10px;
}

.ui-growl-message {
  padding: unset !important;
  width: unset !important;
  float: unset !important;
  text-align: center !important;
}

.ui-growl-icon-close {
  width: 100%;
  height: 100%;
  background-image: none !important;
}

.columnSticky {
  vertical-align: top;
  left: auto;
  position: absolute;
  top: auto;
}

.columnScroll {
  padding-left: 195px;
  padding-top: 10px;
}

#werkzeugSucheForm\:solrviewlist table {
  table-layout: fixed;
}

#facetColumn {
  padding-left: 0px;
!important;
}

.query-field-information {
  float: right;
}

#contentColumn {
  padding-right: 0px;
!important;
}

#iiifdialog {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 90%; /* Full width */
  height: 90%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

.iiifdialog-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.iiifViewerButton {
  margin: 0 10px 0 10px;
  display: block;
  width: fit-content;
  border-radius: 4px;
  float: right;
}

a.iiifViewerButton:hover {
  text-decoration: none !important;
}

.externalLinkClass {
  color: white !important;
  font-weight: 700;
  line-height: 20px;
  float: right;
  margin: 1px 10px 0 10px;
}

a.externalLinkClass:hover,
a.externalLinkClass:active,
a.externalLinkClass:focus {
  text-decoration: none !important;
}

.iiifLogoVerticalAlign {
  vertical-align: top;
}
