/********************/
/* general settings */
/********************/

body {
  background-color: #CCCCCC;
  padding: 0px;
  margin: auto;
  width: 50%;
  font-size: 0.9em;
  color: #FFF;
  min-width:1000px;
}

form {
  background-color: #D9EBF0;
  box-shadow: 5px 5px 3px #888;
  height: inherit;
}


/*************f************/
/* common panel settings */
/*************************/

.ui-panel {
  border-color: transparent;
}

.ui-widget-content .ui-panelgrid-even {
  border: none;
  border-color: transparent;
}

.ui-panelgrid-odd {
  border-color: transparent;
}

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


/**************************/
/* common button settings */
/**************************/

.ui-button-text-only {
  color: #28647D !important;
  border: 1px solid #28647D !important;
}

.ui-button-text-only:hover,
.ui-button-text-only:focus {
  background: #28647D;
  color: #FFF !important;
  border: 1px solid #28647D !important;
}


/*****************************/
/* language chooser settings */
/*****************************/

.languageCombo {
  float: right;
  border-color: transparent !important
}


/********************/
/* captcha settings */
/********************/

.imgCaptcha {
  border: 1px solid #28647D !important;
  margin-bottom: 5px;
}


/*****************/
/* logo settings */
/*****************/

.imgLogo {
  height: 58px;
}


/*************************/
/* common label settings */
/*************************/

.ui-outputlabel {
  color: #363636;
}


/*******************************/
/* common input field settings */
/*******************************/

.pnlSearchFields {
  width: 100%;
  margin-bottom: 10px;
}

.fieldMedium {
  width: 200px !important;
}

.fieldSmall {
  width: 80px !important;
}

.ui-inputfield,
textarea {
  border: 1px solid #28647D !important;
}

.ui-inputfield.ui-inputtext.ui-state-default.ui-state-hover {
  border: 1px solid #28647D !important;
  box-shadow: 0 0 4px #28647D !important;
}


.ui-inputfield.ui-inputtext.ui-state-default.ui-state-focus {
  border: 1px solid #28647D !important;
  box-shadow: 0 0 4px #28647D !important;
}


.ui-inputfield.ui-inputtext.ui-state-default.ui-state-active {
  border: 1px solid #28647D !important;
  box-shadow: 0 0 4px #28647D !important;
}


/*********************************/
/* checkbox input field settings */
/*********************************/

.ui-chkbox .ui-chkbox-box.ui-state-active {
  background: rgba(0, 0, 0, 0) url("../resources/images/selected-chekbox_28647D.png") no-repeat scroll center center / 100% 100%;
  box-shadow: none;
}


/*****************************/
/* common drop down settings */
/*****************************/

.comboSmall {
  width: 100px !important;
}

.comboLarge {
  width: 300px !important;
}

.ui-selectonemenu,
.alternateDrop.ui-selectonemenu {
  border: 1px solid #28647D !important;
}

.ui-selectonemenu-trigger {
  background: url("/bravsearch/javax.faces.resource/drop-down_28647D.png.brak?ln=images") no-repeat center center !important;
}

.ui-selectonemenu.ui-state-default.comboSmall,
.ui-selectonemenu.ui-state-default.comboLarge {
}

.ui-selectonemenu.ui-state-default.comboSmall.ui-state-hover,
.ui-selectonemenu.ui-state-default.comboLarge.ui-state-hover,
.ui-selectonemenu.ui-state-default.comboSmall.ui-state-focus,
.ui-selectonemenu.ui-state-default.comboLarge.ui-state-focus {
  border: 1px solid #28647D !important;
  box-shadow: 0 0 4px #28647D !important;
}

.ui-selectonemenu-label.ui-inputfield {
  background: transparent !important;
  color: #313131 !important;
  border: 0px solid transparent !important;
  box-shadow: 0 1px 1px #8f8f8f inset !important;
}

.ui-selectonemenu-items-wrapper .ui-widget-content {
  background: #FFF !important;
  color: #313131 !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
  color: #313131;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-hover {
  background: #28647D;
  color: #FFF;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-highlight {
  background: #28647D !important;
  color: #FFF !important;
}


/********************************/
/* common popup dialog settings */
/********************************/

.ui-dialog-titlebar.ui-widget-header {
  background: #28647D;
}

.ui-dialog span.ui-icon-closethick {
  background: url("/bravsearch/javax.faces.resource/cross.png.brak?ln=images");
  margin-top: 5px !important;
}

.ui-dialog span.ui-icon-closethick:hover {
  background: url("/bravsearch/javax.faces.resource/cross-hover_4099B3.png.brak?ln=images");
  margin-top: 5px !important;
}

