/*************************************************************************
*   searchss                                                             *
*                                                                        *
*   Contains styles for search page                                      *
*                                                                        *
*   Contents:                                                            *
*   1.) Search form                                                      *
*   2.) Search results                                                   *
*   2.1) Search results                                                  *
*   2.2) Search results - preview                                        *
*   2.2.1) Search results for research units overriden                   *
*   3.) Breadcrumbs                                                      *
*   4.) Search static texts                                              *
*                                                                        *
**************************************************************************/

/*
*   1.) Search form
*/
.ui-tabs-nav {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.search-form {
    float: left;
    width: 100%;
    background: #F5FAFD;
    border-bottom: 1px solid #E6E6E6;
    border-top: 1px solid #E6E6E6;
    padding-top: 10px;
    padding-bottom: 10px;
}

.search-form-panel {
    float: left;
    width: 100%;
}

.no-margin.form-line .input .ui-widget {
    margin-top: 0;
}

#search-form .ui-menubutton.facet-button button {
    width:270px;
}

.search-hint.ui-selectoneradio td {
    padding: 0;
    height: 21px;
    float: left;
    overflow: hidden;
}

.search-hint.ui-selectoneradio td .ui-radiobutton {
    margin-right: 7px;
}

.search-hint.ui-selectoneradio td .ui-radiobutton-box .ui-radiobutton-icon {
    width: 16px;
    height: 16px;
    overflow: hidden;
}

.search-hint.ui-selectoneradio td label {
    top: -2px;
}

/*
*   2.) Search results
*/
.search-results-form {
    float: left;
    width: 100%;
}

.search-results-panel {
    float: left;
    width: 100%;
}

.search-results-tab {

}

.search-results-empty {

}

.result-list {
    float: left;
}

.ui-datatable.result-list {

}

.ui-datatable.result-list .ui-datatable-tablewrapper {
    overflow: visible;
}

.ui-datatable.result-list thead, .ui-datatable.result-list tfoot {
    display: none;
}

.ui-datatable.result-list tbody {
    border: 0;
}

.ui-datatable.result-list td, .ui-datatable.result-list tr {
    border-width: 0;
    border-style: none;
    background: none;
}

.result-list .ui-datalist-item {
    float: left;
}

.result-list .search-result-item {
    float: left;
    width: 364px;
    height: 80px;
    padding: 1px;
    background-color: #ccc;
    border-collapse: separate;
}

.result-list .search-result-item .inner {
    background-color: white;
    float: left;
    width: 360px;
    height: 76px;
    padding: 2px;
}

.ui-datatable .ui-datatable-selectable.ui-state-highlight {
    background-color: white !important;
}

.list-table .ui-widget-content {
    border: 0 solid white;
}

.result-list.ui-datalist .ui-paginator {
    border: 0 !important;
    background: none !important;
}

.result-list.ui-datalist .ui-datalist-content {
    border: 0 !important;
    background: none !important;
}

.result-list .ui-paginator .ui-paginator-first,
.result-list .ui-paginator .ui-paginator-prev,
.result-list .ui-paginator .ui-paginator-pages .ui-paginator-page,
.result-list .ui-paginator .ui-paginator-last,
.result-list .ui-paginator .ui-paginator-next {
    padding: 1px 5px 1px 5px !important;
}

/*
*   2.1) Search results - persons
*/
.list-table {
    width: 100%;
    table-layout: fixed;
}

.list-table .result-list li.ui-datalist-item {
    margin-bottom: 7px;
}

.list-table .result-list .search-result-item .photo {
    float: left;
    width: 60px;
    height: 100%;
    overflow: hidden;
}

.list-table .result-list .search-result-item .description {
    float: left;
    width: 275px;
    height: 100%;
    margin-left: 4px;
    overflow: hidden;
}

.list-table .result-list .search-result-item .description .name {
    float: left;
    width: 100%;
    font-weight: bold;
}

.list-table .result-list .search-result-item .description .firstname {
    font-size: 14px;
}

.list-table .result-list .search-result-item .description .surname {
    font-weight: bold;
    font-size: 14px;
}

.list-table .result-list .search-result-item .description .title {
    display: block;
}

.list-table .result-list .search-result-item .links {
    float: left;
    padding-top: 3px;
    overflow: hidden;
}

.list-table .result-list .links {
    display: table-caption;
    line-height: 1.5;
}

.list-table .result-list .search-result-item .links .link {
}

.list-table .result-list .search-result-item .rating {
    float: left;
    width: 70px;
    height: 100%;
    margin-left: 4px;
}

.list-table .result-list .search-result-item .rating .item-rank {
    float: left;
    width: 60px;
    font-size: 10px;
    padding-top: 3px;
    overflow: hidden;
}

.list-table .result-list .search-result-item .rating .item-info {
    float: left;
    width: 60px;
}

.list-table .result-list .search-result-item .rating .item-info .email a[href^="mailto:"]:hover,
.list-table .result-list .search-result-item .rating .item-info .phone a[href^="tel:"]:hover {
    background-color: #79b648;
}

/*
*   2.2) Search results
*/
.list-table .item-preview {
    float: left;
    width: 100%;
}

.list-table .item-preview .header {
    float: left;
    width: 100%;
    position: relative;
    top: -36px;
}

.list-table .item-preview .header .left {
    float: left;
}
.list-table .item-preview .header .left .subtitle,
.list-table .item-preview .header .left .title {
    font-size: 0.6em;
    display: block;
}

.list-table .item-preview .header .left .title {
    font-size: 0.9em;
    font-weight: bold;
}

.list-table .item-preview .profile-button {
    float: left;
    width: 100%;
    position: relative;
    top: -15px;
}

.list-table .item-preview .content {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.list-table .item-preview .content .title {
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 1.4em;
    margin-bottom: 15px;
}

.list-table .item-preview .content .text {
    float: left;
    width: 100%;
}

.list-table .item-preview .content .keywords-table {
    float: left;
    width: inherit;
    max-width: 500px;
}

.list-table .item-preview .content .keywords-table .ui-datatable-tablewrapper {
    min-width: 300px;
}

/*
*   2.2.1) Search results for research units overriden
*/

.units-list .list-table .result-list .search-result-item .description {
    width: 270px;
}

/*
*   3.) Breadcrumbs
*/
.unit-breadcrumbs {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.unit-breadcrumbs .item {
    float: left;
}

.unit-breadcrumbs .divider {
    float: left;
    margin-right: 5px;
    margin-left: 5px;
}

.unit-breadcrumbs .unit-link {
    float: left;
}

.label.width-150 {
    width: 150px;
}

.form-actions-panel.search-actions-panel {
    float: left;
    margin: 0 0 0 10px;
    width: auto;
}

.ui-grid.search-grid {
    width: 650px;
}

.ui-panelgrid.ui-widget.ui-grid.search-grid tbody tr.ui-widget-content {
    border: 0;
}

.ui-panelgrid.ui-widget.ui-grid.search-grid tbody tr.ui-widget-content td {
    border-color: inherit;
    border-style: none;
    border-width: 0;
    padding: 1px 5px;
}

/*
*   4.) Search static texts
*/
.office {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.office .name {
    display: block;
    font-style: italic;
}

.office .card {
    width: 100%;
    float: left;
    display: block;
    margin-top: 7px;
}

.office .card .name,
.office .card .address,
.office .card .phone,
.office .card .email,
.office .card .web {
    float: left;
    width: 100%;
    display: block;
}

.office .card .name {
    font-weight: bold;
    font-style: normal;
}

.search-grid .ui-widget-content.ui-row {
    background: #F5FAFD;
}