/*************************************************\
**  Allgemeine Style-Klassen
\*************************************************/
.highlight{
/*   background-color: rgba(255, 167, 38,0.5); */
/*   background-color: rgba(156, 204, 101, 0.5); */
  font-weight: bold;
}
.hidden { display: none; }
.hide
{
    position:absolute;
    left:-9999px;
    top:auto;
    overflow:hidden;
}

.invisible {
    visibility:hidden;
}

.alignCenter {
    text-align: center;
}
.center-block {
    margin-left: auto;
    margin-right: auto;
}
.center-vertical {
    margin-top: auto;
    margin-bottom: auto;
}
.noMargin {
    margin: 0;
}
.marginTop {
    margin-top: 2em;
}
.margin-bottom-05 {
    margin-bottom: 0.5em;
}
.margin-bottom-1 {
    margin-bottom: 1em;
}
.margin-bottom-2 {
    margin-bottom: 2em;
}
.margin-bottom-3 {
    margin-bottom: 3em;
}
.margin-bottom-4 {
    margin-bottom: 4em;
}
.margin-top-05 {
    margin-top: 0.5em;
}
.margin-top-1 {
    margin-top: 1em;
}
.margin-top-2 {
    margin-top: 2em;
}
.margin-top-3 {
    margin-top: 3em;
}
.margin-top-4 {
    margin-top: 4em;
}
.margin-top-5 {
    margin-top: 5em;
}
.margin-top-05-neg {
    margin-top: -0.5em;
}
.left {
    float: left;
}
.right {
    float: right;
}

.clear {
    clear: both;
}
.fullWidth {
    width: 100%;
    min-width: 100%;
}
.block {
    display: block;
}
#content ul.simple {
    margin: 0;
    padding: 0;
}
#content ul.simple li {
    list-style-type: none;
}
#content ul.simple-bullets {
    margin: 0;
    padding: 0 0 0 25px;
}
#content ul.simple-bullets li {
    list-style-type: disc;
}
a,
.breakAll {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
img.checkerboard {
    background: repeating-conic-gradient(#F0F0F0 0% 25%, transparent 0% 50%) 50% / 20px 20px;
}
input.moneyInput {
    text-align: right;
}

table.layoutFixed {
    table-layout: fixed;
}

/*************************************************\
**  Typographie
\*************************************************/
:root {
    --text-color: #000;
    --green-darker: #506834;
    --green-dark: #689F38;
    --green-light: #9ccc65;
    --green-very-light: #e6f1da;
    --black-light: #222;
    --grey: #cccccc;
    --grey-background: #ebedf0;
    --grey-light-background: #f0f1f4;
    --grey-light-border: #c4c8d4;
    --grey-widget-border: #dddddd;
    --blue: #0084b4;
    --blue-background: #d9edf7;
    --blue-border: #087298;
    --blue-hover: #03A8E4;
    --blue-dark: #445778;
    --blue-darker: #2C394E;
    --blue-light: #2196F3;
    --red: #D32F2F;
    --red-light: #ffe0e0;
    --white: #FFFFFF;
    --white-border: #d5d5d5;
    --orange: #f9c851;
    --orange-dark: rgba(240, 173, 78, 1);
    --purple: #9C27B0;
    --violet: #D58CF2;
    --turquoise: #4ad7d7;
}
html { font-size: 14px; }

.strong { font-weight: bold; }
.italic { font-style: italic; }
.muted { color: #5E6066; }
#content .blue { color: var(--blue-dark); }

/** Text-Style für Hinweise zum PKI-Status bei E-Mail-Adressen **/

span.pki-hint-unknown { color: inherit; }
#content span.pki-hint-secure { color:var(--green-dark); }
.ui-state-highlight span.pki-hint-secure { color: var(--green-light); }
#content span.pki-hint-insecure { color: var(--red); }

.sub { vertical-align: sub; }

/*************************************************\
**  Cookie Notification
\*************************************************/
#cookieNotification
{
    background-color: var(--blue-dark);
    background: linear-gradient(to top, var(--blue-dark) 0%, var(--blue-darker) 100%);
    z-index: 1000;
    max-width: 35em;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    height: auto;
    border: none;
    opacity: 0.9;
}
#cookieNotification,
#cookieNotification .hideCookieNotification
{
    color: var(--white);
}
/*************************************************\
**  DataTable-Column-Classes
\*************************************************/
.aktionen, .aktionen-3, .aktionen-4 {
    min-width: 7em;
}
.aktionen {
    width: 7em;
}
.aktionen-3 {
    width: 9.5em;
}
.aktionen-4 {
    width: 11.5em;
}

.selektion {
    min-width: 4em;
}
.selektion {
    width: 4em;
}

.datatable-col-1 {
    width: 5%;
}
.datatable-col-1-5 {
    width: 7%;
}
.datatable-col-2 {
    width: 10%;
}
.datatable-col-3 {
    width: 15%;
}
.datatable-col-4 {
    width: 20%;
}
.datatable-col-5 {
    width: 25%;
}
.datatable-col-6 {
    width: 30%;
}
.datatable-col-7 {
    width: 35%;
}
.datatable-col-8 {
    width: 40%;
}
.datatable-col-9 {
    width: 45%;
}
.datatable-col-10 {
    width: 50%;
}
.datatable-col-11 {
    width: 55%;
}
.datatable-col-12 {
    width: 60%;
}
.datatable-col-13 {
    width: 65%;
}
.datatable-col-14 {
    width: 70%;
}
.datatable-col-15 {
    width: 75%;
}
.datatable-col-16 {
    width: 80%;
}
.datatable-col-17 {
    width: 85%;
}
.datatable-col-18 {
    width: 90%;
}
.datatable-col-19 {
    width: 95%;
}
.datatable-col-20 {
    width: 100%;
}

/*************************************************\
**  Leistungsbeschreibung (Auskunft)
\*************************************************/
#content #leistungsbeschreibungContainer ul {
    margin: 0;
    padding-left: 1em;
}
#content #leistungsbeschreibungContainer ul li p {
    margin: 0;
}
#content #leistungsbeschreibungContainer table .ui-panelgrid-cell .ui-widget-content {
    background: none;
}
#content #leistungsbeschreibungContainer tr.border {
    background: none;
}