.dialogConfirmButton {
  text-align: center;
  margin-top: 20px;
  background: #FFF;
  color: #28647D;
}


/*******************/
/* footer settings */
/*******************/

.footer {
  font-size: 0.9em;
  background-color: #FFF;
  color: #28647D;
  box-shadow: 5px 5px 3px #888;
  margin-top: 6px;
  padding: 4px;
}

.footer ul > li {
  list-style-type: disc;
}

.footer .ui-commandlink {
  color: #28647D;
  text-decoration: none;
  font-weight: bold;
}

.footer .ui-commandlink:hover,
.footer .ui-commandlink:focus {
  background: #FFF;
  color: #F0B101;
  text-decoration: underline;
}


/********************/
/* imprint settings */
/********************/

#imprintText {
  line-height: 1.35em;
}

#imprintText > a {
  color: #4F4F4F;
  text-decoration: none;
}

#imprintText > a:hover,
#imprintText > a:focus {
  background: #FFF;
  color: #F0B101;
  text-decoration: underline;
}


/************************/
/* search page settings */
/************************/

.searchInfoHeadLine{
  font-size: 1.5em;
  font-weight: bold;
}

.searchInfoHeader{
  color: #363636;
}

.facetPanel {
  text-align: left;
  /* box-shadow: 2px 2px 2px grey; */
  background: #28647D;
  color: #FFF;
  text-shadow: none;
  padding: 8px !important;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1em;
  font-weight: normal;
}

.searchBoxFirstRow .ui-panelgrid-cell {
  padding-top: 16px !important;
}

.panelColFirst {
  width: 100px !important;
  text-align: right;
}

.panelColSecond {
  width: 230px !important;
}

.panelColThird {
  width: 150px !important;
  text-align: right;
}


/************************/
/* result page settings */
/************************/

.resultInfoHeadLine{
  font-size: 1.5em;
  font-weight: bold;
}

.resultText{
  color: #363636;
}


/*********************************/
/* result page search parameters */
/*********************************/

.pnlResultSearchParams {
  margin: 15px 0;
  width: 100%;
  color: #4F4F4F;
  background-color : #FFF !important;
  box-shadow: 3px 3px 1px #888;
  background-color: #FFF !important;
}

.resultInfoText {
  color: #4F4F4F;;
}

.resultSearchParamsAttribute {
  width: 20%;
  text-align: right;
}

.resultSearchParamsValue {
  width: 30%;
  text-align: left;
}


/***********************************/
/* result page search result cards */
/***********************************/

.pnlResultCardList {
  margin-bottom: 10px;
}

.resultCard {
  height: 22ex;
  background-color: #FFF !important;
  box-shadow: 3px 3px 1px #888;
}

.resultCardHeader {
  border: 2px solid transparent;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: text-top;
  display: block;
}

.ui-commandlink.resultCardDetailLink {
  float: right;
  color: #4F4F4F;
  text-decoration: none;
  font-weight: normal;
}

.ui-commandlink.resultCardDetailLink:hover,
.ui-commandlink.resultCardDetailLink:focus {
  float: right;
  background: #FFF;
  color: #F0B101;
  text-decoration: underline;
  font-weight: bold;
}

.resultCardContentBox {
  /* height: 98px; */
  height: 14ex;
  background-color: transparent;
  margin-bottom: -15px;
  /* margin-top: -10px; */
  margin-top: -2ex;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: text-top;
}

