/* zum Testen des BY Designs */
/*@import url("template_by.css.jsf?ln=styles");*/


.DispFlex{ display:flex;}


/*--- notification-bar ---*/
.notBar div {
    display: table;
}

.notBar img, .notBar span {
    height: 44px;
    display: table-cell;
    vertical-align: middle;
}

/*--- content-container Anpassungen ---*/
#contentPanel > .ui-panel-titlebar {
    background-color: transparent;
    padding: 0 !important;
}

/*--- Tabellen-Tewaks ---*/
div.ui-datatable table tbody td {
    padding: 3px 10px !important;
}

div.ui-datatable table tbody tr td {
    font-size: 16px;
}

div.ui-datatable table {
    table-layout: auto !important;
}

.ui-datatable-tablewrapper .ui-widget-content[role=row]:hover {
    background-color: #c1d5df;
}

div.ui-paginator .ui-paginator-first,
div.ui-paginator .ui-paginator-prev,
div.ui-paginator .ui-paginator-pages,
div.ui-paginator .ui-paginator-pages .ui-paginator-page,
div.ui-paginator .ui-paginator-next,
div.ui-paginator .ui-paginator-last,
div.ui-paginator .ui-paginator-rpp-options {
    padding: 0 !important;
}

div.ui-paginator .ui-state-active,
div.ui-paginator .ui-paginator-pages .ui-state-active {
    font-weight: bold;
}

/* --- Tabellen Ausrichtungen --- */
.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.top {
    vertical-align: top;
}

.middle {
    vertical-align: middle;
}

.bottom {
    vertical-align: bottom;
}

@media screen {
    #betriebsinfo_print {
        display: none;
    }
}

.ui-datatable .ui-datatable-header {
    padding: 5px !important;
}

.ui-datatable .ui-datatable-header:empty {
    display: none;
}

.tableAutoWidth table {
    width: auto !important;
}

/* header und paginator werden hier initial ausgeblendet (einblenden via js)*/
.tableAutoWidth .ui-datatable-header, .tableAutoWidth .ui-paginator {
    display: none;
}

/*Print-CSS todo */
@media print {
    #layout-topbar {
        display: none !important;
    }

    #layout-menu-cover {
        display: none !important;
    }

    #layout-portlets-cover {
        margin-left: 0;
    }

    #betriebsinfo_print {
        display: block;
    }

    #noWindowPrint {
        display: none !important;
    }

    #contentPanel {
        display: block;
        position: absolute;
        margin-top: 30px;
        border: none;
        top: 0;
        box-shadow: none;
    }

    #contentPanel_header {
        display: none;
    }

    #contentPanel_content {
        border: none;
    }

    body {
        padding: 0;
        background: none;
    }

}

/* Datum Datumsfelder den Button neben dem Input haben (umbruch wenn in tabellenzelle) */
.ui-calendar {
    white-space: nowrap;
}

.ui-calendar input {
    width: 100px;
}

.hintergrundgruen {
    background-color : #acf2ac !important;
}
.hintergrundgelb {
    background-color: #f2eebf !important;
}
.hintergrundrot {
    background-color: #ffc8d0 !important;
}
.hintergrundblaugrau {
    background: #dce6f2;
}

.ui-button-icon-only.imageButton {
    border-radius: 30px !important;
    margin: 0;
    max-height: 30px !important;
    min-height: 30px !important;
    max-width: 30px !important;
    min-width: 30px !important;
}

/* sortierpfeile in datatables deaktivieren */
.ui-datatable .ui-sortable-column-icon {
    display: none !important;
}

/*top-bar und logo*/
#logo {
    background-color: #03a9f4;
}

#logo img {
    height: auto;
    margin-top: 6px !important;
    margin-left: 44px !important;
}

/*panel header*/
div.ui-panel .ui-panel-titlebar {
    background-color: #0277bd;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.ui-panelgrid.ui-noborder {
    border: 0 none;
}

/* Angepasst an Aktionslisten, Selection in Datatable */
.ui-chkbox .ui-chkbox-box {
    height: 12px !important;
    margin: 0 !important;
    width: 12px !important;
}

/* Angepasst an  Aktionslisten, Selection in Datatable */
.ui-selection-column {
    text-align: center;
    width: 16px;
}

/* Angepasst an  Aktionslisten, Selection in Datatable */
.ui-chkbox-icon.ui-icon {
    overflow: auto !important;
}

.Gray-Rio-Text {
    color: #546e7a;
}

.ui-selectmanycheckbox label {
    margin-left: 8px !important;
    float: left;
}

.ui-datatable table tbody .ui-state-highlight.ui-row-editing > td {
    color: #546e7a;
}

.ui-row-editor > .ui-icon-pencil {
    /*background-image: url(../images/myPencil.png) !important;*/
    /*height: 20px;*/
    /*width:20px;*/
    content: '\f303' !important;
}
/*
.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil:before {
    content: "\f044";
}
.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil:hover {
    font-weight: bold;
}*/

.noSeverity > div:nth-child(2) {
    display:none;
}



/*.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil
{
    background: none !important;
    !*font-family: "fontello";*!
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-indent: 0;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    !* opacity: .8; *!

    !* For safety - reset parent styles, that can break glyph codes*!
    font-variant: normal;
    text-transform: none;

    !* fix buttons height, for twitter bootstrap *!
    line-height: 1em;

    !* Animation center compensation - margins should be symmetric *!
    !* remove if not needed *!
    margin-left: .2em;
}*/

.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil:before {
    content: '\f303' !important;
}

/* Ausgrauen der Default Spalten */
tr td.defaultvalue,
tr.ui-row-editing td.defaultvalue {
    font-weight: lighter;
    background: rgba(0, 0, 0, 0.05) !important;
    color: #808080 !important;
    font-style: italic;
}

/* Eingabefelder auffüllen */

.ui-editable-column.right > .ui-cell-editor > .ui-cell-editor-input > input[type="text"] {
    text-align: right;
}

.ui-editable-column > .ui-cell-editor > .ui-cell-editor-input {
    padding-right:20px;
}

.ui-editable-column > .ui-cell-editor > .ui-cell-editor-input > input[type="text"] {
    width: 100% !important;
}

.ui-editable-column > .ui-cell-editor > .ui-cell-editor-input > .ui-chkbox {
    margin-left: 20px;
}


.jqplot-highlighter-tooltip {
    background: rgba(208, 208, 208, 0.9) !important;
}

/*Sondedrformatierung, Buttons*/

.red-button.ui-button.ui-state-default {
    background-color: #d9534f;
    border-color: #d9534f;
    color: #fff;
}


#headerwarntext {
    margin-top: 14px;
    margin-right: 100px;
}

.table-column-top {
    vertical-align: top;
}

.table-column-middle {
    vertical-align: middle;
}

/* Horizontaler Betriebsvergleich Issue 4884 */
.ui-datatable.i4n-table-width-auto table {
    width: auto;
}

/* Fix Lebensnummer Spalten #7157 */
/* Hack/Workaround: Padding-links und recht ein wenig erhöhen */
.ui-datatable table thead tr th, .ui-datatable table tfoot tr td, .ui-datatable table thead tr th {
    padding: 10px 12px;
}


/** Neue CSS Für PF10 **/

.ui-sidebar-bottom {
    height: 3.75em !important;
}
.ui-divider.ui-divider-solid.ui-divider-horizontal:before {
    border-top-width: 1px;
    border-top-color: #eaeaea;
}
.ui-divider {
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
}