@import "var.css";

.x-panel-body-default {
    border: none !important;
}

.NPMenu .x-tool-collapse-left,
.NPMenu .x-tool-expand-right,
.NPInfoPanel .x-tool-collapse-bottom,
.NPInfoPanel .x-tool-expand-top,
.x-panel-header:has(+ .NPInfoPanel) .x-tool-collapse-bottom,
.x-panel-header:has(+ .NPInfoPanel) .x-tool-expand-top {
    font-size: 16px;
}

.NPExtSplitter {
    &.x-splitter-focus:after {
        border-width: 0;
    }

    >.x-collapse-el:before {
        line-height: 5px;
    }
}

.npDashboard .x-splitter {
    background-color: var(--netProjectBackground) !important;
}

.NPMenu .x-tree-icon {
    text-align: center;
    vertical-align: sub;
    margin-top: 2px;
}

.NPMenu .x-tree-icon {
    height: 20px;
    line-height: 14px;
}

.NPMenu .x-grid-item {
    font-size: 11px;
}

.NPMenu .x-grid .x-grid-row {
    line-height: 14px;
}

.x-grid .x-grid-row {
    line-height: 22px;
}

.x-column-header {
    border-bottom: 1px solid var(--netProjectBackground);
}

.x-column-header[data-componentid="gantt_StatusIcon"],
.x-column-header[data-componentid="mpmDependencyGantt_Status"],
.x-column-header[data-componentid="Status"],
.x-column-header[data-componentid="mpiDependencyGantt_Status"] {
    background-color: var(--netProjectBackground);
}

.sch-timelinepanel .x-grid-with-row-lines .x-grid-item[data-recordindex="0"] {
    border-top-color: var(--netProjectBackground);
}

.NPGantt .x-grid-with-row-lines .x-grid-item {
    border-color: var(--netProjectBackground);
}

.NPGantt .x-column-header {
    font-size: 12px;
    line-height: 20px;
}

.sch-ganttpanel .x-grid-row {
    line-height: 13px;
}

.x-splitter {
    background-color: var(--iboTypography20);
}

.NPDetailFooter {
    padding-top: 5px;
}

.extToolbarBottomBorder .x-box-inner {
    border-bottom: 2px solid var(--iboTypography20);
}

.extToolbarMargin .x-btn:first-child {
    margin-left: 1px !important;
}

.headerEpmDocsTypographyColor .x-grid-cell.x-grid-td {
    vertical-align: middle;
}

/* Titelbar DropDown Icons */
.t2 .np-ep-verw-rechte-icon,
/* Einzelprojekt/Verwaltung/Rechte Icons */
.CommonIconSizeMedium {
    font-size: 14px;
}

.link {
    color: var(--iboTypography);
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

.tabberUploadLabel {
    color: var(--iboTypography);
    display: inline-block;
    font-size: 11px;
    width: 210px;
}

/* Editierbares Basegrid: Klick auf Abbrechen nach Klick auf disabled Icon wirft Javascript-Fehler:
 * Uncaught TypeError: Cannot read properties of undefined (reading 'isEntity') in gnt-all.js
 * Deshalb:
 */
td.disabled div[role*=button] {
    pointer-events: none;
}

.formBase:before,
.formRequired:after {
    content: ' * ';
    color: #FF0000;
}

.formBase {
    color: #000000;
}

.formBase.grey {
    color: grey;
}

.hintRequired {
    opacity: 0.8;
    cursor: default;
}

html.translation input.translation-set {
    color: #006400;
}

html.translation input.translation-unset {
    color: #b03232;
}

html.translation input.translation-changed {
    color: #de8f09;
}

html.translation input.translate-check {
    vertical-align: middle;
}

html.noScrollbar body.tab-body {
    overflow: hidden;
}

html.translation th.border {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

html.translation button.ui-button.ui-corner-all.ui-widget {
    border: 0;
    width: 22px;
    height: 22px;
    background: transparent;
    position: absolute;
    margin-top: -2px;
}

html.translation button.ui-button.ui-corner-all.ui-widget:before {
    content: "\f05a";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-size: 14px;
}

.toolbar-div.toolbarFix {
    padding-left: 3px;
    width: auto;
}

.btnLMargin {
    margin-left: 3px;
}

.button-search-wrap.npSearch {
    float: none;
    margin: 0;
}

.button-search-wrap.npSearch.floatFix {
    vertical-align: super;
}

.button-search-wrap.npSearch.floatFix .suchenInput {
    float: none;
}

.npForm {
    margin-bottom: 0;
}

.fullHeight {
    height: 100%;
}

.hiddenResult {
    margin: 0;
}

/* Suchfeld-Hintergrundbild ersetzen */
.button-search-wrap input.button-search {
    background-image: none !important;
    padding-right: 20px !important;
}

.button-search-wrap:before {
    content: "\f002";
    /* fa-search */
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 14px;
    margin: 4px 6px;
    color: var(--iboTypography60);
    position: absolute;
}

.button-search-wrap span.remove:before {
    content: "\f00d";
    /* fa-remove */
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 14px;
    right: 2px;
    top: 0.1em;
    color: var(--iboTypography60);
    width: 10px;
    z-index: 100;
    cursor: pointer;
    line-height: 15px;
    padding: 10px 2px;
    position: relative;
}

.button-search-wrap span.remove {
    margin-left: -19px;
    margin-right: 6px;
    cursor: pointer;
}

/* HTML-Editor Tabellen */
table.htmlEditor {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border: 1px solid #cccccc !important;
    width: 100% !important;
}

table.htmlEditor td {
    border: 1px solid #cccccc !important;
    text-align: left;
    vertical-align: top;
    background: #ffffff;
    word-wrap: break-word;
    word-break: break-word;
}

table.htmlEditor tr.bold td {
    font-weight: bold;
}

table.htmlEditor tr.tableRowLight td {
    background: var(--iboTypography20);
}

table.htmlEditor tr.tableRowMedium td {
    background: #afbbc0;
}

table.htmlEditor p {
    margin-top: 0;
}

p:empty:before,
span:not([class]):empty:before {
    content: '\00a0';
}

/* altes Gantt */
#ganttFrame {
    height: calc(100vh - 60px);
    margin-top: 0;
    border: 0;
}

#fgantt {
    height: calc(100% - 1px);
    width: 100%;
}

.fullScreen {
    margin: 0 3px;
}

/* iFrame im Basegrid - formArea */
html.formArea body {
    background: transparent;
    overflow: hidden;
}

html.formArea table.t2 {
    border-collapse: collapse;
    border: 0;
}

html.formArea table.t2 td {
    vertical-align: top;
    padding: 2px 5px;
}

html.formArea table.t2 td input.text04 {
    min-width: 100%;
    max-width: 100%;
}

html.formArea table.t2 td.bg02 {
    background: rgba(255, 255, 255, 0.2);
}

html.formArea.active table.t2 td.bg02 {
    background: rgba(255, 255, 255, 0.6);
}

html.formArea table.t2 td.label01 {
    vertical-align: top;
}

html.formArea .mandantenLogo {
    height: 40px;
    border: 10px solid transparent;
    border-left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 50%;
    cursor: pointer;
}

html.formArea .toolbar-div {
    padding: 1px 0 0 3px;
}

html.formArea,
html.formArea body,
.bgViewOuterWrapper {
    height: 100%;
}

html.formArea .bgTableWrapper td.labelTd {
    padding-right: 10px;
}

html.formArea .labelTd2 .checkbox {
    margin-left: -2px;
    padding-right: 2px;
}

html.formArea .bgViewOuterWrapper {
    background-color: var(--netProjectBackground);
    border: 2px solid var(--netProjectBackground);
    border-bottom: 6px solid var(--netProjectBackground);
}

html.formArea .bgViewInnerWrapper {
    border-radius: 4px;
    margin: 2px;
    padding: 2px;
}

html.formArea .bgViewInnerTableWrapper {
    margin: 2px;
}

html.formArea .bgViewInnerWrapper td {
    padding: 0;
}

html.formArea .bgTableWrapper {
    border-collapse: collapse;
    border-spacing: 0;
}

html.formArea .bgTableWrapper td {
    padding: 2px 3px;
}

html.formArea .bgTableWrapper .labelTd {
    color: var(--iboTypography);
    font-weight: bold;
    line-height: 20px;
    font-size: 8pt;
    white-space: nowrap;
}

html.formArea .bgTableWrapper .labelTd2 {
    color: var(--iboTypography);
    font-weight: bold;
    line-height: 20px;
    font-size: 8pt;
    padding-left: 20px;
}

html.formArea .bgToolbarWrapper {
    width: 100%;
    height: 30px;
    background-color: var(--netProjectBackground);
}

html.formArea .bgToolbarWrapper .toolbar-btn {
    margin: 0;
    min-width: 0;
}

html.formArea .bgFormAreaFootnote {
    padding: 4px 10px;
    color: gray;
}

html.formArea .ui-datepicker {
    position: absolute;
    top: 0 !important;
}

html.formArea textarea {
    padding: 5px;
    border: 1px solid var(--iboTypography20);
    font-family: Roboto, Helvetica, Arial, sans-serif;
}

.grayText {
    color: gray;
}

.column.bgcolor {
    margin: -5px;
    height: 23px;
    width: calc(100% + 10px);
}

/* Meilensteinliste */
dl.milestone {
    margin-top: 0;
}

dl.milestone dd {
    margin-inline-start: 20px;
}

dl.milestone dd.notitle {
    margin-inline-start: 0;
}

/* Größe Icons im Projekt */
.np-MnP-mHpg-icon {
    /* Mein netProject/Meine Homepage Abschlussbericht Öffnen Icon */
    font-size: 16px;
}

/* Titelbar Icons */
.NPTitleBar .x-btn-icon {
    display: table;
}