.resultCardContentBox ul {
  padding-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/***************************************/
/* result page search result paginator */
/***************************************/

.ui-paginator-current {
  display: inline-flex !important;
  float: left;
  padding-top: 10px;
  line-height: 34px;
}

.ui-paginator-bottom {
  background: #D9EBF0 none repeat scroll 0 0;
}

.ui-paginator-bottom .ui-paginator-prev .ui-icon-seek-prev {
  background: url("/bravsearch/javax.faces.resource/prev-pager_28647D.png.brak?ln=images") no-repeat center center;
}

.ui-paginator-bottom .ui-paginator-next .ui-icon-seek-next {
  background: url("/bravsearch/javax.faces.resource/next-pager_28647D.png.brak?ln=images") no-repeat center center;
}

.ui-paginator-bottom .ui-paginator-first .ui-icon-seek-first {
  background: url("/bravsearch/javax.faces.resource/first-pager_28647D.png.brak?ln=images") no-repeat center center;
}

.ui-paginator-bottom .ui-paginator-last .ui-icon-seek-end {
  background: url("/bravsearch/javax.faces.resource/last-pager_28647D.png.brak?ln=images") no-repeat center center;
}

.ui-paginator-page.ui-state-default,
.ui-paginator-next.ui-state-default,
.ui-paginator-last.ui-state-default,
.ui-paginator-first.ui-state-default,
.ui-paginator-prev.ui-state-default {
  background: #FFF;
  color: #28647D;
  border: 2px solid transparent;
}

.ui-paginator-page.ui-state-default.ui-state-hover,
.ui-paginator-next.ui-state-default.ui-state-hover,
.ui-paginator-last.ui-state-default.ui-state-hover,
.ui-paginator-first.ui-state-default.ui-state-hover,
.ui-paginator-prev.ui-state-default.ui-state-hover {
  border: 2px solid #28647D !important;
  box-shadow: 0 0 4px #28647D !important;
  background: #FFF;
  color: #28647D;
}

.ui-paginator-page.ui-state-default.ui-state-focus,
.ui-paginator-next.ui-state-default.ui-state-focus,
.ui-paginator-last.ui-state-default.ui-state-focus,
.ui-paginator-first.ui-state-default.ui-state-focus,
.ui-paginator-prev.ui-state-default.ui-state-focus {
  border: 2px solid #28647D !important;
  box-shadow: 0 0 4px #28647D !important;
  background: #FFF;
  color: #28647D;
}

.ui-paginator-page.ui-state-default.ui-state-active.ui-state-focus,
.ui-paginator-next.ui-state-default.ui-state-active.ui-state-focus,
.ui-paginator-last.ui-state-default.ui-state-active.ui-state-focus,
.ui-paginator-first.ui-state-default.ui-state-active.ui-state-focus,
.ui-paginator-prev.ui-state-default.ui-state-active.ui-state-focus {
  border: 2px solid #28647D !important;
  box-shadow: 0 0 4px #28647D !important;
  background: #FFF;
  color: #28647D;
}

.ui-paginator-page.ui-state-default.ui-state-active,
.ui-paginator-next.ui-state-default.ui-state-active,
.ui-paginator-last.ui-state-default.ui-state-active,
.ui-paginator-first.ui-state-default.ui-state-active,
.ui-paginator-prev.ui-state-default.ui-state-active {
  border: 2px solid #28647D !important;
  box-shadow: 0 0 4px #28647D !important;
  background: #28647D;
  color: #FFF;
  }


/***********************************************************/
/* result page search result details popup dialog settings */
/***********************************************************/

form#resultDetailForm {
  background-color: #FFF;
}

.detailDialog {
  background: #28647D;
}

.detailDialog .ui-widget-content {
  background: #FFF;
  padding: 0px !important;
}

.cssTable {
	display: table;
	width: 100%;
}

.cssRow {
	display: table-row;
}

.cssColResultDetailLabel {
	display: table-cell;
	background: #D9EBF0;
	padding: 2px 10px 2px 4px;
	width: 30%;
	text-align: right;
}

.cssColResultDetailLabel > label {
  color: #363636;
	line-height: 30px;
}

.cssColResultDetailTextLine {
	color: #000000;
	text-align: left;
	padding: 2px 4px 2px 10px;
}

.cssColResultDetailText {
	display: table-cell;
	width: 70%;
	max-width: 640px;

	text-overflow: ellipsis;
	overflow: hidden;
}

.cssColResultDetailTextGroup {
	display: block;
	width: 100%;
	max-width: 640px;
}

.detailDialog .ui-tabs.ui-tabs-top > .ui-tabs-nav li a {
  border: none;
  background: #707070;
  color: #FFF;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1em;
  font-weight: normal;
}

.detailDialog .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a {
  background: #28647D;
  color: #FFF;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1em;
  font-weight: normal;
}

.detailDialog .ui-tabs.ui-tabs-top .ui-tabs-nav li a:hover {
  background: #28647D;
  color: #FFF;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
}

.detailDialog table tr .ui-panelgrid-cell {
  padding: 1px 10px;
}

.detailDialog table tr:first-child .ui-panelgrid-cell {
  padding: 10px 10px 1px 10px;
}

.detailDialog table tr:last-child .ui-panelgrid-cell {
  padding: 1px 10px 10px 10px;
}

.detailDialog .ui-accordion-header {
  background: #D9EBF0 !important;
  color: #363636;
}

.detailDialog .ui-accordion-header .ui-state-hoover {
  background: #28647D !important;
  color: #FFF;
}

.detailDialog .ui-accordion-header a {
  background: #28647D !important;
  color: #FFF;
}