/*************************************************\
** Ausrollen Protokoll-Ergebnisse
\*************************************************/
table.protokollErgebnis {
    border-collapse: collapse;
}

table.protokollErgebnis td {
    padding-right: 3em;
}

table.protokollErgebnis tr.separator {
    border-top: 2px solid var(--blue);
}

table.protokollErgebnis tr.separator td {
    padding-top: 0.5em;
}

table.protokollErgebnis tr.separator + tr td {
    padding-bottom: 0.5em;
}

table.protokollErgebnis tr.separator:first-child {
    border-top: none;
}
/*************************************************\
** IE
\*************************************************/
.ui-selectonemenu-filter-container input::-ms-clear {
    padding-right: 0.5em;
}

input::-ms-reveal {
    display: none;
}

#content input:-ms-input-placeholder {
    color: var(--grey-light-border);
}

/**********************************************************\
**  DataTable-Column CellColorStatus (XRepository-Abgleich)
\**********************************************************/

#content .ui-datatable tbody td.statusCellColorOK
{
    border-left: 10px solid var(--green-light);
}

#content .ui-datatable tbody td.statusCellColorMissing
{
    border-left: 10px solid var(--red);
}

#content .ui-datatable tbody td.statusCellColorRemoved
{
    border-left: 10px solid var(--orange);
}

#content .ui-datatable tbody td.statusCellColorChanged
{
    border-left: 10px solid var(--blue);
}

#content .ui-datatable tbody td.statusCellColorLanguageChanged
{
    border-left: 10px solid var(--purple);
}

/**********************************************************************************\
**  DataTable-Column CellColorStatus (LeiKa-Import: Abgleich mit Vorgaenger-Import)
\**********************************************************************************/

#content .ui-datatable tbody td.statusCellColorSame {
    border-left: 10px solid var(--green-light);
}

#content .ui-datatable tbody td.statusCellColorAdd {
    border-left: 10px solid var(--orange);
}

#content .ui-datatable tbody td.statusCellColorUpdate {
    border-left: 10px solid var(--blue);
}

#content .ui-datatable tbody td.statusCellColorMissingReferenceKey {
    border-left: 10px solid #ff0000;
}

#content .ui-datatable tbody td.statusCellColorMissingReferenceImp {
    border-left: 10px solid var(--green-light);
}

#content .ui-datatable tbody td.statusCellColorInvalid {
    border-left: 10px solid #e34119;
}

#content .ui-datatable tbody td.statusCellColorInactive {
    border-left: 10px solid var(--violet);
}

#content .ui-datatable tbody td.statusCellColorEdit {
    border-left: 10px solid var(--blue);
}

/**********************************************************************************\
**  DataTable-Column CellColorStatus (Foerderfinder-Import: Import-Status)
\**********************************************************************************/

#frmFoefImportSearch .ui-datatable tbody td.statusCellColorSame {
    border-left: 10px solid var(--green-light);
}

#frmFoefImportSearch .ui-datatable tbody td.statusCellColorAdd {
    border-left: 10px solid var(--orange);
}

#frmFoefImportSearch .ui-datatable tbody td.statusCellColorUpdate {
    border-left: 10px solid var(--blue);
}

#frmFoefImportSearch .ui-datatable tbody td.statusCellColorMissingReferenceKey {
    border-left: 10px solid #ff0000;
}

#frmFoefImportSearch .ui-datatable tbody td.statusCellColorMissingReferenceImp {
    border-left: 10px solid var(--green-light);
}

#frmFoefImportSearch .ui-datatable tbody td.statusCellColorInvalid {
    border-left: 10px solid #e34119;
}

#frmFoefImportSearch .ui-datatable tbody td.statusCellColorInactive {
    border-left: 10px solid #797e87;
}

#frmFoefImportSearch .ui-datatable tbody td.statusCellColorEdit {
    border-left: 10px solid var(--violet);
}

/**********************************************************************************\
**  Text-Diff
\**********************************************************************************/

.new-insertedInNew,
.old-deletedInNew {
    text-decoration: underline;
}

.new-deletedInNew,
.old-insertedInNew {
    text-decoration: line-through;
}

#content .textContainer.hidden{
    display: none;
}

#content .textContainer {
    background-color: var(--grey-background);
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    display: inline-block;
    min-height: 6em;
    opacity: 0.8;
    padding: 4px 10px;
    width: 100%;
}

#content .diffTextContainer {
    margin-top: 2px;
}

/**********************************************************************************\
**  Cursor
\**********************************************************************************/

.cursor-pointer {
    cursor: pointer;
}