/* Titelbar Icons */
.NPTitleBar .x-btn-icon-el {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

/* IE 11 only*/
*::-ms-backdrop,
.NPTitleBar .x-btn-icon-el {
    padding-top: 0.13rem;
}

/* ibo-Logo in der Titelbar */
.NPTitleBar .icon-iboLogo {
    font-size: 50px;
    line-height: 68%;
    padding-left: 8px;
}

/* Mein netProject/Meine Homepage PDF Anzeigen Icon */
.initiativePDFAnzeigen,
.StatusHistAnzeigen,
.AufgabeAnz,
.RuckmAufg,
.AbschlBerichtOeffnen,
.ProtokollAnzeigen {
    cursor: pointer;
}

/* Mein netProject/Meine Homepage Abschlussbericht Öffnen Icon */
.np-MnP-mHpg-icon.AbschlBerichtOeffnen:before {
    content: "\f11e";
    /* fas fa-flag-checkered */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

/* Mein netProject/Meine Homepage PDF Anzeigen Icon */
.np-MnP-mHpg-icon.initiativePDFAnzeigen:before,
.np-MnP-mHpg-icon.AufgabeAnz:before,
.np-MnP-mHpg-icon.ProtokollAnzeigen:before {
    content: "\f5da";
    /* fas fa-book-reader */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

div.CommonIconMenuPages {
    line-height: 14px;
}

/* Icon Menü-Seiten */
.CommonIconMenuPages:before {
    content: "\f15b";
    /* far fa-file */
    font-family: 'Font Awesome 6 Pro Regular';
    font-weight: 400;
}

.CommonIconLock:before {
    content: "\f023";
    /* fas fa-lock */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    color: var(--iboTypography);
    vertical-align: bottom !important;
    line-height: 12px !important;
}

.CommonIconLock:hover:before {
    color: var(--iboOrange);
}

.CommonIconLockOpen:before {
    content: "\f3c1";
    /* fas fa-lock-open */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    vertical-align: bottom !important;
    line-height: 12px !important;
}

/* Icon Menü-Seiten */
.CommonIconTeilmasken:before {
    content: "\f15c";
    /* far fa-file-alt */
    font-family: 'Font Awesome 6 Pro Regular';
    font-weight: 400;
}

.CommonIconLink:before {
    content: "\f0c1";
    /* fas fa-link */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconSpringeZu:before {
    content: "\f3e5";
    /* fas fa-reply */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconZelt:before {
    content: "\f6bb";
    /* fas fa-campground */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconInbox:before {
    content: "\f01c";
    /* fas fa-inbox */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconFlag:before {
    content: "\f024";
    /* fas fa-flag */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconRedFlag:before {
    content: "\f024";
    /* fas fa-flag */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    color: #CD0030;
}

.CommonIconFlag:before {
    content: "\f024";
    /* fas fa-flag */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconRedFlag:before {
    content: "\f024";
    /* fas fa-flag */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    color: #CD0030;
}

.CommonIconCheckeredFlag:before {
    content: "\f11e";
    /* fas fa-flag-checkered */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconUnlock:before {
    content: "\f09c";
    /* fas fa-unlock */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconScroll:before {
    content: "\f70e";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconBookReader:before {
    content: "\f518";
    /* fas fa-book-open */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconUpload:before {
    content: "\f093";
    /* fas fa-book-open */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconBack:before {
    content: "\f060";
    /* fas fa-book-open */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconCancel:before {
    content: "\f00d";
    /* fas fa-xmark */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-size: 16px !important;
    position: relative;
    top: -1px;
}

.CommonIconUserPen:before {
    content: "\f4ff";
    /* fas fa-user-pen */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-size: 12px !important;
    position: relative;
    top: -1px;
}

/* Mein netProject/Meine Homepage/Initiative StatusHistory anzeigen Icon */
.np-MnP-mHpg-icon.StatusHistAnzeigen:before {
    content: "\f252";
    /* fas fa-hourglass-half */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

/* Mein netProject/Meine Homepage/Meine Aufgaben Rückmeldung zur Aufgabe Icon */
.np-MnP-mHpg-icon.RuckmAufg:before {
    content: "\f058";
    /* fas fa-check-circle */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.np-MnP-mHpg-icon.AttachedDocs:before {
    content: "\f0c6";
    /*fas fa-paperclip */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.np-MnP-mHpg-icon.AttachedDocsSmall:before {
    content: "\f0c6";
    /*fas fa-paperclip */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-size: 12px;
    position: absolute;
}

.CommonIconAuftragErfassen:before {
    content: "\f14a";
    /* fas fa-check-square */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconCopy:before {
    content: "\f0c5";
    /* fas fa-files-o */
    font-family: 'Font Awesome 6 Pro';
    font-size: 14px;
    font-weight: 900;
}

.CommonIconNew:before {
    content: "\f067";
    /* far fa-plus */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    line-height: 12px;
}

.CommonIconPen:before {
    content: "\f304";
    /* far fa-pen */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    line-height: 12px;
}

.CommonIconTrash:before {
    content: "\f1f8";
    /* far fa-trash */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    line-height: 12px;
}

.bigIcon:before {
    font-size: 16px;
}

.largeIcon:before {
    font-size: 2em;
}

.CommonIconEdit:before {
    content: "\f044";
    /* far fa-edit */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-size: 14px;
    line-height: 12px;
}

.CommonIconEdit.red:before {
    color: #fff;
}

.CommonIconEdit:hover:before {
    cursor: pointer;
}

#copyToClipboard {
    cursor: pointer;
}

.shiftSelectionRight,
.shiftSelectionLeft {
    display: block;
    padding: 3px 0;
    cursor: pointer;
}

.shiftSelectionRight:hover {
    color: #1d8b15;
}

.fas.fa-exclamation-circle.toastError,
.shiftSelectionLeft:hover {
    color: #CD0030;
}


.shiftSelectionRight:before {
    content: "\f35a";
    /* fas fa-arrow-alt-circle-right */
}

.shiftSelectionLeft:before {
    content: "\f359";
    /* fas fa-arrow-alt-circle-left */
}

.shiftSelectionLeft:before,
.shiftSelectionRight:before {
    font-family: 'Font Awesome 6 Pro';
    font-size: 22px;
    font-weight: 900;
}

.CommonIconPerson:before {
    content: "\f007";
    /* fas fa-user */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-size: 14px;
}

label.dialogLabel.on .CommonIconPerson:before,
.CommonIconPersonChecked:before {
    content: "\f4fc";
    /* fa-user-check */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-size: 14px;
}

.CommonIconMail:before {
    content: "\f0e0";
    /* fas fa-envelope */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconMailRegular:before {
    content: "\f0e0";
    /* far fa-envelope */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 500;
    font-size: 14px;
}

.CommonIconAbbrechen:before {
    content: "\f057";
    /* fas fa-times-circle */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconAntragErfassen:before {
    content: "\f044";
    /* fas fa-edit */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconAusblenden:before {
    content: "\f070";
    /* fas fa-eye-slash */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconSuchen:before {
    content: "\f002";
    /* fas fa-search */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconIdee:before {
    content: "\f0eb";
    /* fas fa-lightbulb */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconInitiative:before {
    content: "\f01c";
    /* fa fa-inbox */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconSettings:before {
    content: "\f013";
    /* fa fa-cog */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconProjectPlan:before {
    content: "\f0ae";
    /* fas fa-tasks */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.CommonIconRefresh:before {
    content: "\f2f1";
    /* fas sync-alt */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.edit-Button {
    color: var(--iboTypography);
    cursor: pointer;
    font-size: 14px;
}

.edit-Button:hover {
    color: var(--iboOrange);
}

/* Toolbar Icon-Buttons */

.closeTasksIcon:before {
    content: "\f560";
    /* fas fa-check-double */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

.sendMailIcon:before {
    content: "\f0e0";
    /* fas fa-envelope */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
}

.iconButton:before {
    line-height: 10px;
    font-size: 14px;
    vertical-align: middle;
    padding-right: 5px;
}

.iconButton {
    margin-top: 5px;
    height: 20px;
    font-size: 8pt;
    cursor: pointer;
    background-color: var(--netProjectBackground);
    padding-left: 3px;
    padding-right: 4px;
    border: 1px var(--netProjectBackground) solid;
    color: var(--iboTypography);
}

.iconButton:hover {
    background-color: var(--iboTypography20);
    border-radius: 3px;
}

input[type="checkbox"]:not(.defaultCheckbox) {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 0.12rem solid var(--iboTypography);
    border-radius: 0.14rem;
    padding: 0.12rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    vertical-align: middle;
}

input[type="checkbox"]:not(.defaultCheckbox):hover {
    border-color: var(--iboOrange);
}

input[type="checkbox"]:not(.defaultCheckbox):hover::before {
    background-color: var(--iboOrange);
}

input[type="checkbox"]:not(.defaultCheckbox)::before {
    content: "";
    width: 0.35rem;
    height: 0.35rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: scale(0);
    transform-origin: center;
    background-color: var(--iboTypography);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path d='M4 12.5 L9.2 17.7 L20 6' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

input[type="checkbox"]:not(.defaultCheckbox):checked::before {
    transform: scale(2);
}

input[type="checkbox"].altCheckbox {
    background-color: var(--white);
    border: 0.096rem solid var(--black);
}

input[type="checkbox"].altCheckbox:hover {
    border-color: var(--black);
}

input[type="checkbox"].altCheckbox:hover::before {
    background-color: var(--black);
}

input[type="checkbox"].altCheckbox::before {
    background-color: var(--black);
}

input[type="checkbox"].emSizingCheckbox {
    border: 0.12em solid var(--iboTypography);
    border-radius: 0.14em;
    padding: 0.12em;
}

input[type="checkbox"].emSizingCheckbox::before {
    width: 0.35em;
    height: 0.35em;
}

/* FontButton - auf- und zuklappen */
html.fontButton,
html.fontButton body {
    height: 100%;
    margin: 0;
}

html.fontButton.logoleiste,
html.fontButton.logoleiste body {
    margin: 0;
}

html.fontButton .flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
    padding: 3px;
}

html.fontButton .spalte {
    flex: 1 1 0%;
    line-height: 18px;
}

html.fontButton .spalte.oneHalf {
    flex: 1.5 1 0%;
}

html.fontButton .spalte.half {
    flex: 0.5 1 0%;
}

html.fontButton .spalte.inputLabel {
    white-space: nowrap;
}

html.fontButton .flex.topbar {
    padding-top: 10px;
    padding-bottom: 4px;
    margin-bottom: -2px;
    height: 26px;
    font-weight: bold;
}

html.fontButton.heading .tab-content {
    height: calc(100% - 47px);
}

html.fontButton.heading .mainForm {
    height: calc(100% - 10px);
    overflow: hidden;
}

html.fontButton.heading.logoleiste .mainForm {
    /* wegen Kopfzeile */
    height: calc(100% - 10px);
}

html.fontButton.heading.logoleiste .tabs {
    margin-left: 6px;
    width: calc(100% - 12px);
    margin-top: 0;
}

html.fontButton.heading .tabs {
    height: calc(100% - 80px);
}

html.fontButton.heading #required {
    padding-top: 10px;
    color: gray;
}

html.fontButton.heading .tab-content .tab {
    height: calc(100% - 30px);
    padding-bottom: 5px;
    overflow: hidden;
}

html.fontButton.heading .tab-content .tab .content {
    height: 100%;
    overflow: hidden;
}

html.fontButton.heading .scrollcontainer {
    margin-top: 10px;
    height: calc(100% - 48px);
    overflow: auto;
}

html.fontButton.heading .scrollcontainer.neu {
    margin-top: 5px;
}

html.fontButton fieldset {
    margin: 0 6px;
}

html.fontButton fieldset.subset {
    margin: 0 -4px;
}

html.fontButton div.subset {
    margin: 0 -4px;
}

html.fontButton fieldset fieldset.subset:first-child {
    margin-top: -6px !important;
}

html.fontButton fieldset fieldset.subset:last-child {
    margin-bottom: -2px;
}

html.fontButton .toolbar-div.topbar {
    margin-top: -40px;
    background: transparent;
}

html.fontButton .flex select,
html.fontButton .flex input[type=text] {
    width: 90%;
}

html.fontButton .flex input[type=checkbox],
html.fontButton .flex input[type=radio],
html.fontButton .flex input.smallFlexText {
    margin: 0 3px 0 0;
}

html.fontButton.heading .tab {
    overflow: hidden;
}

html.fontButton fieldset .flex div,
html.fontButton div.flex.topbar div {
    width: 95%;
}

html.fontButton .flex input.smallFlexText,
html.fontButton .flex select.smallFlexText {
    max-width: 90px;
    width: 75%;
}

html.fontButton .flex input.smallFlexText.colwidth,
html.fontButton .flex input.smallFlexText.colwidthOff {
    width: 45px;
}

html.fontButton .colPdfWidth {
    line-height: 1;
}

html.fontButton .flex input.colPdfWidth,
.customizingPdfWidth {
    background-color: transparent;
    border: 0;
    margin-top: -4px;
    display: inline-block;
    line-height: 1px;
    text-align: right;
    width: 40px;
    padding-top: 5px;
}

.customizingPdfWidth {
    margin-top: 0;
    padding: 0px 1px;
    vertical-align: middle;
}

html.fontButton .flex input.colPdfWidth.achtung,
html.fontButton .flex span.colPdfWidth.achtung {
    color: #CD0030;
}

html.fontButton .flex .deleteButton {
    position: absolute;
    margin-top: -4px;
}

html.fontButton .flex .colwidth.autocolumn,
html.fontButton .flex .colwidthOff.autocolumn {
    border: 0;
    color: var(--iboTypography);
    width: 50px !important;
    float: left;
    text-align: right;
    padding-right: 5px;
    background: transparent;
    margin-top: 3px;
}

html.fontButton span.wrapper {
    white-space: nowrap;
}

html.fontButton label.bold {
    font-weight: bold;
}

html.fontButton label.publish.scrollbar {
    margin-left: 4px;
}

html.fontButton label.publish {
    margin-left: 8px;
}

html.fontButton label.lfn.scrollbar {
    margin-left: -2px;
}

html.fontButton label.lfn {
    margin-left: 4px;
}

html.fontButton label.asHead.scrollbar {
    margin-left: -6px;
}

html.fontButton label.asHead {
    margin-left: 0;
}

html.fontButton label.dpAttribute.scrollbar {
    margin-left: -12px;
}

html.fontButton label.dpAttribute {
    margin-left: 0;
}

html.fontButton .spalte input {
    vertical-align: middle;
}

html.fontButton.heading legend {
    font-weight: bold;
    line-height: 0.8em;
}

html.fontButton .deleteButton:before,
.customizingDeleteButton:before {
    width: 16px;
    height: 16px;
    background-size: contain;
    content: '\f056';
    font-size: 15px;
    font-family: "Font Awesome 6 Pro";
    color: #e40134;
    padding-left: 7px;
    background-size: contain;
    line-height: 25px;
    cursor: pointer;
}

.customizingDeleteButton {
    display: inline-block;
    position: relative;
    top: 1px;
}

.customizingDeleteButton.noPadding:before {
    padding: 0 !important;
}

html.fontButton .button-anzeigen:before {
    content: "\f5da";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 14px;
    color: #385562;
    line-height: 1px;
    margin-top: 0;
    padding-right: 6px;
    width: 12px;
    margin-left: -20px;
}

html.fontButton .button-saveUnder:before,
html.formArea .button-saveUnder:before {
    content: "\f24d";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 14px;
    color: #385562;
    line-height: 1px;
    margin-top: 0;
    padding-right: 6px;
    width: 12px;
    margin-left: -20px;
}

html.fontButton .content {
    width: 100%;
    overflow: auto;
}

html.fontButton div.tab>div.content {
    padding-bottom: 4px;
}

.fontButton legend.button-openAll,
.fontButton legend.button-closeAll {
    padding-left: 18px;
    padding-right: 5px;
    padding-top: 5px;
    background-color: inherit;
    cursor: pointer;
}

.fontButton button.button-openAll,
.fontButton button.button-closeAll {
    border: 0;
    outline: 0;
    background: transparent;
}

.fontButton button.toolbar-btn.button-openAll,
.fontButton button.toolbar-btn.button-closeAll {
    margin-top: 10px;
    margin-left: 20px;
}

html.fontButton button.button-openAll:before,
.fontButton legend.button-openAll:before {
    content: "\f0d7";
    /* fa fa-caret-down */
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 14px;
    color: #999;
    line-height: 1px;
    margin-left: -18px;
    margin-top: 0;
    padding: 3px 5px 5px 5px;
    float: left;
}

html.fontButton button.button-closeAll:before,
.fontButton legend.button-closeAll:before {
    content: "\f0d8";
    /* fa fa-caret-up */
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 14px;
    color: #999;
    line-height: 1px;
    margin-left: -18px;
    margin-top: 0;
    padding: 3px 5px 5px 5px;
    float: left;
}

html.fontButton button.button-openAll:before,
html.fontButton button.button-closeAll:before {
    padding-top: 5px;
}

/* Projektplan Export */

html.projectPlanExport #headContainer {
    background-color: var(--netProjectBackground);
    min-width: 900px;
    margin-left: -1px;
    overflow-x: hidden;
    padding-right: 2px;
}

html.projectPlanExport .filter-content {
    padding: 5px;
}

html.projectPlanExport td.multiselect {
    padding-right: 20px;
}

html.projectPlanExport td.multiselect label {
    display: block;
    font-weight: bold;
    padding-bottom: 5px;
}

html.projectPlanExport .selectBig {
    height: 200px;
    width: 215px;
    padding: 3px;
}

html.projectPlanExport .action-fa-btn,
html.teamSwitch .action-fa-btn {
    font-size: 16px;
}

html.teamSwitch td.search {
    padding: 4px;
}

html.teamSwitch .searchMask #suchenIn,
html.teamSwitch .searchMask #suchenOut {
    width: 88px;
}

html.projectPlanExport .flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
    padding: 3px;
}

html.projectPlanExport .spalte {
    flex: 1 1 0%;
    line-height: 18px;
}

html.projectPlanExport .spalte.title {
    flex: 0 1 0%;
    min-width: 100px;
}

/* Html-Editor-Anwendung in Textareas */

#taskDescription {
    color: #000;
    word-break: break-all;
    overflow: auto;
}

#taskDescription span.empty {
    display: block;
    width: 99%;
    text-align: center;
    color: #ccc;
}

#taskDescription.active {
    cursor: pointer;
}

#taskDescription.inactive {
    cursor: default;
}

.hiddentext,
#taskDescription span.empty.hiddentext {
    display: none;
}

html.pdbForm #taskDescription {
    height: 84px;
    width: 380px;
}

html.myAgText #taskDescription {
    height: 100px;
    width: 100%;
}

html.protocol #taskDescription {
    height: 143px;
    padding: 4px;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
}

html.pdbForm #taskDescription span.empty {
    padding-top: 35px;
}

html.myAgText #taskDescription span.empty {
    margin-top: 40px;
}

html.protocol #taskDescription span.empty {
    padding-top: 61px;
}

html.protocol .flexContent {
    display: flex;
    width: 90%;
}

html.protocol .flexContent .item-1 {
    width: 106px;
}

html.protocol .flexContent .item-2 {
    width: 129px;
}

html.protocol .flexContent .item-3 {
    max-width: 564px;
    width: 70%;
    padding-bottom: 10px;
}

.sortField.active.desc span.sortItem:before {
    content: "\f0d8";
    /* fa fa-caret-up */
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    color: #ea5b0c;
}

.sortField.active.asc span.sortItem:before {
    content: "\f0d7";
    /* fa fa-caret-down */
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    color: #ea5b0c;
}

.sortField.notactive span.sortItem:before {
    content: "\f0d8";
    /* fa fa-caret-up */
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    color: #999;
}

/* button-style - font statt image */

.book-reader:before {
    position: absolute;
    content: "\f5da";
    /* fas fa-book-reader */
    font-family: "Font Awesome 6 Pro";
    font-size: 1.3333333333333333em;
    font-weight: 900;
    color: var(--iboTypography);
    margin-left: -20px;
    margin-top: -2px;
}

.construct-hammer:before {
    position: absolute;
    content: "\f6e3";
    /* fas fa-hammer */
    font-family: "Font Awesome 6 Pro";
    font-size: 1.3333333333333333em;
    font-weight: 900;
    color: var(--iboTypography);
    margin-left: -20px;
    margin-top: -2px;
}

.report-spinner-button:before {
    position: absolute;
    content: "\f110";
    /* fas fa-spinner */
    font-family: "Font Awesome 6 Pro";
    font-size: 1.3333333333333333em;
    font-weight: 900;
    color: var(--iboTypography);
    margin-left: -20px;
    margin-top: -2px;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

/*____________________Color____________________*/

/* Farbe1 für das ibo Farbspiel */
.CommonColor1 {
    color: #E20036;
    /* ibo-rot */
}

/* Farbe2 für das ibo Farbspiel */
.CommonColor2 {
    color: var(--iboTypography);
    /* ibo grau */
}

.checkNp+label,
.fontColorIboTypography60 {
    color: var(--iboTypography60);
}

.checkNp:checked+label {
    color: var(--iboTypography);
}

.iboOrange {
    color: var(--iboOrange)
}

.fad.CommonColor2Icon {
    color: var(--iboTypography);
    --fa-primary-color: #375460;
    --fa-primary-opacity: 0.4;
    --fa-secondary-color: #375460;
    --fa-secondary-opacity: 1;
}

.CommonColor2Icon:before {
    color: var(--iboTypography);
    /* ibo grau */
}

/* Farbe3 für das ibo Farbspiel */
.CommonColor3 {
    color: #80197F;
    /* ibo lila */
}

.CommonColor3Icon:before {
    color: #80197F;
    /* ibo lila */
}

.CommonColorIconHover:hover:before {
    color: var(--iboOrange);
}

.CommonColorIconHover:hover {
    cursor: pointer;
    color: var(--iboOrange);
    --fa-primary-opacity: 1 !important;
}

/* Navigation Element Hintergrund (inkl. Texte) */
.NPMenu div.x-tree-view,
.NPMenu div.x-tree-view .x-grid-cell-inner,
.CommonNavBackgroundColor {
    background-color: var(--netProjectBackground);
    color: var(--iboTypography);
}

/* Hintergrundfarbe für Hover(Mouseover) der Navigationselemente */
.NPMenu div.x-tree-view .x-grid-item-container .x-grid-item-selected .x-grid-cell-inner,
.NPMenu div.x-tree-view .x-grid-item-over .x-grid-cell-inner {
    background-color: var(--iboTypography20);
}

/* Hintergrundfarbe für Tabellen + Toolbar */
.CommonBasicBackgroundColor {
    background-color: var(--netProjectBackground) !important;
}

/* 1) Hintergrundfarbe für ausgewähltes Navigationselement setzen
   2) Ausgewählte, nicht fokusierte Navigationselemente fett darstellen */
.NPMenu div.x-tree-view .x-grid-item-selected .x-grid-cell-inner {
    background-color: var(--iboTypography20);
    font-weight: bold;
}

/* Schriftfarbe der Navigationselemente bei Focus nicht Schwarz */
.NPMenu div.x-tree-view .x-grid-item-focused,
.CommonTextNormalColor

/* Schriftfarbe Text normal */
    {
    color: var(--iboTypography);
}

/* Titelbar Icons */
.x-menu-item-icon,
/* Titelbar DropDown Icons */
.t2 .np-ep-verw-rechte-icon,
/* Einzelprojekt/Verwaltung/Rechte Icons */
.np-MnP-mHpg-icon,
/* Mein netProject/Meine Homepage Abschlussbericht Öffnen Icon */
.CommonIconColor {
    color: var(--iboTypography);
    /* blau */
}

/* .x-toolbar-default {
    background-color: var(--netProjectBackground);
} */

.CommonIconColor2 {
    color: #4c4c4c;
    /* Schwarz */
}

/* Platzhalter gestrichelte Linie während Drag, vor Drop, bei Meine Homepage & Dashboard */
.x-portal .x-panel-dd-spacer,
.x-dashboard-body .x-panel-dd-spacer {
    border: 2px dashed #ccc;
    background: #f6f6f6;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

/* Platzhalter Abstand während Drag, vor Drop, bei Meine Homepage */
.x-portal .x-panel-dd-spacer {
    margin-bottom: 10px;
}

button.CommonPortletButton:hover,
.CommonAttention

/* Allgemeine Benutzerhinweise, ERROR */
    {
    color: #B82837;
}

/* Farbe Rot (z.B. * Pflichtfeld */
.attention {
    color: #FF0000;
}

/* html-Editor default font-size */
#taskDescription,
#taskDescription a:link,
#taskDescription li,
#taskDescription ul,
#taskDescription ol,
#taskDescription p,
.htmlEditor,
.htmlEditor td,
.htmlEditor th,
.htmlEditor a:link,
.htmlEditor li,
.htmlEditor ul,
.htmlEditor ol,
.htmlEditor p,
div.content-fieldset,
div.content-fieldset a:link,
div.content-fieldset li,
div.content-fieldset ul,
div.content-fieldset ol,
div.content-fieldset p,
.mce_editor_div,
.mce_editor_div a:link,
.mce_editor_div li,
.mce_editor_div ul,
.mce_editor_div ol,
.mce_editor_div p {
    font-size: 10pt !important;
}

div.content-fieldset .content-entry,
div.content-fieldset.new-entry,
div.tab-content.noHtmlEditorValues div.content-fieldset,
span.content-fieldset {
    font-size: 11px !important;
}

.content-fieldset.resultsDocumentation {
    cursor: default;
}

/* Link Kopieren */

#linkContainer {
    height: 23px;
}

#linkContainer td {
    padding-top: 5px;
    vertical-align: top;
}

#linkContainer #link {
    white-space: nowrap;
    position: absolute;
    overflow: hidden;
    width: calc(100% - 40px);
}

#linkContainer #copyToClipboard {
    padding-top: 3px;
    text-align: right;
}

#linkContainer .linkCover {
    position: absolute;
    z-index: 1;
    width: 40px;
    height: 18px;
    right: 30px;
    background: -moz-linear-gradient(left, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 31%, rgba(241, 241, 241, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 31%, rgba(241, 241, 241, 1) 100%);
    background: linear-gradient(to right, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 31%, rgba(241, 241, 241, 1) 100%);
}

/*____________________Text____________________*/


.CommonTextMedium {
    font-size: 8pt;
    /*font-size: 14px;*/
}

/* Text in Navigation Element */
.NPMenu .x-tree-node-text {
    vertical-align: middle;
    margin-left: 6px;
}

.NPMenu .x-tree-icon.x-tree-icon-leaf {
    vertical-align: middle;
}

/* Text in Navigation Header */
.NPMenu .x-panel-header-horizontal .x-title-text {
    position: relative;
    left: 3px;
}

/* Text mit ... wenn zu lang */
.shortenableText {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* Textformatierung Formulard klein */
.CommonFormularText {
    font-weight: bold;
    line-height: 20px;
    font-size: 8pt;
    display: block;
}

/* Textformatierung Erledigt */
.taskDone {
    color: #888888;
}

/* Textformatierung Durchgestrichen */
.strikeTrough {
    text-decoration: line-through;
}

/* form input.text... */
.text01,
.text02,
.text03,
.text04,
.text041,
.text05,
.text06,
.CommonTextSize {
    font-size: 8pt;
    white-space: nowrap;
}

.disabledInput {
    background-color: transparent;
    border: 0;
    font-style: italic;
    opacity: 0.6;
}

/*____________________Button____________________*/

/* Runder Button */
.CommonDialogButton {
    cursor: pointer;
    background: rgba(150, 150, 150, 0);
    border: none;
    border-radius: 20px;
    font-size: 29px;
}

.CommonPositionCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.CommonPortletButton {
    height: 70px;
    cursor: pointer;
    background: #D9E7F8;
    color: var(--iboTypography);
    border: 3px #fff solid;
}

.nextStep:disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: not-allowed;
}

/* Normaler Button in den Toolbars */
.CommonButton1 {
    border: none;
    background-color: var(--netProjectBackground);
    font-size: 13px;
    padding-top: 1px;
    padding-bottom: 2px;
}

/* MouseOver für Button in der Toolbar-Leiste */
.CommonButton1:hover {
    border: none;
    background-color: var(--iboTypography20);
    border-radius: 3px;
    color: #4c4c4c;
}

/* Normaler Button in den Toolbars */
.CommonButton2 {
    border: none;
    background-color: var(--netProjectBackground);
    font-size: 8pt;
    padding-top: 1px;
    padding-bottom: 2px;
}

/* MouseOver für Button in der Toolbar-Leiste */
.CommonButton2:hover {
    border: none;
    background-color: var(--iboTypography20);
    border-radius: 3px;
    color: #4c4c4c;
}

/*_____________________________________________*/


/* Gestrichelten Rahmen der Navigationselemente bei Focus entfernen */
.NPMenu div.x-tree-view .x-grid-item-focused .x-grid-cell-inner:before {
    border: none;
}


/* info-Feld x-autocontainer-innerCt */
.NPInfoPanel .x-autocontainer-innerCt {
    padding: 6px;
}

/* Toast-Info */
.x-toast.x-window-default,
.x-toast.x-window-default * {
    background: #fff !important;

}

.x-window-default {
    background-color: var(--netProjectBackground) !important
}

.x-toast .x-window-bodyWrap .x-window-body {
    border: 0 !important;
    background: transparent !important;
}

.x-toast .x-window-bodyWrap .x-window-body .x-autocontainer-innerCt {
    padding: 3px !important;
}

html,
body {
    font-family: Roboto, Helvetica, Arial, sans-serif;
}

/* TODO: <b>-Tags generell entfernen.
   wenn einem mit <b> ausgezeichneten Element zusätzlich font-weight:bold zugewiesen wird,
   macht Firefox "bolder" daraus, wenn der Schriftschnitt "black" oder "extra bold" existiert. */
b {
    font-weight: bold;
}

/* form input */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none;
    margin: 0;
}

#inn,
#out,
.select02,
.text04,
input[type=number],
input[type=password],
input[type=text]:not(.MuiInputBase-input) {
    border: 1px solid var(--iboTypography20);
}

textarea:focus-visible,
select:focus-visible,
input:focus-visible {
    outline: 1px solid var(--iboTypography);
}

input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
}

input.error {
    border: 1px solid red !important;
}

/* form label */

label.CursorStyle:hover {
    cursor: help;
}


.text01 {
    width: 110px;
}

.text02 {
    width: 130px;
}

.text03 {
    width: 160px;
}

.text05 {
    width: 350px;
}

.text06 {
    width: 560px;
}

.text100p {
    width: 100%;
}

.today01 {
    background-color: #8080ff;
    color: #d8e1ed;
    font-size: 8pt;
    font-weight: bold;
}

/* form input.filter... */

.filter01,
.filter01_1,
.filter01_2 {
    font-size: 8pt;
    white-space: nowrap;
}

.filter01 {
    width: 40px;
}

.filter01_1 {
    width: 80px;
}

.filter01_2 {
    width: 50px;
}

/* form input.editFloat */

.editFloat {
    font-size: 8pt;
    width: 50px;
    white-space: nowrap;
    text-align: right;
}

/* form select.select... */

select.error {
    border: 1px solid red;
}

.selectBig,
.select01large,
.select01,
.select02,
.select02_1,
.select03,
.select04,
.selecttext,
.selecttext2,
.selecttext3 {
    font-size: 8pt;
}

.selectBig {
    width: 180px;
    height: 140px;
}

.select01large {
    width: 150px;
    height: 160px;
}

.select01 {
    width: 150px;
    height: 140px;
}

.select02 {
    width: 150px;
    height: 240px;
}

.select02_1 {
    width: 250px;
    height: 240px;
}

.select03 {
    width: 170px;
    height: 260px;
}

.select04 {
    width: 270px;
    height: 260px;
}

.selecttext {
    width: 130px;
    height: 160px;
}

.selecttext2 {
    width: 130px;
    height: 120px;
}

.selecttext3 {
    width: 130px;
    height: 90px;
}

/* select mit optgroup-Blöcken */

select.optiongroup optgroup {
    /* Firefox akzeptiert hier keinen weißen Hintergrund */
    background: #fefefe;
    color: #666666;
    font-style: normal;
}

select.optiongroup optgroup[label] {
    font-style: normal;
}

select.optiongroup option {
    background: #fefefe;
    color: #000000;
}


/* form textarea.memo... */

.memo01,
.memo02,
.memotext,
.memotext2,
.memtext3 {
    font-size: 8pt;
}

.memo01 {
    width: 350px;
    height: 120px;
}

.memo02 {
    width: 450px;
    height: 160px;
}

.memotext {
    width: 380px;
    height: 160px;
}

.memotext2 {
    width: 380px;
    height: 118px;
}

.memotext3 {
    width: 380px;
    height: 90px;
}

/* form input.btn... */

.btn01,
.btn02,
.btn03 {
    font-size: 8pt;
}

.btn01 {
    width: 80px;
}

.btn02 {
    width: 100px;
}

.btn03 {
    width: 120px;
}

/* table td.label... */

.label01,
.label02,
.label03 {
    background-color: #015294;
    color: #d8e1ed;
    font-size: 8pt;
    font-weight: bold;
}

.label01 {
    width: 100px;
}

.label02 {
    width: 150px;
}

.label03 {
    width: 200px;
}

/* table.t2 */

html.mailDialog table.t1 {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

html.mailDialog table.t2 {
    margin: 0;
    padding: 0;
    border: 1px solid #fff;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

html.mailDialog table.noborder {
    border: 0;
}

html.mailDialog table.t2 th,
html.mailDialog table.t2 td {
    padding-left: 3px;
    text-align: left;
    vertical-align: top;
}

html.mailDialog table.t2 td.switchButton {
    text-align: center;
    vertical-align: middle;
}

html.mailDialog table.t2 td.bg03.bottomRow {
    padding-bottom: 10px;
}

.t2 .np-ep-verw-rechte-icon {
    display: inherit;
    width: 18px;
    height: 23px;
    text-align: center;
    vertical-align: middle;
}

/* Tabellen header Hintergrund flat Farbe (kein Farbverlauf) */

.t2 .bg04 {
    background: var(--netProjectBackground);
}

.t2.risiko td {
    padding: 2px;
    padding-bottom: 4px;
}

.t2.risiko td.white {
    background: #FFF;
}

.t2.risiko td.gray {
    background: #EAEAEA;
}

.innerTable {
    margin: 0 !important;
    padding: 0 !important;

}

.berichtTable {
    margin-top: 12px;
    margin-bottom: 14px;
}

.ui-datepicker-trigger {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    padding-left: 4px !important;
    padding-right: 1px;
    vertical-align: middle;
}

html.datepicker .ui-datepicker-trigger {
    position: absolute;
}

html.initiative .field-long.hasDatepicker {
    margin-right: 1px;
}

div.ui-datepicker {
    font-size: 10px;
}

/* .ui-datepicker */

.ui-datepicker th {
    border: 0 none;
    font-weight: bold;
    padding: 0.1em 0.1em;
    text-align: center;
}

.ui-datepicker td {
    border: 0 none;
    padding: 0px;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    font-size: 9px;
    margin: 0.1em 0.1em 0.2em;
    overflow: visible;
    padding: 0.1em 0.1em 0.2em;
    width: auto;
}

/* ExtJs-css überschreiben */
/* FontAwesome Icons in Ext JS Grid Zelle (display: inline-block verursacht Verschiebungen/Fehlverhalten) */
.x-grid-cell.x-fa {
    display: table-cell;
}

/* Basegrid Summary */
tr.x-grid-row-summary.x-grid-row-total td.x-grid-cell {
    font-weight: bold;
    color: var(--iboTypography);
}

tr.x-grid-row-summary.x-grid-row-total td.x-grid-cell div {
    background-color: var(--netProjectBackground);
}


/*.x-panel-header-default */

.bg-header-default {
    font-size: 11px;
    padding-right: 5px;
    border-color: #99bce8;
    /*border-width: 1px;*/
    /*border-style: solid;*/
}

.npTrBorder td {
    border: none !important;
}

.npTrBorder tr {
    border: 1px solid var(--netProjectBackground);
}

.bgWhite {
    background-color: var(--white) !important;
}

.bgNp {
    background-color: var(--netProjectBackground) !important;
}

.mouseoverNpBg tr:hover td,
.mouseoverNpBg tr:hover .inlineBtn {
    background-color: var(--netProjectBackground) !important;
}

.mouseoverTrBg tr:hover td {
    background-color: var(--iboTypography20) !important;
}

.headContainerFix {
    width: auto !important;
    margin: 0 -6px -6px -6px;
}

.npToolbarLabel {
    padding: 0 4px 0 8px;
}

.npTr30Px tr {
    height: 30px;
}

.npTr0Px tr {
    height: 0;
}

.tdBgNp td {
    background-color: var(--netProjectBackground) !important;
}

.tdBgDarkNpBorder td {
    border-color: var(--iboTypography20) !important;
}

.noVerticalBorder td {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

.bgNpDarker {
    background-color: var(--iboTypography20) !important;
}

.bgHidden {
    background: transparent !important;
}

.npBorderColor {
    border-color: var(--netProjectBackground) !important;
}

.noMargin {
    margin: 0 !important;
}

.npTopMargin {
    margin-top: 10px !important;
}

.noPadding {
    padding: 0 !important;
}

.npHeaderTr {
    height: 22px;
}

.mce_editor_div {
    font-size: 10pt;
    background-color: #FFFFFF;
    overflow-y: auto;
    overflow-x: visible;
}

.mce_editor_div li {
    font-size: 10pt;
}

.mce_editor_div ol {
    font-size: 10pt;
}

.mce_editor_div p {
    font-size: 10pt;
    margin-bottom: 12px !important;
}

.mce_editor_div ul {
    font-size: 10pt;
}

table.content-table .bg04 {
    text-align: left;
}

table.content-table .bg01.hilite {
    cursor: pointer;
}

table.content-table .bg01 td {
    padding-top: 5px;
    vertical-align: top;
}

table.content-table .bg01.hilite:hover {
    background-color: #EFEFEF;
}

/* mit Kopfzeile */
html.ag .tabs,
html.fixedHead .tabs {
    margin-top: 21px;
}

html.ag .toolbar-div,
html.fixedHead .toolbar-div {
    position: fixed;
    top: 0;
}

/* ohne Kopfzeile */
html.fixedHead.ohneKopfzeile .tabs {
    margin-top: 24px;
}

html.fixedHead.ohneKopfzeile .toolbar-div {
    position: fixed;
    top: 0;
}

/* ohne Kopfzeile und ohne Toolbar */
html.fixedHead.ohneKopfzeile.ohneToolbar .tabs {
    margin-top: -5px;
}

/* toolbar-div im Content */
html.ag .content .toolbar-div,
html.fixedHead .content .toolbar-div {
    position: static;
}

html.ag.popup .tabs {
    margin-top: 21px;
}

html.ag.popup {
    min-width: 1150px;
}

html.ag.detail .toolbar-div {
    display: flex;
    justify-content: space-between;
    z-index: 50;
}

html.ag.popup .toolbar-div {
    top: 0;
}

html.report #nosearch,
html.report #noexport,
html.report #noexcel {
    display: none;
}

html.report .text04.saveBericht,
html.report .text04.saveFilter {
    width: 356px;
    margin-bottom: 8px;
}

html.report .text04.selectDropdownSort.half {
    width: 178px;
}

/* Icons für Infouser-Rechte */
table.t2.iconstyle td {
    width: 100%;
}

table.t2 .topnav.iconstyle {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    width: 24px;
    padding: 4px;
    text-align: center;
}

td.topnav.iconstyle.projektliste:before {
    content: "\f6bb";
}

td.topnav.iconstyle.portfolio:before {
    content: "\f0a1";
}

td.topnav.iconstyle.mpi_res:before {
    content: "\f51c";
}

td.topnav.iconstyle.mpi_skill:before {
    content: "\f19d";
}

td.topnav.iconstyle.statusbericht:before {
    content: "\f51b";
}

td.topnav.iconstyle.ag_ctrl:before {
    content: "\f0ae";
}

td.topnav.iconstyle.aufwand:before {
    font-weight: 400;
    content: "\f017";
}

td.topnav.iconstyle.fz:before {
    content: "\f0f4";
}

.topnav.iconstyle.filter_go:before {
    content: "\f01c";
}

.topnav.iconstyle.kst_control:before {
    content: "\f153";
}

.topnav.iconstyle.mpi_dashboard:before {
    content: "\f200";
}

.topnav img.toggle {
    cursor: pointer;
    height: 24px;
    width: 24px;
}

.historyFiles {
    display: flex;
    align-items: center;
}

.historyFiles div {
    padding: 4px;
}

.documentIcon {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    vertical-align: middle;
    display: inline-block;
    font-size: 14px;
    width: 14px;
    text-align: center;
}

.documentIcon.running:before {
    content: "\f28b";
    /*fa-pause-circle */
    color: #FF9900;
}

.documentIcon.accepted:before {
    content: "\f058";
    /* fa-check-circle */
    color: #1d8b15;
}

.documentIcon.rejected:before {
    content: "\f057";
    /* fa-times-circle */
    color: #e20035;
}

.documentIcon.canceled:before {
    content: "\f05e";
    /* fa-ban */
    color: #e20035;
}

.documentIcon.deleteButton:before {
    content: '\f1f8';
    /* fa-circle-minus */
    cursor: pointer;
}

.documentIcon.filePdf:before {
    content: '\f1c1';
    /* fa-file-pdf */
    font-size: 17px;
}

.documentIcon.bookReader:before {
    content: "\f5da";
    /* fa-book-reader */
    cursor: pointer;
}

.documentIcon.bookReader:hover:before,
.documentIcon.deleteButton:hover:before,
.documentIcon.openWorkflow:hover:before {
    color: var(--iboOrange);
}

.documentIcon.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.documentIcon.openWorkflow:before {
    content: "\f772";
    /* fa-check-to-slot */
    cursor: pointer;
}


.sortierenAufgabenPlan {
    vertical-align: middle;
}

.tablHeaderTxt {
    vertical-align: middle;
}

.tablHeaderTxtFilter {
    vertical-align: middle;
}

.tablHeaderTxtFiler {
    position: relative;
    top: 3px;
}

.sortierenAufgabenPlanImg {
    position: relative;
    top: 2px;
}

table.noBorder {
    border: 0;
}

.x-field.noBorder input {
    border: 1px solid transparent !important;
}

/* Layout-Einstellungen Seiten-Typ: Filter mit Liste */
html.filteredList .onDemand {
    visibility: hidden
}

html.filteredList body {
    overflow-y: hidden;
}

html.filteredList .table td {
    color: var(--iboTypography);
}

html.filteredList .kopfzeile {
    margin: 0 -6px 6px -6px;
}

#divBasicTermine {
    margin-right: -4px;
    margin-left: -4px;
}

html.filteredList .headerFields {
    min-width: 900px;
}

html.filteredList body.tab-body {
    margin-top: 0;
}

html.filteredList body.tab-body p.divider {
    padding: 0;
    margin: 0;
    height: 6px;
}

.headerFields {
    background-color: var(--netProjectBackground);
    margin: -6px -2px;
    margin-bottom: 6px;
    padding-left: 4px;
    padding-bottom: 10px;
}

.headerFields .fieldLeft {
    float: left;
}

.formTextAlign {
    vertical-align: top;
    line-height: 20px;
}

.formTextAlign span.menuItem {
    vertical-align: top;
    line-height: 17px;
}

.formTextAlign label {
    font-weight: bold;
}

.formTextAlign input {
    font-weight: normal;
    margin-left: 5px;
    width: 80px;
}

.dialogSwitch label {
    line-height: 15px;
}

.projectTable td {
    padding: 2px 4px;
}

.projectTable td.bg04.noedit {
    padding: 6px 4px !important;
}

.buttonLineWrapper {
    padding: 6px 10px 0 0;
}

img.export:hover {
    background-color: #fff;
    opacity: 0.8;
}

.embededFieldset {
    border-radius: 0;
    border: 1px solid var(--iboTypography20);
}

.filterFieldset {
    margin-top: 9px;
    border: 1px solid var(--iboTypography20);
}

.filterFieldset.marginRight {
    margin-right: 12px;
}

.filterLegend {
    margin-left: 20px;
    color: var(--iboTypography);
    font-size: 12px;
    font-weight: bold;
}

.parts {
    float: left;
    padding-right: 20px;
    line-height: 18px;
}

.boldFont {
    font-weight: bold;
}

.filterTrenner {
    height: 8px
}

/* send mail dialog */

.t2 .multiSelect {
    width: 32%;
    background: transparent;
}

.t2 .multiSelect select {
    width: 100%;
}

.t2.noborder.mailVerteiler td,
.t2.noborder.mailVerteiler th {
    border: 0;
    padding: 4px;
}

.t2.noborder.mailVerteiler #out,
.t2.noborder.mailVerteiler #inn {
    height: 180px;
}

.t2 .switchButton {
    width: 4%;
    text-align: center;
}

.t2 .circleSize {
    font-size: 16px;
    cursor: pointer;
}

.t2 .searchInput {
    width: 100px;
}

.t2 textarea#note {
    border: 1px solid #DDDDDD;
    width: calc(100% - 6px);
    height: 50px;
    resize: none;
}

html.sendLink body {
    overflow-x: hidden;
    background: var(--netProjectBackground);
}

html.sendLink .t2 {
    width: 100%;
    margin: 0;
    border: 0;
    background: transparent;
}

html.sendLink .t2 td,
html.sendLink .t2 th {
    border: 0;
    padding: 4px;
    background: transparent;
}

html.sendLink .t2 .multiSelect {
    width: 47%;
}

html.sendLink .t2 .switchButton {
    width: 6%;
}

html.sendLink .t2 .searchInput {
    width: calc(100% - 93px);
}

html.sendLink .t2 th.bg04.bg-header-default.bg-header-default-top {
    background: transparent;
    white-space: nowrap;
}

html.sendLink .t2 td.directLink {
    background: var(--netProjectBackground);
}

html.sendLink .t2 td.directLink img {
    cursor: pointer;
}

.projectTableWrapper .fa-caret-down,
.projectTableWrapper .fa-caret-up {
    font-size: 14px;
    line-height: 10px;
}

.projectTableWrapper td>p,
.projectTableWrapper td>ul,
.projectTableWrapper td>ol,
.projectTableWrapper td>dl,
.projectTableWrapper td>table,
.projectTableWrapper td>div,
.projectTableWrapper td>h1,
.projectTableWrapper td>h2,
.projectTableWrapper td>h3,
.projectTableWrapper td>h4,
.projectTableWrapper td>h5,
.projectTableWrapper td>h6,
.projectTableWrapper td>div.htmlEditor>p,
.projectTableWrapper td>div.htmlEditor>ul,
.projectTableWrapper td>div.htmlEditor>ol,
.projectTableWrapper td>div.htmlEditor>dl,
.projectTableWrapper td>div.htmlEditor h1,
.projectTableWrapper td>div.htmlEditor h2,
.projectTableWrapper td>div.htmlEditor h3,
.projectTableWrapper td>div.htmlEditor h4,
.projectTableWrapper td>div.htmlEditor>h5,
.projectTableWrapper td>div.htmlEditor h6 {
    padding-top: 0;
    margin-top: 0;
}

.t2.projectTable,
.t2.projectTable.floatThead-table thead tr {
    width: calc(100% - 0.5px);
    /* wegen Quer-Srollbalken im Chrome bzw. Edge (Chromium) */
}

.t2.projectTable tr.bg01.dark,
.t2.projectTable tr.bg02.dark,
.t2.projectTable td.dark {
    cursor: pointer;
}

.t2.projectTable tr.bg02 td,
.t2.projectTable tr.bg01 td {
    vertical-align: middle !important;
}

.t2.projectTable.tdVAlignMiddle tr.bg02 td,
.t2.projectTable.tdVAlignMiddle tr.bg01 td {
    vertical-align: middle !important;
}

.t2.projectTable tr.low td {
    height: inherit;
}

.t2.projectTable tr.bg02.white {
    background-color: #fff;
}

.t2.projectTable tr.bg01.dark:hover td,
.t2.projectTable tr.bg02.dark:hover td,
.t2.projectTable td.dark:hover {
    background: #cccccc;
}

.t2.projectTable tr.bg01.lightgray {
    background: #F8F8F8;
}

.t2.projectTable td.subheader {
    font-weight: bold;
    background: #EEEEEE;
}

.t2.projectTable tr.bg01.lightgray>td {
    border-right: 1px solid #F8F8F8;
    border-bottom: 1px solid #F8F8F8;
}

.t2.projectTable tr.bg01.lightgray>td:last-child {
    border-right: 1px solid #FFFFFF;
}

.t2.projectTable tr td .hidden,
.t2.projectTable tr td .separator,
.t2.projectTable tr td .hide {
    display: none;
}

.t2.projectTable tr td .bold {
    font-weight: bold;
}

.notextwrap {
    white-space: nowrap;
    padding-right: 5px;
}

.bg04.notextwrap {
    padding-left: 5px;
}

.center {
    text-align: center;
}

.hoverGray:hover,
.t2.projectTable tr.bg02.white.hoverGray:hover {
    background-color: var(--iboTypography20);
    color: var(--white);
    cursor: pointer;
}

.t2.projectTable fthtr {
    visibility: hidden !important;
}

.t2.projectTable li {
    color: var(--iboTypography);
}

/* height for td works like min-height */
.projectTableWrapper td.bg04.bg-header-default,
.projectTableWrapper td.bg01,
.projectTableWrapper td.bg02,
th.bg04.bg-header-default,
.projectTableWrapper tr.bg02.dark td {
    height: 22px;
}

th.bg04.bg-header-default {
    text-align: left;
    border: 1px solid transparent;
    padding: 2px 16px 2px 4px;
    white-space: nowrap;
}

th.bg04.bg-header-default.sortField {
    cursor: pointer;
}

/* Kopfzeile - unterschiedliche Einbindungen */
body>div.logo-container {
    margin: -1px 0 0 -1px;
}

div.logo-container {
    height: 26px;
    overflow: hidden;
    background-color: var(--iboTypography20);
}

div.logo-container .wrapLeft {
    height: 56px;
    white-space: nowrap;
}

div.logo,
div.logobg {
    height: 56px;
}

div.logo-container .logo-links {
    float: left;
}

div.logo-container .logo-rechts {
    position: absolute;
    right: 0;
    top: 0;
}

div.logo-container .logobg.logo-rechts {
    background: -moz-linear-gradient(left, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 31%, rgba(241, 241, 241, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 31%, rgba(241, 241, 241, 1) 100%);
    background: linear-gradient(to right, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 31%, rgba(241, 241, 241, 1) 100%);
    top: -1px;
}

div.logo-container .logo-text,
div.logo-container .logo-text div {
    padding: 0;
    font-size: 12px;
    color: var(--iboTypography);
}

div.logo-container .logo-text {
    padding-top: 3px;
}

div.logo-container span.pLabel {
    display: inline-block;
    font-weight: normal;
    line-height: 15pt;
    opacity: 1;
    padding-left: 9px;
    vertical-align: middle;
}

div.logo-container span.pLabel.small {
    text-align: left;
    width: auto;
    margin-left: 20px;
}

div.logo-container span.prLabel {
    line-height: 15pt;
    vertical-align: middle;
}

/* iframe in Dialog */

html.iFrameInDialog iframe {
    width: 100%;
    height: 100%;
    border: 0;
    overflow-y: hidden;
}

/* Frameset-Seiten */
.frameHtml {
    background: #FFFFFF;
}

.frameHtml,
.frameBody,
.frameSet {
    height: 100%;
}

.frameBody {
    margin: 0 3px 0 3px;
}

.frameSet>iframe {
    width: 100%;
}

.frameSet>iframe.mainFrame {
    overflow: auto;
    border: 0;
}

.frameSet>iframe.filterFrame {
    height: 42px;
}

.mainFrame,
.filterFrame,
.listFrame {
    border: 0;
}

.filterPagination {
    vertical-align: middle;
    width: 24px;
    height: 24px;
    border: 0px;
}

.filterSave {
    vertical-align: middle;
    width: 24px;
    height: 24px;
    border: 0px;
}

.prjAssistantResSearchItems {
    margin-left: 8px;
    margin-top: 4px;
    display: inline-block;
    vertical-align: top;
}

.content-entry .prjAssistantResSpan,
.prjVerwBody .shiftSelectionLeft {
    display: block;
    float: none;
}

.content-entry.hidden {
    display: none;
}

.prjVerwBody {
    margin: 0;
}

.toolbar-div.prjVerwToolbar {
    height: 40px;
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

.content .headerLabel {
    width: auto;
    font-size: 12px;
    font-weight: bold;
    color: #4c4c4c !important;
}

.content-label-long.optionLabel {
    width: auto;
}

.noLeftMargin {
    margin-left: 0;
}

.rightLabel {
    float: right !important;
}

.content-label-long.wider {
    width: 195px;
}

.contentInput.wider {
    width: 400px;
}

.toolbar-btn.toolbar-fa-btn {
    height: auto;
    margin: 0 65px 1px 0;
    padding: 3px;
    font-size: 20px;
    cursor: pointer;
}

.toolbar-btn.toolbar-fa-btn:disabled,
.toolbar-btn.action-fa-btn:disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: not-allowed;
}

.toolbar-btn.toolbar-fa-btn:hover {
    padding: 3px;
}

.toolbar-btn .toolbar-fa-icon {
    margin: 2px;
    padding: 3px;
    vertical-align: middle;
}

.toolbar-btn span.faSpan {
    vertical-align: middle;
    font-size: 17px;
}

.toolbar-fa-btn:focus,
.action-fa-btn:focus {
    outline: none;
}

.toolbar-btn.action-fa-btn {
    height: auto;
    margin: 0;
    padding: 1px;
    font-size: 18px;
    cursor: pointer;
    color: var(--iboTypography);
}

.toolbar-btn.action-fa-btn:hover {
    padding: 2px;
    border: 0;
    background-color: transparent;
}

.toolbar-btn .action-fa-icon {
    margin: 1px;
    padding: 1px;
}

/* Button in der Toolbar-Leiste */
.toolbar-btn {
    margin-top: 5px;
    height: 20px;
    font-size: 11px;
    cursor: pointer;
    background-color: var(--netProjectBackground);
    background-repeat: no-repeat;
    background-position: 2px 1px;
    padding-left: 24px;
    padding-right: 5px;
    border: none;
    color: var(--iboTypography);
}

/* MouseOver für Button in der Toolbar-Leiste */
.toolbar-btn:hover {
    background-color: var(--iboTypography20);
    padding-left: 24px;
    padding-right: 5px;
    border-radius: 3px;
    color: #4c4c4c;
}

button.toolbar-btn {
    padding-left: 2px;
    height: 20px;
    font-size: 11px;
    cursor: pointer;
    background-color: var(--netProjectBackground);
    border: none;
    color: var(--iboTypography);
}

button.toolbar-btn.btnBgWhite {
    background-color: var(--white);
}

button.toolbar-btn span {
    padding-left: 5px;
}

button.toolbar-btn:hover {
    padding-left: 2px;
    background-color: var(--iboTypography20);
}

button.toolbar-btn:hover i {
    color: var(--iboOrange);
}

button.toolbar-btn i {
    font-size: 16px;
    line-height: 1;
    vertical-align: -0.120em;
}

button.toolbar-btn-xl {
    border-left: 0.5px solid var(--netProjectBackground);
    margin-top: 12px;
    height: 38px;
    padding-left: 4px;
}

.extBtnHeightFix .toolbarIconXl {
    height: 24px !important;
    line-height: 24px !important;
}

button.toolbar-btn-xl.smaller {
    margin: 0;
    height: 28px;
}

button.toolbar-btn i.s {
    font-size: 1.3em;
    line-height: 0.05em;
    vertical-align: -0.075em;
}

button.toolbar-btn:disabled i,
button.toolbar-btn:disabled span,
button.toolbar-btn-xl:disabled i,
button.toolbar-btn-xl:disabled span {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: not-allowed;
}

button.toolbar-btn-xl:hover {
    padding-left: 4px;
}

button.toolbar-btn-xl i.fas.xl {
    line-height: 1;
    height: 38px;
}

button.toolbar-btn-xl span {
    font-size: 12px;
    padding-left: 7px;
}

i.fas.xl,
i.far-xl,
span.fas.xl {
    font-size: 1.5em;
}

i.fas.xl,
i.far-xl {
    line-height: 0.05em;
    vertical-align: -0.075em;
}

.toolbarIconXl {
    font-size: 22px !important;
    width: 22.5px !important;
    height: 22.5px !important;
}

.extInputSearch {
    font-size: 14px !important;
    margin: 4px 6px !important;
    font-family: 'Font Awesome 6 Pro' !important;
    position: absolute;
    color: var(--iboTypography60);
}

.inlineBtn {
    background-color: var(--netProjectBackground);
    border: none;
    color: var(--iboTypography);
    height: 20px;
    font-size: 13px;
    padding: 0 1px;
}

.inlineBtn:hover {
    background-color: var(--iboTypography20);
}

.font12Px {
    font-size: 12px !important;
}

.font16Px {
    font-size: 16px !important;
}

.vAlignMiddle {
    vertical-align: middle !important;
}

.vAlignSub {
    vertical-align: sub !important;
}

.tabberActionWrapper {
    padding: 2px 0px 5px 7px !important;
}

.posAbs {
    position: absolute;
}

.top0 {
    top: 0 !important;
}

.marginTopXl {
    margin-top: 62.5px !important;
}

.fa-caret-down {
    margin-left: 5px;
}

.doubleLine {
    border: double var(--iboTypography20);
}

.epmHeaderIcon {
    color: var(--iboTypography) !important;
    font-size: 14px !important;
    float: left;
    padding: 0 0 0 2px !important;
}

/* Override fa5 icons aus ExtJs */
.fas::before,
.fass::before,
.far::before,
.fasr::before,
.fal::before,
.fasl::before,
.fat::before,
.fast::before,
.fad::before,
.fadr::before,
.fadl::before,
.fadt::before,
.fasds::before,
.fasdr::before,
.fasdl::before,
.fasdt::before,
.fab::before,
.fa-solid::before,
.fa-regular::before,
.fa-light::before,
.fa-thin::before,
.fa-brands::before,
.fa-classic::before,
.fa-duotone::before,
.fa-sharp::before,
.fa-sharp-duotone::before,
.fa::before {
    content: var(--fa) !important;
}

.selAll::before,
.selNone::before {
    font-size: 20px;
}

.selAll.action-fa-btn:hover,
.checkAll.action-fa-btn:hover,
.toolbar-fa-btn.createPrj .toolbar-fa-icon,
.initiativenPortfolio .shiftSelectionRight:hover,
.prjVerwBody .shiftSelectionRight:hover {
    color: #1d8b15;
}

.toolbar-fa-btn.previousStep .toolbar-fa-icon,
.toolbar-fa-btn.nextStep .toolbar-fa-icon {
    color: #15498B
}

.toolbar-fa-btn.previousStep {
    margin-right: 28px;
}

.selNone.action-fa-btn:hover,
.uncheckAll.action-fa-btn:hover,
.toolbar-fa-btn.btnCancel .toolbar-fa-icon,
.initiativenPortfolio .shiftSelectionLeft:hover,
.prjVerwBody .shiftSelectionLeft:hover {
    color: #ba2214;
}

.prjVerwBody .shiftSelectionLeft,
.prjVerwBody .shiftSelectionRight {
    display: inline;
    position: relative;
    top: 2px;
    margin: 0 2px;
}

.prjVerwBody .shiftSelectionLeft::before,
.prjVerwBody .shiftSelectionRight::before {
    font-size: 20px;
}

.prjVerwBody .content {
    overflow: auto;
}

.prjVerwBody .contentframe {
    margin: 0;
    padding-top: 4px;
}

.resultsdocumentation .contentframe {
    width: calc(100% - 25px);
    padding: 5px;
}

.contentInput {
    width: 200px;
    margin-left: 0;
}

.contentInputShort {
    width: 180px;
}

.stepContainer.ui-tabs {
    margin: 4px;
    border: none;
}

.stepContainer.ui-tabs li {
    margin: 5px 5px -1px 10px;
    border: none;
    font-weight: 400;
}

.stepContainer.ui-tabs li a {
    color: var(--iboTypography);
}

.stepContainer.ui-tabs .ui-state-active a {
    border-color: var(--iboTypography20);
    font-weight: 700;
}

#EPM_PP_CUSTOMIZINGFILTER-body .x-panel-header:not(.NPExtSplitter + .x-panel-header, .NPInfoPanel > .x-panel-header),
#EPM_PROJECT_EFFORT-body .x-panel-header:not(.NPExtSplitter + .x-panel-header, .NPInfoPanel > .x-panel-header),
#MPM_BUSINESSUNIT-body .x-panel-header:not(.NPExtSplitter + .x-panel-header, .NPInfoPanel > .x-panel-header),
#MPM_IMPORT_ACTUALCOST-body .x-panel-header:not(.NPExtSplitter + .x-panel-header, .NPInfoPanel > .x-panel-header),
#MY_ABSENCES-body .x-panel-header:not(.NPExtSplitter + .x-panel-header, .NPInfoPanel > .x-panel-header) {
    background-color: var(--netProjectBackground);
    border-color: var(--netProjectBackground);
}

.prjRes .content-entry.resDiv {
    padding: 0 40px 0 0;
    margin-right: 0;
    height: 417px;
}

.prjRes .content-entry.firstLeftPadding {
    padding-left: 40px;
}

.prjVerwBody .prjResCenter>span,
select {
    top: 174px;
}

.contentFieldsetTopMargin {
    margin-top: 8px;
}

.filteredListTopMargin {
    margin-top: 6px;
}

.infoIcon:hover {
    cursor: pointer;
}

.dialogBackground {
    background: var(--netProjectBackground);
}

.dialogShadow {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}

.dialogContainer label.dialogLabel {
    cursor: pointer;
    display: inline-block;
}

.dialogContainer label.dialogLabel.on {
    color: #e85d0f;
    margin-right: -5px;
}

.dialogContainer:hover label.dialogLabel {
    color: var(--iboOrange);
}

.toggleDialog {
    position: absolute;
    z-index: 0;
    padding: 20px;
    display: none;
}

.dialogContainer:hover .toggleDialog {
    z-index: 5;
    display: block;
}

.controllingReport .toggleDialog {
    margin-left: -208px;
    margin-top: 14px;
}

@supports (-moz-appearance:none) {
    .controllingReport .toggleDialog {
        margin-left: -218px;
    }

    html.filteredList {
        scrollbar-width: thin;
        scrollbar-gutter: stable;
    }

    div.floatThead-wrapper {
        left: -10px;
    }

    div.floatThead-wrapper div.projectTableWrapper {
        width: calc(100% - 8px) !important;
        right: 0;
        border-left: 1px solid var(--netProjectBackground);
    }

    div.floatThead-wrapper div.projectTableWrapper table {
        margin-right: 10px;
        margin-left: -10px;
    }

    div.floatThead-wrapper .floatThead-table tr th:first-child {
        border-left: 10px solid var(--white);
    }

    div.floatThead-wrapper div.projectTableWrapper table tr td:first-child {
        padding-left: 14px;
    }
}

.controllingReport .dialogSwitch {
    display: inline-block;
    float: right;
    text-align: right;
    margin-right: -202px;
}

.controllingReport .dialogContainer {
    padding-left: 10px
}

.listEfforts div.fieldsetFlex {
    display: flex;
}

.listEfforts div.fieldsetFlex .fieldRight {
    width: calc(100% - 468px);
}

.listEfforts div.fieldsetFlex .fieldHeight {
    min-height: 96px;
}

.listEfforts .dialogContainer {
    padding-left: 36px;
}

.listEfforts .toggleDialog {
    margin-left: -240px;
    margin-top: -6px;
}

#categoryOption.off {
    visibility: hidden;
}

.initiativenPortfolio .headerFields {
    height: 320px;
}

.taskControlling .headerFields {
    height: 330px;
}

.taskControlling div.fieldLeft,
.initiativenPortfolio div.fieldLeft {
    float: left;
    width: 450px;
}

.taskControlling div.fieldRight,
.initiativenPortfolio div.fieldRight {
    float: left;
    margin-left: 15px;
    width: calc(100% - 475px);
}

.taskControlling div.fieldFloatRight,
.initiativenPortfolio div.fieldFloatRight,
.controllingReport div.fieldFloatRight {
    float: right;
    margin-right: 12px;
    width: calc(100% - 475px);
}

.controllingReport div.fieldFloatRight {
    width: calc(100% - 425px);
}

.taskControlling div.fieldFloatRight input.suchenInput,
.initiativenPortfolio div.fieldFloatRight input.suchenInput,
.rc-zeitraum-personen input.suchenInput,
.listEfforts input.suchenInput {
    float: right;
    width: 124px;
}

.controllingReport div.userSearchWrap {
    display: flex;
    align-items: self-start;
    justify-content: center;
    gap: 5px;
}

.controllingReport .userSearchWrap .button-search-wrap {
    margin: 0;
}

.controllingReport .userSearchWrap .button-search {
    width: 160px;
}

#divRechtgrp.saveRights {
    padding: 5px 10px;
    position: absolute;
    z-index: 999;
    background: var(--netProjectBackground);
    border: thin solid var(--iboTypography20);
    overflow: visible;
}

.iconAll {
    font-size: 11pt;
}

.abs {
    background-color: var(--netProjectBackground) !important;
}

.allIcon {
    white-space: nowrap;
    border: 1px solid;
    text-align: center;
    background-color: var(--netProjectBackground) !important;
}

.initiativenPortfolio div.fieldFloatRight select {
    padding: 3px;
    margin-bottom: 6px;
}

.taskControlling fieldset.fieldHeight,
.initiativenPortfolio fieldset.fieldHeight {
    min-height: 150px;
}

.initiativenPortfolio fieldset.pfHeight {
    min-height: 250px;
}

.taskControlling fieldset.pfHeight {
    min-height: 260px;
}

.taskControlling fieldset.filterFieldset .fixedHeight,
.initiativenPortfolio fieldset.filterFieldset .fixedHeight {
    height: 220px;
    padding-right: 20px;
    overflow: auto;
}

.taskControlling fieldset.filterFieldset .fixedWidth,
.initiativenPortfolio fieldset.filterFieldset .fixedWidth {
    width: 420px;
}

.taskControlling fieldset.filterFieldset .fixedHeight select,
.initiativenPortfolio fieldset.filterFieldset .fixedHeight select {
    padding: 0;
}

.taskControlling fieldset.fieldLeft,
.initiativenPortfolio fieldset.fieldLeft {
    width: 440px;
}

.taskControlling .text04.checkbox,
.initiativenPortfolio .text04.checkbox,
.statusMonitor .text04.checkbox {
    float: left;
    min-width: 346px;
    max-width: 346px;
    margin-top: 2px;
}

.taskControlling label.content-label-short.checkbox,
.initiativenPortfolio label.content-label-short.checkbox {
    float: left;
    display: inline-block;
    width: 61px;
}

.taskControlling label.content-label-long.checkbox,
.initiativenPortfolio label.content-label-long.checkbox,
.statusMonitor label.content-label-long.checkbox {
    width: 350px;
}

.taskControlling input.checkbox,
.initiativenPortfolio input.checkbox,
.statusMonitor input.checkbox {
    float: left;
    margin-left: -2px;
    margin-right: 8px;
}

.taskControlling .fieldFloatRight.switch.hide,
.initiativenPortfolio .fieldFloatRight.switch.hide {
    display: none;
}

.taskControlling span.menu,
.initiativenPortfolio span.menu {
    position: absolute;
    display: block;
    top: -2px;
    left: 435px;
    padding-right: 3px;
    background: var(--netProjectBackground);
}

.taskControlling fieldset .spalte,
.initiativenPortfolio fieldset .spalte {
    float: left;
}

.initiativenPortfolio #switchErsteller .selectBig {
    height: 174px;
    width: 215px;
    margin-bottom: 6px;
    padding: 3px;
}

.taskControlling #switchPersonen .selectBig,
.listEfforts #switchPersonen .selectBig,
.rc-zeitraum-personen #switchPersonen .selectBig {
    height: 124px;
    width: 215px;
    margin-bottom: 6px;
    padding: 3px;
}

.controllingReport #switchPersonen .selectBig {
    width: 215px;
    margin-bottom: 6px;
}

#switchPersonen td {
    border: 0;
}

.taskControlling .far.action-fa-icon,
.listEfforts .far.action-fa-icon,
.controllingReport .far.action-fa-icon,
.initiativenPortfolio .far.action-fa-icon,
.rc-zeitraum-personen .far.action-fa-icon,
.projectTeam .far.action-fa-icon {
    font-size: 16px;
    cursor: pointer;
    vertical-align: bottom;
}

/* controllingReport */

body.controllingReport .berichtAbschnitt,
body.protocolSearch .berichtAbschnitt {
    margin-bottom: 6px;
}

body.protocolSearch td.firstRow,
body.controllingReport td.firstRow {
    padding: 0;
}

body.protocolSearch td.firstRow span.title,
body.controllingReport td.firstRow span.title {
    display: block;
    padding: 6px;
    float: left;
    width: calc(100% - 45px);
}

body.protocolSearch span.openPdf,
body.controllingReport span.openPdf,
body.controllingReport span.openHistoryPdf {
    float: right;
    position: relative;
    padding: 6px 4px 6px 2px;
    font-size: 12px;
    cursor: pointer;
}

body.protocolSearch span.CommonIconEdit,
body.controllingReport span.CommonIconEdit {
    float: right;
}

body.controllingReport td.reportTitle,
body.protocolSearch td.reportTitle {
    font-weight: normal;
    vertical-align: top;
    width: 250px;
}

body.controllingReport td.reportContent,
body.protocolSearch td.reportContent {
    width: calc(100% - 200px);
    vertical-align: top;
}

body.controllingReport table.subTable,
body.protocolSearch table.subTable {
    min-width: 100%;
    border: 1px solid var(--netProjectBackground);
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #fff;
}

body.controllingReport table.subTable.st1,
body.controllingReport table.subTable.st2,
body.controllingReport table.subTable.st3,
body.protocolSearch table.subTable.st1,
body.protocolSearch table.subTable.st2,
body.protocolSearch table.subTable.st3 {
    min-width: 40%;
}

body.controllingReport table.subTable.st3,
body.protocolSearch table.subTable.st3 {
    min-width: 60%;
}

body.controllingReport table.subTable.st4,
body.protocolSearch table.subTable.st4 {
    min-width: 80%;
}

body.controllingReport table.subTable td,
body.protocolSearch table.subTable td {
    padding: 2px 3px;
    border: 1px solid var(--netProjectBackground) !important;
    border-collapse: collapse;
    border-spacing: 0;
}

body.protocolSearch label.content-label-short {
    width: 90px;
}

html.filteredList .buttonLineWrapper {
    min-height: 36px;
}

body.controllingReport .buttonLineWrapper select#order {
    width: 200px;
}

body.controllingReport .buttonLineWrapper div.sort {
    float: right;
    margin-left: 4px;
    margin-top: -2px;
}

html.report #headContainer div.kopfzeile {
    width: calc(100% + 13px);
}

/* selfDisclosure */

body.selfDisclosure .berichtAbschnitt {
    margin-bottom: 6px;
}

body.selfDisclosure td.firstRow {
    padding: 6px 4px !important;
}

body.selfDisclosure td.reportTitle {
    font-weight: normal;
    vertical-align: top;
    width: 160px;
}

body.selfDisclosure td.reportContent {
    width: calc(100% - 110px);
    vertical-align: top;
}

body.selfDisclosure table.subTable {
    min-width: 100%;
    border: 1px solid var(--netProjectBackground);
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #fff;
}

body.selfDisclosure table.subTable.st1,
body.selfDisclosure table.subTable.st2 {
    min-width: 40%;
}

body.selfDisclosure table.subTable.st3,
body.selfDisclosure table.subTable.st4 {
    min-width: 60%;
}

body.selfDisclosure table.subTable.st5 {
    min-width: 80%;
}

body.selfDisclosure table.subTable td {
    padding: 2px 3px;
    border: 1px solid var(--netProjectBackground) !important;
    border-collapse: collapse;
    border-spacing: 0;
}

.projectTeam .bg03.bottom {
    padding: 6px 3px !important;
}

.pq-grid {
    border-color: var(--iboTypography20) !important;
}

.scoringContentElement {
    padding-left: 5px;
}

.unsetScoringAttributeValue {
    color: red;
}

.attrValImgWrapper {
    display: inline-flex;
    justify-content: center;
    vertical-align: middle;
    margin: -4px 4px;
    max-height: 24px;
}

.attrValImgWrapper img {
    width: auto;
    max-height: 24px;
}

/* Customizing - Projekt-Scoring */
body.scoring table.attributes tr {
    background: transparent;
}

body.scoring table.attributes td {
    vertical-align: top;
    line-height: 20px;
}

body.scoring table.attributes td.paddingRight {
    padding: 0 40px 0 0;
}

body.scoring table.attributes td.paddingBottom {
    padding-bottom: 4px;
}

body.scoring table#projectScoring tr.paddingBottom td {
    padding-bottom: 3px;
    padding-top: 3px;
}

