/*************************************************************************
*   main.css                                                             *
*                                                                        *
*   Contains common styles for Project Database                          *
*                                                                        *
*   Contents:                                                            *
*   1.) Form commons                                                     *
*   2.) Item overview styles                                             *
*   3.) Tabview for person profile                                       *
*   4.) Index page                                                       *
*   5.) Table styles                                                     *
*                                                                        *
**************************************************************************/

/*
*   1.) Form commons
*/
.float-left-100 {
    float: left;
    width: 100%;
}

.form-line {
    width: 100%;
}

.form-line .input.bigWidth input.hasDatepicker {
    width: 415px !important;
    margin-right: 5px;
}

.form-line .input.mediumWidth input.hasDatepicker {
    width: 265px !important;
    margin-right: 5px;
}

.form-line .input.smallWidth input.hasDatepicker {
    width: 65px !important;
    margin-right: 5px;
}

.input.tinyWidth {
    width: 50px;
}

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

.form-line .ui-message {
    margin: 0 !important;
}

.form-line .label {
    float: left;
    overflow: hidden;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    margin-right: 10px;
    text-align: right;
}

.form-line .input.file-upload {
    overflow: hidden;
    padding-bottom: 10px;
    margin-right: 10px;
}

.input.bigUploadWidth {
    width: 650px;
}

.form-actions-panel {
    width: 100%;
}

.tableActions {
    width: 70px;
}

