/********************/
/* 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
}


/*****************/
/* 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: 25ex;
    background-color: #FFF !important;
    box-shadow: 3px 3px 1px #888;
    overflow-y: auto;
}

.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: auto;
    background-color: transparent;
    /* 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;
}

.dialog-load-all-entries.ui-dialog  {
    line-height:3;
}
.dialog-load-all-entries.ui-dialog .ui-dialog-content{
    display: none;
}
.dialog-load-all-entries.ui-dialog .ui-dialog-titlebar {
    height: 100%;
    text-align: center;
}
.dialog-load-all-entries.ui-dialog .ui-dialog-title {
    width:100%;
}

.load-spinner {
    margin-right: 20px;
    vertical-align: middle;
}

.banned-entries-container {
    font-style: italic;
    background: #28647D;
    padding: 1em;
}

.banned-entries-container * {
    color: #FFF;
    line-height: 120%;
}

/* details tabs */
.brav-search .brav-default-details {
    width: 100%;
}

.brav-search .brav-sub-details {
    margin-left: 3%;
    margin-right: 3%;
}