body.scoring table.attributes .iconAlignPadding {
    padding-left: 11px;
}

body.scoring table.attributes .ratingPadding {
    padding-right: 2px;
}

body.scoring table.attributes td div {
    display: inline-block;
    vertical-align: top;
}

body.scoring .noBorder {
    border: 0;
    background: transparent;
}

#projectScoring,
#projectScoring select {
    width: 100%;
}

#projectScoring thead td,
#projectScoring tbody td.label {
    font-weight: bold;
}

#projectScoring tbody tr {
    background: transparent;
}

#projectScoring thead td.label.percent,
#projectScoring tbody td.percent {
    padding-right: 10px;
    text-align: right;
}

#projectScoring tbody td.percent {
    color: #999;
}

#projectScoring thead td.label.weight,
#projectScoring tbody td.weight input {
    width: 70px;
}

#projectScoring thead td.label.percent {
    width: 45px;
}

#projectScoring select.error:focus {
    outline: none;
}

/* ibo Farbpalette */
.bgIboOrange {
    background-color: var(--iboOrange);
}

.textIboPrimaryIcon::before {
    color: #e40134;
}

.bgIboSoftwareUnit {
    background-color: var(--iboUnit);
}

.iboRange {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
    height: 8px;
}

.content-entry .iboRange {
    margin-left: 137px;
    width: 530px;
}