/*
*   2.) Item overview styles
*/
.item-overview-header {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid #E6E6E6;
    border-top: 1px solid #E6E6E6;
    float: left;
    width: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.item-overview-header .ui-fieldset-content {
    float: left;
    padding-left: 10px !important;
}

.item-overview-header .photo {
    float: left;
}

.item-overview-header .default_photo {
    float: left;
}

.item-overview-header .description {
    float: left;
    width: 100%;
}

.item-overview-header .description .block {
    float: left;
    width: 100%;
    margin-bottom: 8px;
}

.item-overview-header .description .block .label {
    float: left;
    width: 100%;
    font-weight: bold;
}

.item-overview-header .description .block .value {
    float: left;
    width: 100%;
}

.item-overview-header .description .block .prefix-title {
    font-size: 14px;
}

.item-overview-header .description .block .name {
    font-size: 19px;
    font-weight: bold;
}

.overview-tabs {
    float: left;
    width: 100%;
}

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

.strategic-cooperation-panel {
    float: left;
    padding-top: 15px;
    width: 100%;
    clear:both;
}

.strategic-cooperation-table {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.strategic-cooperation-table .ui-datatable-tablewrapper {
    min-width: 600px;
}

.profile-panel .block .label {
    float: left;
    width: 100%;
    font-weight: bold;
    margin-top: 20px;
}

.profile-panel .block .value {
    float: left;
    width: 100%;
}

.profile-panel .form-line .label.mediumWidth {
    width: 15%;
}

.profile-panel .form-line .input.bigWidth {
    width: 80%;
}

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

.keywords-table {
    float: left;
    width: inherit;
    max-width: 500px;
}

.keywords-table .ui-datatable-tablewrapper {
    min-width: 300px;
}

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

.classification-table {
    float: left;
    width: inherit;
    max-width: 600px;
}

.classification-table .ui-datatable-tablewrapper {
    min-width: 300px;
}

.faculty-research-focus-panel .label {
    width: 150px;
}

.faculty-research-focus-table {
    float: left;
    width: inherit;
    max-width: 600px;
}

.faculty-research-focus-table .ui-datatable-tablewrapper {
    min-width: 300px;
}

.research-focus-panel .label {
    width: 150px;
}

.research-focus-table {
    float: left;
    width: inherit;
    max-width: 600px;
    min-width: 300px;
}

.unique-research-panel {
    float: left;
}

.unique-research-panel .form-line {
    width: 100%;
    float: left;
}

.unique-research-panel .label {
    width: 150px;
}

.unique-research-table {
    float: left;
    width: inherit;
    max-width: 100%;
}

.unique-research-table .ui-datatable-tablewrapper {
    min-width: 760px;
}

.awards-panel {
    float: left;
}


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

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

.awards-table {
    float: left;
    width: inherit;
    max-width: 100%;
}

.awards-table .ui-datatable-tablewrapper {
    min-width: 840px;
}

.assignments-panel {
    float: left;
    /*width: 500px;*/
    margin-bottom: 15px;
    width: 100%;
}

.assignments-actions-panel {
    margin-bottom: 20px;
}

.assignments-table {
    float: left;
    width: inherit;
    max-width: 500px;
}

.assignments-table .ui-datatable-tablewrapper {
    min-width: 300px;
}


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

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

.assignments-panel .interview-actions-panel.assignments-research-area-panel,
.assignments-panel .interview-actions-panel.assignments-research-group-panel,
.assignments-panel .interview-actions-panel.assignments-project-group-panel {
    width: 100%;
    margin-bottom: 10px;
    float: left;
}

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

.competitions-table {
    float: left;
    width: inherit;
    max-width: 100%;
}

.competitions-table .ui-datatable-tablewrapper {
    min-width: 730px;
}

.expositions-table {
    float: left;
    width: inherit;
    max-width: 100%;
}

.expositions-table .ui-datatable-tablewrapper {
    min-width: 730px;
}

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

.commissions-table {
    float: left;
    width: inherit;
    max-width: 100%;
}

.commissions-table .ui-datatable-tablewrapper {
    min-width: 760px;
}

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

.journal-table {
    float: left;
    width: inherit;
    max-width: 100%;
}

.journal-table .ui-datatable-tablewrapper {
    min-width: 680px;
}

.project-table {
    float: left;
    width: 100%;
}

.person-overview-header .description .block .table {
    float:left;
}

.profile-attribute {
    width: 700px;
    float:left;
    margin-top: 20px;
}

.profile-attribute .leftColumn {
    text-align: right;
    width: 250px;
    padding-right: 20px;
    vertical-align: top;
}

.profile-attribute .rightColumn {
    text-align: left;
    width: 450px;
    vertical-align: top;
}

.activities-empty {
    float: left;
    margin-top: 10px;
}

.gremium-table {
    float: left;
    width: inherit;
    max-width: 100%;
}

.gremium-table .ui-datatable-tablewrapper {
    min-width: 800px;
}

.accomplishment-table  {
    float: left;
    width: 100%;
}

.research-unit-persons-table {
    float: left;
    width: inherit;
    max-width: 500px;
    margin-bottom: 7px;
}

.research-unit-persons-table .ui-datatable-tablewrapper {
    min-width: 400px;
}

.research-unit-table {
    float: left;
    width: inherit;
    max-width: 500px;
    margin-bottom: 7px;
}

.research-unit-table .ui-datatable-tablewrapper {
    min-width: 400px;
}

.guests-table {
    float: left;
    width: inherit;
    max-width: 100%;
}

.guests-table .ui-datatable-tablewrapper {
    min-width: 600px;
}

html.progress, html.progress * {
    cursor: wait !important;
}

/*
*   3.) Tabview for person profile
*/
.ui-tabs .ui-tabs-nav a, .ui-tabs .ui-tabs-nav span  {
    padding: 6px 5px 4px 5px !important;
    margin-left: 3px !important;
}

.ui-tabs.person-overview-tabs.overview-tabs ul.ui-tabs-nav li a, .ui-tabs.research-institute-tabs.overview-tabs ul.ui-tabs-nav li a  {
    margin-left: 3px !important;
    padding: 0 5px 4px !important;
    height: 33px;
}

.ui-tabs.person-overview-tabs.overview-tabs ul.ui-tabs-nav li span,.ui-tabs.research-institute-tabs.overview-tabs ul.ui-tabs-nav li span  {
    margin-left: 3px !important;
    padding: 0 5px 4px !important;
    height: 33px;
}
.ui-tabs.person-overview-tabs.overview-tabs ul.ui-tabs-nav li.one-line,.ui-tabs.research-institute-tabs.overview-tabs ul.ui-tabs-nav li.one-line {

}

.ui-tabs.person-overview-tabs.overview-tabs ul.ui-tabs-nav li.one-line a,.ui-tabs.research-institute-tabs.overview-tabs ul.ui-tabs-nav li.one-line a {
    padding-top: 9px !important;
    height: 24px;
    float: left;
    overflow: hidden;
}

.document-table-panel {
    margin-top: 10px !important;
    float: left;
}

.document-table {
    margin-top: 10px !important;
    float: left;
}

.document-table .ui-datatable-tablewrapper{
    min-width: 300px;
}

/*
*   4.) Index page
*/
.home {
    float: left;
    width: 100%;
}

.home-text {
    float: left;
    width: 100%;
}

.ui-menu.ui-menu-dynamic.ui-widget.ui-widget-content {
    width:268px;
}

/*
*   5.) Table styles
*/
.ui-datatable th.ui-sortable-column span.ui-column-title {
    float: left;
}

.ui-datatable-headerrow, .ui-rowgroup-header {
    border-color: inherit;
    border-style: inherit;
    background-color: #f5f5f5 !important;
}

.forschung a.external-aligned {
    display: block;
}

.orcid {
    background: url('/assets/ORCIDiD_icon16x16-cb273c1ff10d304ce1b6108a172bfd1660561e7fd8133b083cd66ee0f4a0a944.png') center left no-repeat;
    margin: 0 0 0 1px;
    padding: 0 0 0 19px;
}