.iboRange:focus {
    outline: none;
}

.iboRange::-webkit-slider-runnable-track {
    background-color: #8698a1;
    border-radius: 8px;
    height: 8px;
}

.iboRange::-moz-range-track {
    background-color: #8698a1;
    border-radius: 8px;
    height: 8px;
}

.iboRange::-webkit-slider-thumb {
    -webkit-appearance: none;
    /* Override default look */
    appearance: none;
    margin-top: -4.5px;
    /* Thumb zentrieren */
    border-radius: 9px;
    background-color: #ea5b0c;
    height: 18px;
    width: 18px;
}

.iboRange:focus::-webkit-slider-thumb {
    outline: 1px solid #80197f;
    outline-offset: .5px;
}

.iboRange::-moz-range-thumb {
    border: none;
    /* Extra Firefox Border entfernen */
    margin-top: -4.5px;
    /* Thumb zentrieren */
    border-radius: 9px;
    background-color: #ea5b0c;
    height: 18px;
    width: 18px;
}

.iboRange:focus::-moz-range-thumb {
    outline: 1px solid #80197f;
    outline-offset: .5px;
}

.iboRangeLabel {
    font-size: 11px;
    font-weight: bold;
    color: var(--iboTypography);
    vertical-align: top;
}

.tableValueCellPrimary {
    background-color: rgba(55, 84, 96, 0.2);
}

.tableValueCellSecondary {
    background-color: rgba(55, 84, 96, 0.3);
}

.tableValueCellPrimaryText {
    color: var(--iboTypography);
}

.fontWeightNormal {
    font-weight: normal !important;
}

.csvIstKostenLabel {
    margin-right: 15%;
}

.headerFieldsBody {
    display: flex;
}

.headerFieldsBody.userinfo {
    width: 100%;
    justify-content: space-between;
}

.headerFieldsBody.userinfo .userinfo {
    color: gray;
}

.htmlEditor .userinfo {
    color: gray;
    font-size: 8pt;
    padding-bottom: 5px;
}

.editResultsDocumentationButton,
.deleteResultsDocumentationButton {
    padding: 0 5px;
}

.editResultsDocumentationButton.bigIcon:before,
.deleteResultsDocumentationButton.bigIcon:before {
    line-height: 20px;
}

.viewBackGround {
    background-color: var(--netProjectBackground);
    margin-left: -1%;
    margin-right: -0.3%;
    padding-left: 1%;
    padding-bottom: 1%;
}

.filterFieldsetRightElement {
    margin-top: 9px;
    border: 1px solid #808080;
    width: 100%;
}

.istKstExportFields {
    width: 50%;
}

.istKstExportFields .setWidthLabel {
    width: 170px;
}

.istKstExportFields .text01 {
    width: 186px;
}

.istKstIndividalFields .label {
    width: 170px;
}

.istKstIndividalFields .label {
    width: 170px;
}

.btnSubmitIstKosten {
    margin-top: 5px;
}

.valid :before {
    color: green;
}

.defaultIcon :before {
    color: #a4a4a4;
}

.npTaskContextMenu .x-menu-item-text-default,
.npMultiManagerContextMenu .x-menu-item-text-default {
    margin-left: 24px;
}

.npTaskContextMenu .x-menu-item-icon-default,
.npMultiManagerContextMenu .x-menu-item-icon-default {
    left: 1px;
    top: 6px;
}

.dependencyLineOverlap {
    border-color: #e40134;
}

.dependencyLinePredecessorIsAProject {
    border-color: #ea5b0c;
}

.dependencyLinePredecessorIsAMilestone {
    border-color: #80197e;
}

.tableActionIcon {
    position: relative;
    cursor: pointer;
    float: right;
    width: 16px;
    font-size: 16px !important;
    padding: 2px;
    text-decoration: none !important;
}

.tableActionIcon:hover {
    color: var(--iboOrange);
}

.taskEditIcon {
    position: relative;
    cursor: pointer;
    float: right;
    font-size: 14px;
    padding: 2px;
}

.taskIsDoneIcon {
    position: relative;
    float: right;
    font-size: 14px;
    padding: 2px;
}

.taskIsDoneIcon:before {
    color: #e85d0f;
}

.performerConflictIcon {
    position: relative;
    cursor: pointer;
    float: right;
    font-size: 15px;
    padding: 2px;
}

.performerConflictTitleIcon {
    cursor: pointer;
    font-size: 15px;
    padding: 2px;
}

.performerConflictIcon {
    position: relative;
    cursor: pointer;
    float: right;
    padding-top: 2px;
    font-size: 15px;
    padding-left: 1px;
}

.taskAttachmentIcon {
    cursor: pointer;
    position: relative;
    float: right;
    font-size: 13px;
    padding: 2px;
    padding-top: 3px;
}

.multiManagerGantt .sch-gantt-parent-cell {
    font-weight: normal;
}

.taskWrapper .sch-dependency.sch-dependency-over,
.multiManagerGantt .sch-dependency.sch-dependency-over {
    border-color: #822929;
}

.multiManagerGantt .sch-dependency-line-horizontal {
    border-width: 2px 0 0 0;
}

.multiManagerGantt .sch-dependency-line-vertical {
    border-width: 0 0 0 2px;
}

.projectIcon {
    color: var(--iboTypography);
    padding-top: 4px;
    font-size: 15px;
}

.projectIcon.hasDependencies {
    color: #ea5b0c;
}

.taskWrapper .sch-gantt-task-bar,
.taskWrapper .sch-gantt-task-segment {
    background-color: #ebeeef;
    border: 1px solid var(--iboTypography) !important;
}

.x-grid-item-selected .sch-gantt-parenttask-bar:before,
.x-grid-item-selected .sch-gantt-parenttask-bar:after,
.taskWrapper .sch-gantt-parenttask-bar:before,
.taskWrapper .sch-gantt-parenttask-bar:after,
.multiManagerGantt .sch-gantt-parenttask-bar:before,
.multiManagerGantt .sch-gantt-parenttask-bar:after {
    border-color: var(--iboTypography);
}

.taskWrapper.sch-gantt-no-task-border .sch-gantt-parenttask-bar:before {
    left: -1px;
}

.taskWrapper.sch-gantt-no-task-border .sch-gantt-parenttask-bar:after {
    right: -1px;
}

.taskWrapper .sch-gantt-parenttask-bar,
.multiManagerGantt .sch-gantt-parenttask-bar {
    background-color: var(--iboTypography) !important;
    border: 1px solid var(--iboTypography) !important;
}

.taskWrapper .sch-gantt-progress-bar {
    background-color: #6eb76e !important;
}

.multiManagerGantt .gantt-TreeMilestoneWrapper {
    height: 12px;
}

.taskWrapper .gantt-TreeMilestoneWrapper {
    height: 12px;
}

.taskWrapper .sch-gantt-milestone-diamond,
.multiManagerGantt .sch-gantt-milestone-diamond {
    border-color: #8698a1;
    background-color: #8698a1;
    box-shadow: none;
    vertical-align: middle;
}

.multiManagerGantt .sch-gantt-milestone-diamond.hasDependencies,
.taskWrapper .sch-gantt-milestone-diamond.hasDependencies {
    border-color: #ea5b0c;
    background-color: #ea5b0c;
}

.multiManagerGantt .sch-header-indicator,
.taskWrapper .sch-header-indicator {
    border: #c0087f 2px solid;
}

.taskWrapper .sch-gantt-project-line-text {
    background-color: #c0087f;
}

.taskWrapper .sch-dependency-line,
.taskWrapper .sch-dependency-arrow {
    border-color: var(--iboTypography);
}

.taskWrapper .sch-dependency-line.sch-dependency-selected,
.multiManagerGantt .sch-dependency-line.sch-dependency-selected {
    background-color: #e40134;
    border-color: #e40134;
    box-shadow: 0 0 16px 2px #e40134
}

.taskWrapper .sch-dependency-arrow.sch-dependency-selected {
    border-color: #e40134;
}

.ganttTooltipMilestoneHasDependencies {
    color: #ea5b0c;
}

.form-module button.buildJenkins:disabled,
.form-module button.buildJenkins:disabled:hover {
    cursor: not-allowed;
    opacity: 0.8;
}

.form-module button.buildJenkins,
.form-module button.buildJenkins:hover {
    background-color: black;
}

.form-module button.buildJenkins.buildInProgress,
.form-module button.buildJenkins.buildInProgress:hover {
    background-color: orange;
}

.form-module button.buildJenkins.buildSuccess,
.form-module button.buildJenkins.buildSuccess:hover {
    background-color: green;
}

.form-module button.buildJenkins.buildError,
.form-module button.buildJenkins.buildError:hover {
    background-color: red;
}

.ui-autocomplete.branchAutoComplete {
    max-height: 600px;
    width: 700px;
    overflow-y: auto;
    overflow-x: auto;
}

.alertMsg {
    max-height: 200px;
    overflow: auto;
}

a.x-btn:hover .x-btn-wrap .x-btn-button .x-btn-icon-el.btnRefreshNavigationIcon:before {
    color: var(--iboOrange);
}

.btnRefreshNavigationIcon:before {
    color: var(--iboTypography);
}

.fa-book-open-reader::before {
    content: '\f5da'
}

.fa-file-zipper::before {
    content: '\f1c6';
}

.fa-gear::before {
    content: '\f013';
}

.fa-download::before {
    content: '\f019';
}

.fa-pen-to-square::before {
    content: '\f044';
}

.fa-copy::before {
    content: '\f0c5';
}

.fa-file-export::before {
    content: '\f56e';
}

.btnEpmDocs .x-btn-inner {
    color: #4C4C4C;
}

.btnEpmDocs .x-btn-icon-el,
.btnEpmDocs .x-action-col-icon {
    color: #355461;
}

.btnEpmDocs:hover .x-btn-icon-el,
.btnEpmDocs:not(.btnEpmDocsDefaultCursor) .x-action-col-icon:hover {
    color: var(--iboOrange);
}

.btnEpmDocsDefaultCursor .x-action-col-icon {
    cursor: default;
}

.btnEpmDocsNoMargin .x-action-col-icon {
    margin: 0;
}

.btnEpmDocsActionsMargin .x-action-col-icon {
    margin-right: 5px;
}

.btnEpmDocsActionsMargin .x-action-col-icon:last-child {
    margin-right: 0;
}

.btnEpmDocsOrange .x-action-col-icon {
    color: #e85d0f;
}

#MPM_ORG-body .x-grid-row .x-tree-elbow-img,
#MPM_ORG-body .x-grid-row .x-tree-icon {
    line-height: 24px;
}

.folderEpmDocsExpanded .x-tree-icon-parent-expanded,
.folderEpmDocsClosed .x-tree-icon-parent,
.folderEpmDocsExpanded .x-tree-elbow-img,
.folderEpmDocsClosed .x-tree-elbow-img,
.extBaseGridRowExpanded .x-tree-icon-parent-expanded,
.extBaseGridRowClosed .x-tree-icon-parent,
.extBaseGridRowExpanded .x-tree-elbow-img,
.extBaseGridRowClosed .x-tree-elbow-img {
    background-image: none !important;
}

.folderEpmDocsExpanded .x-tree-icon-parent-expanded::before,
.folderEpmDocsClosed .x-tree-icon-parent::before,
.folderEpmDocsExpanded .x-tree-elbow-plus::before,
.folderEpmDocsClosed .x-tree-elbow-plus::before,
.folderEpmDocsExpanded .x-tree-elbow-end-plus::before,
.folderEpmDocsClosed .x-tree-elbow-end-plus::before,
.extBaseGridRowExpanded .x-tree-icon-parent-expanded::before,
.extBaseGridRowClosed .x-tree-icon-parent::before,
.extBaseGridRowExpanded .x-tree-elbow-plus::before,
.extBaseGridRowClosed .x-tree-elbow-plus::before,
.extBaseGridRowExpanded .x-tree-elbow-end-plus::before,
.extBaseGridRowClosed .x-tree-elbow-end-plus::before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    color: #355461;
}

.folderEpmDocsExpanded .x-tree-icon-parent-expanded::before,
.extBaseGridRowExpanded .x-tree-icon-parent-expanded::before {
    content: '\f07c';
}

.folderEpmDocsClosed .x-tree-icon-parent::before,
.extBaseGridRowClosed .x-tree-icon-parent::before {
    content: '\f07b';
}

.folderEpmDocsClosed .x-tree-elbow-plus::before,
.folderEpmDocsClosed .x-tree-elbow-end-plus::before,
.extBaseGridRowClosed .x-tree-elbow-plus::before,
.extBaseGridRowClosed .x-tree-elbow-end-plus::before {
    content: '\f0da';
}

.folderEpmDocsExpanded .x-tree-elbow-plus::before,
.folderEpmDocsExpanded .x-tree-elbow-end-plus::before,
.extBaseGridRowExpanded .x-tree-elbow-plus::before,
.extBaseGridRowExpanded .x-tree-elbow-end-plus::before {
    content: '\f0d7';
}

.epmNPFileView .x-action-col-icon {
    font-size: 16px;
}

.epmNPFileView .x-tree-icon-parent,
.epmNPFileView .x-tree-icon-parent-expanded {
    font-size: 16px;
}

.epmNPFileView .x-grid-row {
    line-height: 20px;
}

.epmNPFileView .x-btn-icon-el {
    font-size: 16px;
}

.fa-check-to-slot::before {
    content: '\f772';
}

.fas.fa-robot.CommonColor2Icon.CommonColorIconHover {
    width: 20px;
}

.extGridIconCenter {
    padding-top: 4px;
    height: 22px;
}

.expandedCollapsibleHeadRow {
    background: var(--netProjectBackground) !important;
}

.customizingCollapsibleRowsTable tr:not(:has(i.fa-angle-up)):not(:has(i.fa-angle-down)):not(:has(.noLeftPadding)) td:first-child {
    padding-left: 24px;
}

.customizingCollapsibleRowsTable tr:has(i.fa-angle-up) td:first-child,
.customizingCollapsibleRowsTable tr:has(i.fa-angle-down) td:first-child,
.customizingCollapsibleRowsTable tr:has(i.fa-angle-up):has(i.fa-angle-down) tr {
    padding-left: 0px;
}

.customizingCollapsibleRowsTable button:has(i) {
    padding-left: 6px;
    padding-right: 6px;
}

.x-form-spinner-down-default {
    font: 12px / 1 ExtJS !important;
}

.x-form-spinner-up-default {
    font: 12px / 1 ExtJS !important;
}

.x-menu-item-icon-default {
    top: 1px !important;
}

.x-keyboard-mode .x-grid-checkcolumn-cell-inner :focus {
    display: block !important;
}

.x-column-header-checkbox .x-column-header-inner,
.x-grid-checkcolumn-cell-inner {
    padding-top: 3px !important;
}

.extWindowBorderFix> :nth-child(3)> :nth-child(1) {
    border: 0;
}

.x-grid-header-ct {
    border-top-width: 0 !important;
}

.NPGantt .x-grid-header-ct .x-column-header:not(.searchCol) .x-column-header-inner,
.NPGantt .x-grid-header-ct .x-column-header:not(.searchCol) .x-column-header-text,
.NPGantt .x-grid-header-ct .x-column-header:not(.searchCol) {
    height: 56px !important;
    line-height: 56px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.NPGantt .sch-header-row,
.NPGantt .sch-header-row .sch-column-header,
.NPGantt .sch-timeaxis-header,
.NPGantt .sch-header-smaller {
    height: 28px !important;
    line-height: 28px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.NPGantt .x-grid-header-ct.x-grid-header-ct-locked .x-column-header:not(.searchCol) .x-column-header-inner,
.NPGantt .x-grid-header-ct.x-grid-header-ct-normal .x-column-header:not(.searchCol) .x-column-header-inner {
    height: 28px !important;
    line-height: 28px !important;
}

.NPGantt .x-column-header-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#MPI_GANTT #Name-titleEl {
    height: auto;
}