:root {
    --green: #fd5050; /* Buttonfarbe */
    --blue: #3fa2c1; /* Themecolor */
    --bg-grey: rgb(243,249,251); /* Hintergrundfarbe der Tabellenheader */
    --text-grey: #8E8E8E; /* z.B. Tabellenüberschriften */
    --border-grey: #ABC7DB; /* Farbe der Linien in einer Tabelle */
    --light-grey: #f5f5f5;
    --dark-grey: #575757; /* z.Bsp für einen disabled Button */
    --darker-grey: #393939; /* z.Bsp. für die Schriftfarbe der Überschriften der nicht ausgewählten Tabs im Antrag */
    --lighter-black: #393939; /* z.Bsp. Überschrift in der Pipeline */
    --light-blue: rgb(236,246,249); /* Hintergrundfarbe in der linken und rechten Spalte, z.B. unter Antragsbearbeitung */
    --box-shadow: 0 0 0 0 #e6e5e5; /* Schatten zwischen den einzelnen Elementen, z.B. beim Arbeitsplatz zwischen Aufgaben und Kundensuche */
    --border-layout-color: #ECECEC; /* Farben zwischen den einzelnen Elementen, z.B. beim Arbeitsplatz zwischen Aufgaben und Kundensuche */
}

/*********************************************************************************************/
/* Body                                                                                   */
/*********************************************************************************************/
@media only screen and (max-width: 1280px), (max-height: 600px) {
    .x-viewport > .x-body {
        overflow: scroll !important;
        position: relative;
        top: unset;
        left: unset;
    }
}

/*********************************************************************************************/
/* Cleanup                                                                                   */
/*********************************************************************************************/
body.x-border-layout-ct, div.x-border-layout-ct {
    background-color: var(--border-layout-color);
}

/*********************************************************************************************/
/* Panel                                                                                     */
/*********************************************************************************************/
.x-panel-header-default, .x-panel-header-default .x-tool-tool-el {
    background-color: white;
}

.Prokonzept-widget7-Start-Main .x-panel-header-default-horizontal.x-header-noborder {
    padding: 22px 30px 32px 30px;
}

.Prokonzept-widget7-Start-Main .x-panel-header-title-default {
    font-size: 19px;
}

.Prokonzept-widget7-Start-Main .x-panel-header-title-default {
    height: 40px;
}

.Prokonzept-widget7-Start-Main .x-form-trigger-default {
    background: transparent url(../../Js/extjs7/extjs710/build/classic/theme-crisp/resources/images/grid/hd-pop.png) no-repeat center center;
}

.x-tabpanel-child.x-panel-default .x-autocontainer-innerCt:first-of-type .x-title-item {
    font-size: 14px;
}

.x-tabpanel-child.x-panel-default .x-form-item-default.x-item-disabled .x-form-trigger-wrap {
    border: none;
    background-color: var(--light-grey);
}

.x-tabpanel-child.x-panel-default .x-form-item-default.x-item-disabled .x-form-text-default {
    background-color: var(--light-grey);
}

.x-form-display-field-body .x-form-display-field,
.x-tabpanel-child.x-panel-default .x-form-item-label-inner {
    font-size: 12px;
    font-weight: bold;
    color: var(--dark-grey);
}

/*********************************************************************************************/
/* Loading popup window                                 */
/*********************************************************************************************/
.x-mask-msg {
    background-color: var(--light-blue);
}

/*********************************************************************************************/
/* Prokon floating compoentnts which are not realy floating                                  */
/*********************************************************************************************/
.prokon-floating-component {
    box-shadow: var(--box-shadow);
    background-color: white;
}

.prokon-floating-component-round-all {
    border-radius: 5px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*********************************************************************************************/
/* Title                                                                                     */
/*********************************************************************************************/
.x-panel-header-title-default {
    color: black;
    font-weight: bold;
    font-size: 100%;
    line-height: 120%;
}

.x-tip-header-title-default > .x-title-icon-wrap-default.x-title-icon-left {
    width: 22px;
    padding-right: 6px;
}

.x-tip-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: #157fcc;
    background-position: center center;
}

/*********************************************************************************************/
/* Buttons / Tools /Tabbuttons                                                               */
/*********************************************************************************************/
.x-btn-default-small,
.x-btn-default-medium,
.x-tab.x-tab-active.x-tab-default,
.x-tab-over.x-tab-default,
.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-btn-default-toolbar-small {
    background-color: var(--green);
    border: none;
    border-radius: 10px;
}

.x-container .mailingButtongroup {
    top: 40px !important;
    height: 30px;
}

.mailforwardButton.x-btn-default-toolbar-small,
.answerButton.x-btn-default-toolbar-small {
    border: 1px solid var(--blue) !important;
    background-color: white !important;
}

.mailforwardButton .x-btn-inner-default-toolbar-small,
.answerButton .x-btn-inner-default-toolbar-small {
    color: var(--blue) !important;
}

.mailforwardButton .fa-share,
.answerButton .fa-reply {
    color: var(--blue) !important;
}

.mailforwardButton.x-btn-default-toolbar-small.x-btn-pressed,
.mailforwardButton.x-btn-default-toolbar-small.x-btn-focus,
.mailforwardButton.x-btn-over.x-btn-default-toolbar-small,
.answerButton.x-btn-default-toolbar-small.x-btn-pressed,
.answerButton.x-btn-default-toolbar-small.x-btn-focus,
.answerButton.x-btn-over.x-btn-default-toolbar-small {
    background-color: var(--green) !important;
    border: 1px solid var(--green) !important;
}

.x-keyboard-mode .mailforwardButton.x-btn-focus.x-btn-default-toolbar-small,
.x-keyboard-mode .answerButton.x-btn-focus.x-btn-default-toolbar-small {
    -webkit-box-shadow: none;
}

.mailforwardButton.x-btn-focus .x-btn-inner-default-toolbar-small,
.mailforwardButton.x-btn-pressed .x-btn-inner-default-toolbar-small,
.mailforwardButton.x-btn-over .x-btn-inner-default-toolbar-small,
.answerButton.x-btn-focus .x-btn-inner-default-toolbar-small,
.answerButton.x-btn-pressed .x-btn-inner-default-toolbar-small,
.answerButton.x-btn-over .x-btn-inner-default-toolbar-small {
    color: white !important;
}

.mailforwardButton.x-btn-focus .fa-share,
.mailforwardButton.x-btn-pressed .fa-share,
.mailforwardButton.x-btn-over .fa-share,
.answerButton.x-btn-focus .fa-reply,
.answerButton.x-btn-pressed .fa-reply,
.answerButton.x-btn-over .fa-reply {
    color: white !important;
}

.x-tab-default.x-tab-active .x-tab-close-btn {
    background-position: 0 0;
}

.x-grid-row-editor-buttons .x-btn-default-toolbar-small.x-btn-over,
.x-grid-row-editor-buttons .x-btn-default-toolbar-small.x-btn-pressed,
.x-grid-row-editor-buttons .x-btn-default-toolbar-small.x-btn-focus,
.x-grid-row-editor-buttons .x-btn-default-toolbar-small.x-btn-focus.x-btn-pressed {
    background-color: var(--blue);
    box-shadow: none;
}

.x-grid-row-editor-buttons .x-btn-default-toolbar-small.x-btn-over .x-btn-inner-default-toolbar-small,
.x-grid-row-editor-buttons .x-btn-default-toolbar-small.x-btn-over .x-btn-icon-el-default-toolbar-small {
    color: white;
}

.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small {
    border-radius: 10px;
    padding: 6px 8px;
    border: none;
}

.x-btn-default-small .x-btn-text,
.x-btn-default-medium .x-btn-text,
.x-tab.x-tab-active.x-tab-default .x-btn-text,
.x-tab-over.x-tab-default .x-btn-text {
    height: 24px;
}

.x-btn-default-toolbar-small {
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid var(--blue);
}

.x-btn-default-toolbar-small.x-btn-pressed .x-btn-inner-default-toolbar-small,
.x-btn-default-toolbar-small.x-btn-pressed .x-btn-icon-el-default-toolbar-small,
.x-btn-default-toolbar-small.x-btn-over .x-btn-inner-default-toolbar-small,
.x-btn-default-toolbar-small.x-btn-over .x-btn-icon-el-default-toolbar-small {
    color: var(--green);
}

.x-keyboard-mode .x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-focus.x-btn-default-toolbar-small,
.x-keyboard-mode .x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-menu-active.x-btn-default-toolbar-small {
    box-shadow: none;
    border: 1px solid var(--green);
    background-color: var(--green);
}

.x-keyboard-mode .x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.navigation-itemGroup-item.x-btn-focus {
    background-color: unset;
    border: none;
}

.x-keyboard-mode .x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.navigation-itemGroup-item.x-btn-focus.x-btn-pressed {
    background-color: var(--blue);
}

.x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small {
    /*border: 1px solid var(--blue);*/
}

.ux-desktop-windowbar.x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small {
    border: 1px solid var(--blue);
    height: 21px;
}

.x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.navigation-itemGroup-item {
    border: none;
    background-color: unset;
}

.x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.navigation-itemGroup-item.x-btn-pressed,
.x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.navigation-itemGroup-item.x-btn-over {
    background-color: unset;
    border: none;
}

.x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.navigation-itemGroup-item.x-btn-pressed {
    background-color: var(--blue);
}

.x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-pressed,
.x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over {
    background-color: var(--green);
    border: 1px solid var(--green);
}

.Prokonzept-widget7-Start-Antrag-Baufi .x-box-menu-body-horizontal .prokon-top-navigation-button.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-pressed,
.Prokonzept-widget7-Start-Antrag-Consult .x-box-menu-body-horizontal .prokon-top-navigation-button.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-pressed,
.Prokonzept-widget7-Start-Antrag-Credit .x-box-menu-body-horizontal .prokon-top-navigation-button.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-pressed {
    background-color: white;
    border-bottom: var(--blue) 4px solid !important;
    border-radius: 0;
}

.scoring-menu.x-menu {
    display: none !important;
}

.x-keyboard-mode .Prokonzept-widget7-Start-Antrag-Baufi .x-box-menu-body-horizontal .prokon-top-navigation-button.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-focus,
.x-keyboard-mode .Prokonzept-widget7-Start-Antrag-Consult .x-box-menu-body-horizontal .prokon-top-navigation-button.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-focus,
.x-keyboard-mode .Prokonzept-widget7-Start-Antrag-Credit .x-box-menu-body-horizontal .prokon-top-navigation-button.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-focus {
    background-color: unset;
}

.x-keyboard-mode .Prokonzept-widget7-Start-Antrag-Baufi .x-box-menu-body-horizontal .prokon-top-navigation-button.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-focus.x-btn-pressed,
.x-keyboard-mode .Prokonzept-widget7-Start-Antrag-Consult .x-box-menu-body-horizontal .prokon-top-navigation-button.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-focus.x-btn-pressed,
.x-keyboard-mode .Prokonzept-widget7-Start-Antrag-Credit .x-box-menu-body-horizontal .prokon-top-navigation-button.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-focus.x-btn-pressed {
    /*background-color: var(--blue);*/
}

.Prokonzept-widget7-Start-Antrag-Baufi .x-box-menu-body-horizontal .prokon-top-navigation-button.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over,
.Prokonzept-widget7-Start-Antrag-Consult .x-box-menu-body-horizontal .prokon-top-navigation-button.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over,
.Prokonzept-widget7-Start-Antrag-Credit .x-box-menu-body-horizontal .prokon-top-navigation-button.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over {
    background-color: unset;
}

.Prokonzept-widget7-Start-Antrag-Baufi .x-box-menu-body-horizontal .prokon-top-navigation-button.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over.x-btn-pressed,
.Prokonzept-widget7-Start-Antrag-Consult .x-box-menu-body-horizontal .prokon-top-navigation-button.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over.x-btn-pressed,
.Prokonzept-widget7-Start-Antrag-Credit .x-box-menu-body-horizontal .prokon-top-navigation-button.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over.x-btn-pressed {
    /*background-color: var(--blue);*/
}

.Prokonzept-widget7-Start-Antrag-Baufi .x-keyboard-mode .x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-focus.x-btn-default-toolbar-small,
.Prokonzept-widget7-Start-Antrag-Consult .x-keyboard-mode .x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-focus.x-btn-default-toolbar-small,
.Prokonzept-widget7-Start-Antrag-Credit .x-keyboard-mode .x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-focus.x-btn-default-toolbar-small {
    background-color: unset;
}

.Prokonzept-widget7-Start-Antrag-Baufi .x-box-menu-body-horizontal .prokon-top-navigation-button.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn,
.Prokonzept-widget7-Start-Antrag-Consult .x-box-menu-body-horizontal .prokon-top-navigation-button.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn,
.Prokonzept-widget7-Start-Antrag-Credit .x-box-menu-body-horizontal .prokon-top-navigation-button.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: white 4px solid;
}

.Prokonzept-widget7-Start-Antrag-Baufi .antrag-main-navigation-bar.x-toolbar-default .x-btn-default-toolbar-small {
    margin-right: 0px !important;
    padding: 10px 4px;
}

.antrag-main-navigation-bar.x-toolbar-default .x-btn-default-toolbar-small {
    margin: 0 !important;
    padding: 10px 3px;
}

.x-keyboard-mode .antrag-main-navigation-bar.x-toolbar-default .x-btn-focus.x-btn-default-toolbar-small .x-btn-default-toolbar-small,
.x-keyboard-mode .antrag-main-navigation-bar.x-toolbar-default .x-btn-focus.x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small,
.x-keyboard-mode .antrag-main-navigation-bar.x-toolbar-default .x-btn-focus.x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small {
    color: var(--darker-grey);
}

.x-window-default .x-toolbar.x-toolbar-docked-top.x-noborder-trl .x-btn-focus.x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small,
.x-window-default .x-toolbar.x-toolbar-docked-top.x-noborder-trl .x-btn-focus.x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small {
    color: white;
}

.x-window-default .x-toolbar.x-toolbar-docked-top.x-noborder-trl .x-btn-focus.x-btn-over.x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small,
.x-window-default .x-toolbar.x-toolbar-docked-top.x-noborder-trl .x-btn-focus.x-btn-over.x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small {
    color: var(--blue);
}

.x-keyboard-mode .antrag-main-navigation-bar.x-toolbar-default .x-btn.x-btn-pressed .x-btn-icon-el-default-toolbar-small,
.x-keyboard-mode .antrag-main-navigation-bar.x-toolbar-default .x-btn.x-btn-pressed .x-btn-inner-default-toolbar-small {
    color: var(--blue);
}

.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small .x-btn-default-toolbar-small,
.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small,
.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small {
    color: white;
}

.x-keyboard-mode .x-btn-menu-active.x-btn-default-toolbar-small .x-btn-default-toolbar-small,
.x-keyboard-mode .x-btn-menu-active.x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small,
.x-keyboard-mode .x-btn-menu-active.x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small {
    color: white;
}

.x-btn-inner-default-toolbar-small,
.x-btn-icon-el-default-toolbar-small {
    color: var(--green);
}


.x-btn.x-btn-menu-active.x-btn-default-toolbar-small, .x-btn.x-btn-pressed.x-btn-default-toolbar-small {
    background-color: white;
}

.x-btn.x-btn-pressed.x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small,
.x-btn.x-btn-pressed.x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small {
    color: white;
}

.x-keyboard-mode .x-btn-focus.x-btn-default-small,
.x-keyboard-mode .x-btn-focus.x-btn-default-medium {
    background-color: var(--green);
    border: none;
}

.Prokonzept-widget7-KundenTable .x-btn-button-default-small.x-btn-no-text {
    padding: 0 6px;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel-KundeFormPanel .fa-check.x-toolbar-item {
    visibility: hidden;
    margin-right: 20px !important;
    font-size: 15px;
    color: var(--green);
    display: flex;
    align-items: center;
    justify-content: center;
}

.x-keyboard-mode .x-mask.x-focus {
    border: none;
}

.Prokonzept-widget7-KundenTable .x-btn-icon.x-btn-no-text.x-btn-button-default-small {
    height: 34px;
}

.x-container.x-box-item.x-container-default, .x-panel-body-default {
    border-radius: 5px;
}

.x-tab-bar-default .x-tab.x-tab-default .x-tab-inner-default {
    color: var(--darker-grey);
    overflow: initial;
}

.x-tab-bar-default .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: var(--blue);
    font-weight: bold;
}

.x-tab-bar-default .x-tab.x-tab-over.x-tab-default .x-tab-inner-default {
    color: var(--blue);
}

.x-tab-bar-default .x-tab.x-tab-active.x-tab-default {
    border-bottom: var(--blue) 3px solid !important;
    border-radius: 0;
}

.x-keyboard-mode .x-tab-focus.x-tab-active.x-tab-default,
.x-keyboard-mode .x-tab-over.x-tab-active.x-tab-default,
.x-keyboard-mode .x-tab-over.x-tab-focus.x-tab-default,
.x-keyboard-mode .x-tab-default-top.x-tab-focus {
    border: none;
    background-color: unset;
    box-shadow: none;
}

.Prokonzept-widget7-KundenTable .x-btn-icon.x-btn-no-text.x-btn-button-default-small:after {
    /*content: 'Suchen';*/
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding: 0 5px;
}

.x-btn.x-btn-menu-active.x-btn-default-small, .x-btn.x-btn-pressed.x-btn-default-small,
.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-btn.x-btn-pressed.x-btn-default-toolbar-small,
.x-btn.x-btn-menu-active.x-btn-default-medium, .x-btn.x-btn-pressed.x-btn-default-medium {
    background-color: var(--blue);
    border: none;
    box-shadow: none;
}

.btnSchlicht .x-btn.x-btn-menu-active.x-btn-default-small, .x-btn.x-btn-pressed.x-btn-default-small,
.btnSchlicht .x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-btn.x-btn-pressed.x-btn-default-toolbar-small,
.btnSchlicht .x-btn.x-btn-menu-active.x-btn-default-medium, .x-btn.x-btn-pressed.x-btn-default-medium {
    background-color: unset;
    border: none;
    box-shadow: none !important;
}

.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-btn-inner-default-toolbar-small,
.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-btn-icon-el-default-toolbar-small {
    color: white;
}

.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-btn.x-btn-over.x-btn-default-toolbar-small,
.x-btn-over.x-btn-default-small,
.x-btn-over.x-btn-default-medium {
    background-color: var(--blue);
    border: none;
}

.x-btn.x-btn-disabled.x-btn-default-small {
    background-color: var(--dark-grey);
}

.x-btn-inner-default-small {
    font-size: 14px;
    font-weight: bold;
}

.x-btn-button-default-small {
    padding: 0 6px;
}

.x-btn-button-default-small.x-btn-no-text {
    padding: 0;
}

.x-tool-tool-el {
    color: var(--green);
}

.x-toolbar-default {
    border-color: transparent;
}

.x-datepicker {
    background-color: white;

}

.x-datepicker .x-datepicker-arrow {
    top: 16px;
}

.x-datepicker .x-datepicker-month .x-btn-over {
    background-color: unset;
}

.x-datepicker .x-datepicker-today {
    border-color: var(--blue);
}

.x-datepicker .x-datepicker-footer {
    padding: 0;
}

.x-datepicker .x-datepicker-footer .x-btn {
    margin: 0;
    padding: 0;
    border-radius: 0;
    width: 100%;
}

.x-datepicker .x-datepicker-selected {
    border: none;
}

.x-datepicker .x-datepicker-month .x-btn-inner {
    color: var(--blue);
}

.x-datepicker .x-datepicker-selected div.x-datepicker-date {
    background-color: var(--blue);
    color: white;
}

.Prokonzept-Form-Widgets7-Calendar-Panel .x-toolbar-item.x-container-default + .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small,
.Prokonzept-widget7-Provisions-Invoice .x-toolbar-separator-horizontal + .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small,
.Prokonzept-Form-Widgets7-Administration-Emailvorlagen-Statusmails .x-toolbar-separator-horizontal + .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small,
.Prokonzept-Form-Widgets7-Administration-Emailvorlagen-Statusmails .x-tabpanel-child.x-panel-default.x-closable .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small,
.Prokonzept-Form-Widgets7-TabPanel-Base .x-toolbar-docked-bottom .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small:last-of-type,
.Prokonzept-widget7-SummaryEntireLoanTermPanel .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small,
.Prokonzept-widget7-DevelopmentLoansChartPanel .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small,
.Prokonzept-widget7-SchnellerfassungsMaske .Prokonzept-widget7-FinancingDataTable-VariantSwitcher > .x-panel-bodyWrap > .x-toolbar.x-docked.x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small:last-of-type,
.x-btn-group-default-framed .x-btn-group-body .x-btn.x-unselectable.x-box-item.x-btn-default-toolbar-small {
    background-color: var(--green);
    border: 1px solid var(--green);
}

.Prokonzept-Form-Widgets7-Calendar-Panel .x-toolbar-item.x-container-default + .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over,
.x-keyboard-mode .Prokonzept-Form-Widgets7-Calendar-Panel .x-toolbar-item.x-container-default + .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-pressed,
.Prokonzept-widget7-Provisions-Invoice .x-toolbar-separator-horizontal + .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over,
.x-keyboard-mode .Prokonzept-widget7-Provisions-Invoice .x-toolbar-separator-horizontal + .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-pressed,
.Prokonzept-Form-Widgets7-Administration-Emailvorlagen-Statusmails .x-toolbar-separator-horizontal + .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over,
.x-keyboard-mode .Prokonzept-Form-Widgets7-Administration-Emailvorlagen-Statusmails .x-toolbar-separator-horizontal + .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-pressed,
.Prokonzept-Form-Widgets7-Administration-Emailvorlagen-Statusmails .x-tabpanel-child.x-panel-default.x-closable .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over,
.x-keyboard-mode .Prokonzept-Form-Widgets7-Administration-Emailvorlagen-Statusmails .x-tabpanel-child.x-panel-default.x-closable .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-pressed,
.Prokonzept-Form-Widgets7-TabPanel-Base .x-toolbar-docked-bottom .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over:last-of-type,
.x-keyboard-mode .Prokonzept-Form-Widgets7-TabPanel-Base .x-toolbar-docked-bottom .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-pressed:last-of-type,
.Prokonzept-widget7-SummaryEntireLoanTermPanel .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over,
.x-keyboard-mode .Prokonzept-widget7-SummaryEntireLoanTermPanel .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-pressed,
.Prokonzept-widget7-SummaryEntireLoanTermPanel .x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-focus.x-btn-default-toolbar-small,
.Prokonzept-widget7-DevelopmentLoansChartPanel .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over,
.x-keyboard-mode .Prokonzept-widget7-DevelopmentLoansChartPanel .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-pressed,
.Prokonzept-widget7-DevelopmentLoansChartPanel .x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-focus.x-btn-default-toolbar-small,
.Prokonzept-widget7-SchnellerfassungsMaske .Prokonzept-widget7-FinancingDataTable-VariantSwitcher > .x-panel-bodyWrap > .x-toolbar.x-docked.x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small:last-of-type.x-btn-over,
.x-keyboard-mode .Prokonzept-widget7-SchnellerfassungsMaske .Prokonzept-widget7-FinancingDataTable-VariantSwitcher > .x-panel-bodyWrap > .x-toolbar.x-docked.x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small:last-of-type.x-btn-pressed,
.Prokonzept-widget7-SchnellerfassungsMaske .Prokonzept-widget7-FinancingDataTable-VariantSwitcher > .x-panel-bodyWrap > .x-toolbar.x-docked.x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small:last-of-type.x-btn-focus.x-btn-default-toolbar-small,
.x-btn-group-default-framed .x-btn-group-body .x-btn.x-unselectable.x-box-item.x-btn-default-toolbar-small.x-btn-over,
.x-keyboard-mode .x-btn-group-default-framed .x-btn-group-body .x-btn.x-unselectable.x-box-item.x-btn-default-toolbar-small.x-btn-pressed,
.x-btn-group-default-framed .x-btn-group-body .x-btn.x-unselectable.x-box-item.x-btn-default-toolbar-small.x-btn-focus {
    background-color: var(--blue);
    border: 1px solid var(--blue);
}

.Prokonzept-Form-Widgets7-Calendar-Panel .x-toolbar-item.x-container-default + .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small,
.Prokonzept-Form-Widgets7-Calendar-Panel .x-toolbar-item.x-container-default + .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small,
.Prokonzept-widget7-Provisions-Invoice .x-toolbar-separator-horizontal + .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small,
.Prokonzept-widget7-Provisions-Invoice .x-toolbar-separator-horizontal + .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small,
.Prokonzept-Form-Widgets7-Administration-Emailvorlagen-Statusmails .x-toolbar-separator-horizontal + .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small,
.Prokonzept-Form-Widgets7-Administration-Emailvorlagen-Statusmails .x-toolbar-separator-horizontal + .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small,
.Prokonzept-Form-Widgets7-Administration-Emailvorlagen-Statusmails .x-tabpanel-child.x-panel-default.x-closable .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small,
.Prokonzept-Form-Widgets7-Administration-Emailvorlagen-Statusmails .x-tabpanel-child.x-panel-default.x-closable .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small,
.Prokonzept-Form-Widgets7-TabPanel-Base .x-toolbar-docked-bottom .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small:last-of-type .x-btn-inner-default-toolbar-small,
.Prokonzept-Form-Widgets7-TabPanel-Base .x-toolbar-docked-bottom .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small:last-of-type .x-btn-icon-el-default-toolbar-small,
.Prokonzept-widget7-SummaryEntireLoanTermPanel .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small,
.Prokonzept-widget7-SummaryEntireLoanTermPanel .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small,
.Prokonzept-widget7-DevelopmentLoansChartPanel .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small,
.Prokonzept-widget7-DevelopmentLoansChartPanel .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small,
.Prokonzept-widget7-SchnellerfassungsMaske .Prokonzept-widget7-FinancingDataTable-VariantSwitcher > .x-panel-bodyWrap > .x-toolbar.x-docked.x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small:last-of-type .x-btn-inner-default-toolbar-small,
.Prokonzept-widget7-SchnellerfassungsMaske .Prokonzept-widget7-FinancingDataTable-VariantSwitcher > .x-panel-bodyWrap > .x-toolbar.x-docked.x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small:last-of-type .x-btn-icon-el-default-toolbar-small,
.x-btn-group-default-framed .x-btn-group-body .x-btn.x-unselectable.x-box-item.x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small,
.x-btn-group-default-framed .x-btn-group-body .x-btn.x-unselectable.x-box-item.x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small {
    color: white;
}

.x-btn-group-default-framed .x-btn-group-body .x-btn.x-unselectable.x-box-item.x-btn-default-toolbar-small {
    padding-right: 0px !important;
    margin-right: 4px !important;
    position: relative !important;
    left: unset !important;
    overflow: inherit;
}

div[id^="buttongroup"] {
    display: inline-flex;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-left: 0;
}

.Prokonzept-widget7-PaymentConditions-Table .x-btn-button-default-small,
.Prokonzept-widget7-Antrag-Daten-Antragsdaten .x-btn-button-default-small {
    padding: 0 3px;
}

.Prokonzept-widget7-PaymentConditions-Table .x-grid-with-row-lines .x-grid-item.x-grid-item-selected .x-btn-default-small,
.Prokonzept-widget7-Antrag-Daten-Antragsdaten .x-grid-with-row-lines .x-grid-item.x-grid-item-selected .x-btn-default-small {
    background-color: var(--green);
}

.Prokonzept-widget7-PaymentConditions-Table .x-btn-default-small .x-btn-inner-default-small,
.Prokonzept-widget7-Antrag-Daten-Antragsdaten .x-btn-default-small .x-btn-inner-default-small {
    font-size: 13px;
    overflow: inherit;
}

/* schlichter Button - Passwort vergessen*/
.btnSchlicht,
.btnSchlicht:hover,
.btnSchlicht:focus,
.btnSchlicht:active {
    background:none;
    border:none;
    margin:0;
    padding:0;
    cursor: pointer;
    color: red !important;
}

.btnSchlicht span {
    color: #666666 !important;
    font-size: unset;
    font-weight: unset;
}

/*********************************************************************************************/
/* Eli-Buttons                                                                               */
/*********************************************************************************************/

.Prokonzept-Form-Widgets7-BankProducts .x-btn.x-unselectable.x-btn-default-small {
    background-color: var(--green);
    border-radius: 4px;
    border: 1px solid var(--green);
}

.Prokonzept-Form-Widgets7-BankProducts .x-leaf-column-header .x-column-header-trigger,
.Prokonzept-Form-Widgets7-BankProducts .x-leaf-column-header-over .x-column-header-trigger {
    background: none;
    display: flex;
    align-items: center;
}

.Prokonzept-Form-Widgets7-BankProducts .x-column-header-trigger:before {
    content: '\f0b0';
    color: var(--text-grey);
    font-family: 'Font Awesome 5 Free';
}

.Prokonzept-Form-Widgets7-BankProducts .x-grid-header-ct .x-box-inner {
    height: 40px !important;
}

.Prokonzept-Form-Widgets7-BankProducts .x-grid-header-ct .x-box-inner .x-column-header {
    height: 40px;
}

.Prokonzept-Form-Widgets7-BankProducts .x-column-header:nth-of-type(2),
.Prokonzept-Form-Widgets7-BankProducts .x-column-header:nth-of-type(3) {
    display: flex;
}

.Prokonzept-Form-Widgets7-BankProducts .x-column-header:nth-of-type(2) .x-column-header-text-container,
.Prokonzept-Form-Widgets7-BankProducts .x-column-header:nth-of-type(3) .x-column-header-text-container {
    border-right: none;
}

.Prokonzept-Form-Widgets7-BankProducts .x-column-header:nth-of-type(2):after,
.Prokonzept-Form-Widgets7-BankProducts .x-column-header:nth-of-type(3):after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 56%;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    border-right: 1px solid var(--border-grey);
}

.Prokonzept-Form-Widgets7-BankProducts .x-column-header:nth-of-type(2) .x-form-item,
.Prokonzept-Form-Widgets7-BankProducts .x-column-header:nth-of-type(3) .x-form-item {
    display: none;
}

.Prokonzept-widget7-PaymentConditions-Table .x-grid-item-container .x-grid-cell-inner-morefunctioncolumn {
    height: 45px !important;
}

.Prokonzept-Form-Widgets7-BankProducts .x-btn.x-unselectable.x-btn-default-small .x-btn-button.x-btn-button-default-small.x-btn-text.x-btn-icon.x-btn-icon-left.x-btn-button-center {
    padding: 0px;
}

.Prokonzept-Form-Widgets7-BankProducts .x-btn.x-unselectable.x-btn-default-small.x-btn-over {
    background-color: var(--blue);
    border: 1px solid var(--blue);
}

.Prokonzept-Form-Widgets7-BankProducts .x-btn-default-small .x-btn-text {
    height: 18px;
}

/*********************************************************************************************/
/* Left and Right navigation                                                                 */
/*********************************************************************************************/

.navigation-itemGroup .x-panel-bodyWrap,
.navigation-itemGroup .x-panel-bodyWrap .navigation-toolbar-action,
.navigation-itemGroup .navigation-itemGroup-body {
    background-color: #f7f7f7;
}

.navigation-accordion .navigation-itemGroup-header.x-accordion-hd {
    border-color: transparent;
    border-right: 4px solid var(--green);
    padding: 0;
    z-index: 100;
}

.navigation-itemGroup.email .x-panel-bodyWrap {
    background-color: var(--light-blue);
    position: relative !important;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.navigation-itemGroup.email .x-panel-bodyWrap::-webkit-scrollbar {
    display: none;
}

.navigation-itemGroup.email .x-title-text.x-title-text-default.x-title-item {
    padding-right: 30px;
}

.navigation-itemGroup.email .navigation-toolbar-action {
    height: 0;
}

.navigation-itemGroup.email .navigation-toolbar-action.expanded {
    height: unset;
}

.navigation-itemGroup.email .navigation-toolbar-action:first-of-type {
    height: unset;
}

.navigation-itemGroup.email .navigation-toolbar-action:first-of-type .x-box-inner .x-btn-wrap .x-btn-inner-default-toolbar-small {
    margin-left: 0 !important;
}

.navigation-itemGroup.email .navigation-toolbar-action.expanded:first-of-type .x-btn-inner-default-toolbar-small:before {
    content: '\f077';
}

.navigation-itemGroup.email .navigation-toolbar-action:first-of-type .x-btn-inner-default-toolbar-small:before {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    margin-right: 20px;
    font-size: 11px;
}

.navigation-accordion .navigation-itemGroup-header.x-accordion-hd.x-collapsed.x-panel-header-collapsed {
    border-color: white;
}

.navigation-itemGroup-header .x-box-inner .x-title.x-panel-header-title {
    padding-left: 20px;
}

.navigation-accordion .x-panel-header-title-default > .x-title-icon-wrap-default.x-title-icon-left {
    padding-right: 0;
    vertical-align: bottom;
}

.navigation-accordion .x-panel-header-title-default .x-panel-header-default-collapsed.x-panel-header-collapsed-top.x-panel-header-default-collapsed-top > .x-title-icon-wrap-default.x-title-icon-left .x-title-icon {
    color: var(--text-grey);
}

.navigation-accordion .x-panel-header-title-default > .x-title-text.x-title-text-default.x-title-item {
    padding-left: 15px;
    font-size: 14px;
}

.navigation-accordion .navigation-itemGroup-header .x-tool-collapse-top,
.navigation-accordion .navigation-itemGroup-header .x-tool-expand-bottom {
    font-size: 11px;
    opacity: 1;
}

.navigation-accordion .navigation-itemGroup-header .x-tool-after-title {
    margin-left: -15px !important;
}

.navigation-accordion .navigation-itemGroup-header .x-tool-collapse-top:before,
.navigation-accordion .navigation-itemGroup-header .x-tool-expand-bottom:before {
    vertical-align: sub;
}

/*Hauptnavi-Punkte nicht aktiv*/
.navigation-itemGroup-header .x-panel-header-title-default,
.navigation-itemGroup-header .x-panel-header-title-default .x-title-icon-default,
.navigation-itemGroup-header .x-tool-collapse-top,
.navigation-itemGroup-header .x-tool-expand-bottom {
    color: var(--blue);
}

.navigation-accordion .navigation-itemGroup .x-panel-bodyWrap .navigation-toolbar-action,
.navigation-accordion .navigation-itemGroup .navigation-itemGroup-body,
.navigation-accordion .navigation-itemGroup .x-panel-bodyWrap .navigation-toolbar-action,
.navigation-accordion .navigation-itemGroup .navigation-itemGroup-body .x-autocontainer-innerCt {
    background-color: var(--light-blue);
    padding: 0;
}

.navigation-accordion .navigation-itemGroup .x-panel-bodyWrap .navigation-toolbar-action:first-of-type {
    box-shadow: 0 0 2px 1px #ececec;
}

.navigation-accordion .navigation-itemGroup .x-panel-bodyWrap .navigation-toolbar-action .x-btn-inner-default-toolbar-small {
    color: black;
    margin-left: 31px !important;
    font-size: 14px;
}

.navigation-accordion .navigation-itemGroup .x-panel-bodyWrap .navigation-toolbar-action .x-btn-over .x-btn-inner-default-toolbar-small {
    color: var(--blue);
}

.navigation-accordion .navigation-itemGroup .x-panel-bodyWrap .navigation-toolbar-action .x-btn-pressed .x-btn-inner-default-toolbar-small {
    color: white;
}

.navigation-accordion .x-toolbar.navigation-toolbar-action.x-toolbar-top {
    padding: 0;
    margin-top: 20px;
}

.navigation-accordion #navigation-desktop .x-btn-inner {
    margin-left: 15px !important;
    font-size: 14px !important;
}

.navigation-accordion #navigation-desktop * {
    color: var(--green);
}

.navigation-accordion #navigation-desktop.x-btn.x-btn-pressed * {
    color: white;
}

.navigation-accordion .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-toolbar-small.fas.fa-home {
    display: block;
}

.navigation-accordion .x-btn.x-btn-disabled.x-btn-default-toolbar-small {
    opacity: 1;
    background-color: var(--light-blue);
}

.x-mask-msg-text {
    background-image: url("../../Resources/crispIcons/loadingCrisp.gif");
    background-size: 18px;
}

.navigation-accordion .x-toolbar-default .navigation-itemGroup-item.x-btn.x-btn-pressed {
    background-color: var(--blue);
}

.navigation-accordion .x-toolbar-default .navigation-itemGroup-item.x-btn ~ .x-btn-default-toolbar-small {
    background-color: unset;
    border: 0;
    margin-left: -10px !important;
}

.navigation-accordion .x-toolbar-default .navigation-itemGroup-item.x-btn ~ .x-btn-default-toolbar-small .fa-times-circle {
    color: var(--blue);
    font-size: 11px;
}

.navigation-accordion .x-toolbar-default .navigation-itemGroup-item.x-btn-pressed ~ .x-btn-default-toolbar-small .fa-times-circle {
    color: white;
}

.navigation-accordion .x-toolbar-default .navigation-itemGroup-item.x-btn ~ .x-btn-default-toolbar-small .fa-times-circle:before {
    content: '\f00d' !important;
    font-size: 15px;
    vertical-align: sub;
}

.navigation-accordion .x-toolbar-default .navigation-itemGroup-item.x-btn {
    width: 100% !important;
    padding: 9px 10px 9px 20px;
    border-radius: 0;
    background-color: unset;
}

.navigation-accordion .x-toolbar.navigation-toolbar-action.x-toolbar-top .navigation-itemGroup-item.x-btn {
    padding: 12px 10px 12px 22px;
}

/*Navi-Unterpunkte aktiv*/
.navigation-itemGroup-item.x-btn.x-btn-pressed .x-btn-inner-default-toolbar-small,
.navigation-itemGroup-item.x-btn.x-btn-pressed .x-btn-icon-el-default-toolbar-small {
    font-weight: bold;
    color: white;
}

/*Navi-Unterpunkte Mouseover*/
.navigation-itemGroup-item.x-btn-over .x-btn-inner-default-toolbar-small,
.navigation-itemGroup-item.x-btn-over .x-btn-icon-el-default-toolbar-small {
    font-weight: bold;
    color: var(--green);
}

.navigation-accordion:last-of-type .x-btn-wrap-default-toolbar-small.x-btn-split-right:after {
    border: none;
    display: block;
    cursor: pointer;
    margin-right: 7px;
    background: transparent url('../../Js/extjs7/extjs710/build/classic/theme-crisp/resources/images/grid/hd-pop.png') no-repeat center center;
}

.navigation-accordion:last-of-type > div[role='toolbar'] .x-title-item {
    display: none;
}

.navigation-accordion:last-of-type .x-form-text-field-body-default {
    padding: 4px;
}

.navigation-accordion:last-of-type .x-form-trigger-wrap-default.x-form-trigger-wrap-invalid,
.navigation-accordion:last-of-type .x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
    border-color: #cfcfcf;
}

.navigation-accordion:last-of-type .x-form-trigger-wrap-default,
.navigation-accordion:last-of-type .form-text-default {
    padding: 0;
}

.navigation-accordion:last-of-type .x-form-trigger-wrap-default .x-form-text.x-form-text-default {
    padding: 6px !important;
}

.x-form-item-default.x-item-disabled .x-form-text-default {
    background-color: white;
}

.x-panel-default.navigation-accordion:nth-of-type(4) .x-form-item-default.x-item-disabled .x-form-text-default {
    padding: 0;
    background-color: inherit;
}

/********************************************************************************************/
/* Menu Navigation                                                                         */
/********************************************************************************************/
.x-treelist-nav {
    /*margin-top: 20px;*/
    background-color: white;
}

.x-treelist-nav .x-treelist-toolstrip {
    background-color: white;
}

.x-treelist-nav .x-treelist-item-text {
    font-size: 14px;
}

.x-treelist-nav .x-treelist-item-expanded {
    background-color: var(--light-blue);
}

.x-treelist-nav .x-treelist-row-over:before, .x-treelist-nav .x-treelist-item-selected > .x-treelist-row:before {
    right: 0;
    left: unset;
}

.x-treelist-nav .x-treelist-item-expanded > .x-treelist-row:before {
    content: " ";
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 6px;
    height: 100%;
}


.x-treelist-nav .x-treelist-item-selected > .x-treelist-row:before {
    background-color: unset;
}

.x-treelist-nav .x-treelist-root-container > .x-treelist-item-expanded > .x-treelist-row:before {
    background-color: var(--green)
}

.x-treelist-nav .x-treelist-row-over:before {
    background-color: unset;
}

.x-treelist-nav .x-treelist-item-expanded > .x-treelist-row,
.x-treelist-nav .x-treelist-item-floated > .x-treelist-row {
    background-color: white;
}

.x-treelist-nav .x-treelist-item-selected > .x-treelist-row,
.x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool {
    background-color: var(--blue);
}

.x-treelist-nav .x-treelist-item-wrap * {
    color: black;
}

.x-treelist-nav .x-treelist-item-wrap {
    margin-left: 0 !important;
}

.x-treelist-nav .x-treelist-item-floated .x-treelist-item-wrap {
    margin-left: 24px !important;
}

.x-treelist-nav .first-navigation-item .x-treelist-item-wrap * {
    color: var(--green);
}

.x-treelist-nav .x-treelist-row-over {
    background-color: inherit;
}

.x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-text,
.x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-expander,
.x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-icon,
.x-treelist-highlight-path .x-treelist-item-over > * > * > .x-treelist-item-icon,
.x-treelist-nav .x-treelist-item-expandable.tree-list-item-selectable .x-treelist-row-over > * > .x-treelist-item-text,
.x-treelist-nav .x-treelist-item-expandable.tree-list-item-selectable .x-treelist-row-over > * > .x-treelist-item-expander,
.x-treelist-nav .x-treelist-item-expandable.tree-list-item-selectable .x-treelist-row-over > * > .x-treelist-item-icon {
    font-weight: bold;
    color: var(--blue);
}

.x-treelist-nav .first-navigation-item .x-treelist-row-over > * > .x-treelist-item-text,
.x-treelist-nav .first-navigation-item .x-treelist-row-over > * > .x-treelist-item-expander,
.x-treelist-nav .first-navigation-item .x-treelist-row-over > * > .x-treelist-item-icon,
.x-treelist-highlight-path .x-treelist-item-over.first-navigation-item > * > * > .x-treelist-item-icon {
    color: var(--green);
}

.x-treelist-nav .x-treelist-item-selected > .x-treelist-row .x-treelist-item-wrap * {
    color: white !important;
    font-weight: bold !important;
}

.x-treelist-nav .x-treelist-item-expandable > .x-treelist-row .x-treelist-item-wrap *,
.x-treelist-nav .x-treelist-item-tool {
    color: black;
    font-weight: normal;
}

.x-treelist-nav.x-treelist-floater {
    width: 250px !important;
    box-shadow: 4px 4px 4px var(--dark-grey);
}

.x-treelist-nav .x-treelist-item-expander:after {
    content: '\f078';
}

.x-treelist-nav .x-treelist-item-expanded > * > * > .x-treelist-item-expander:after {
    content: '\f077';
}

.x-treelist-nav .x-treelist-item-close-icon:hover {
    color: var(--green) !important;
}

/*var(--blue)*/
/*********************************************************************************************/
/* Top antrag main navigation                                                                */
/*********************************************************************************************/

.antrag-main-navigation-bar.x-toolbar-default {
    padding: 0;
}

.antrag-main-navigation-bar.x-toolbar-default .x-box-target {
    display: flex;
    justify-content: left;
    width: 100% !important;
}

@media only screen and (min-width: 1191px) {
    .Prokonzept-widget7-Start-Antrag-Baufi .antrag-main-navigation-bar .x-btn-default-toolbar-small.x-unselectable.x-box-menu-after {
        display: none !important;
    }

    .Prokonzept-widget7-Start-Antrag-Baufi .antrag-main-navigation-bar.x-toolbar-default .x-btn-default-toolbar-small {
        display: block !important;
    }
}

@media only screen and (max-width: 1190px) {
    .Prokonzept-widget7-Start-Antrag-Baufi .antrag-main-navigation-bar.x-toolbar-default .x-btn-default-toolbar-small {
        padding: 10px 4px !important;
    }

    .Prokonzept-widget7-Start-Antrag-Baufi .antrag-main-navigation-bar.x-toolbar-default {
        display: inline-flex;
    }

    .Prokonzept-widget7-Start-Antrag-Baufi .antrag-main-navigation-bar.x-toolbar-default .x-btn-default-toolbar-small:last-of-type {
        margin-right: 8px !important;
        top: 0 !important;
    }
}

.antrag-main-navigation-bar.x-toolbar-default .x-btn-default-toolbar-small,
.antrag-sub-navigation .x-box-scroller-body-vertical,
.x-box-scroller-body-horizontal .x-box-target .x-box-item {
    background-color: unset;
    padding: 10px 16px;
    margin-right: 15px !important;
    border: none;
}

.Prokonzept-widget7-Start-Antrag-Baufi .antrag-main-navigation-bar.x-toolbar-default .x-btn-default-toolbar-small,
.Prokonzept-widget7-Start-Antrag-Baufi .antrag-sub-navigation .x-box-scroller-body-vertical,
.Prokonzept-widget7-Start-Antrag-Baufi .x-box-scroller-body-horizontal .x-box-target .x-box-item {
    min-width: fit-content;
    position: relative !important;
    left: 0 !important;
}

.antrag-sub-navigation .x-box-scroller-body-vertical, .x-box-scroller-body-horizontal .x-box-target .x-box-item:last-of-type {
    margin: 0 !important;
}

.antrag-main-navigation-bar.x-toolbar-default .x-btn-inner-default-toolbar-small,
.antrag-main-navigation-bar.x-toolbar-default .x-btn-icon-el-default-toolbar-small {
    color: var(--darker-grey);
}

.prokon-top-navigation-button,
.prokon-top-navigation-button.x-btn.x-btn-pressed,
.prokon-top-navigation-button.x-btn-over {
    background-color: transparent;
    border: 0;
}

.prokon-top-navigation-button, .prokon-top-navigation-button.x-btn.x-btn-pressed, .x-btn-inner-default-toolbar-small {
    font-size: 14px;
}

.prokon-top-navigation-button.x-btn.x-btn-pressed,
.prokon-top-navigation-button.x-btn-over {
    box-shadow: none !important;
}

.prokon-top-navigation-button.x-btn.x-btn-pressed .x-btn-inner-default-toolbar-small,
.prokon-top-navigation-button.x-btn.x-btn-pressed .x-btn-icon-el-default-toolbar-small,
.prokon-top-navigation-button.x-btn-over .x-btn-inner-default-toolbar-small,
.prokon-top-navigation-button.x-btn-over .x-btn-icon-el-default-toolbar-small {
    color: var(--blue);
}

/*********************************************************************************************/
/* Reporting table                                                                  */
/*********************************************************************************************/

.Prokonzept-widget7-Statistik-Umsatzauswertung .x-toolbar-item.x-btn-default-toolbar-small.x-btn-over,
.Prokonzept-widget7-Statistik-Umsatzauswertung .x-toolbar-item.x-btn-default-toolbar-small.x-btn-focus,
.Prokonzept-widget7-Statistik-Umsatzauswertung-Bausparen .x-toolbar-item.x-btn-default-toolbar-small.x-btn-over,
.Prokonzept-widget7-Statistik-Umsatzauswertung-Bausparen .x-toolbar-item.x-btn-default-toolbar-small.x-btn-focus {
    background-color: var(--blue);
}

.Prokonzept-widget7-Statistik-Umsatzauswertung .x-box-scroller-body-horizontal .x-box-target .x-box-item,
.Prokonzept-widget7-Statistik-Umsatzauswertung-Bausparen .x-box-scroller-body-horizontal .x-box-target .x-box-item {
    padding: 3px;
    margin-right: 6px !important;
}

.Prokonzept-widget7-Statistik-Umsatzauswertung .x-box-scroller-body-horizontal .x-box-target .x-box-item.x-toolbar-item.x-panel-default,
.Prokonzept-widget7-Statistik-Umsatzauswertung .x-box-scroller-body-horizontal .x-box-target .x-box-item.x-toolbar-item.x-panel-default .x-form-item,
.Prokonzept-widget7-Statistik-Umsatzauswertung-Bausparen .x-box-scroller-body-horizontal .x-box-target .x-box-item.x-toolbar-item.x-panel-default,
.Prokonzept-widget7-Statistik-Umsatzauswertung-Bausparen .x-box-scroller-body-horizontal .x-box-target .x-box-item.x-toolbar-item.x-panel-default .x-form-item {
    padding: 0 3px;
}

.Prokonzept-widget7-Statistik-Umsatzauswertung .x-toolbar.x-docked.x-toolbar-default.x-docked-top.x-toolbar-docked-top.x-toolbar-default-docked-top.x-noborder-trl,
.Prokonzept-widget7-Statistik-Umsatzauswertung-Bausparen .x-toolbar.x-docked.x-toolbar-default.x-docked-top.x-toolbar-docked-top.x-toolbar-default-docked-top.x-noborder-trl {
    padding-bottom: 20px;
}

.Prokonzept-widget7-Statistik-Umsatzauswertung .x-boundlist-item,
.Prokonzept-widget7-Statistik-Umsatzauswertung-Bausparen .x-boundlist-item {
    border: none;
    outline: none !important;
}

.Prokonzept-widget7-Statistik-Umsatzauswertung .x-btn.x-btn-menu-active.x-btn-default-toolbar-small,
.Prokonzept-widget7-Statistik-Umsatzauswertung .x-btn.x-btn-pressed.x-btn-default-toolbar-small,
.Prokonzept-widget7-Statistik-Umsatzauswertung-Bausparen .x-btn.x-btn-menu-active.x-btn-default-toolbar-small,
.Prokonzept-widget7-Statistik-Umsatzauswertung-Bausparen .x-btn.x-btn-pressed.x-btn-default-toolbar-small {
    background-color: var(--blue);
}

.Prokonzept-widget7-Statistik-Umsatzauswertung .x-btn.x-btn-default-toolbar-small,
.Prokonzept-widget7-Statistik-Umsatzauswertung-Bausparen .x-btn.x-btn-default-toolbar-small {
    padding: 6px 3px;
}

.Prokonzept-widget7-Statistik-Umsatzauswertung .x-list-plain,
.Prokonzept-widget7-Statistik-Umsatzauswertung-Bausparen .x-list-plain {
    background-color: var(--light-grey);
}

.Prokonzept-widget7-Statistik-Umsatzauswertung .x-field.x-not-editable .x-tagfield-input-field,
.Prokonzept-widget7-Statistik-Umsatzauswertung .x-tagfield-list.x-tagfield-singleselect .x-tagfield-input-field,
.Prokonzept-widget7-Statistik-Umsatzauswertung-Bausparen .x-field.x-not-editable .x-tagfield-input-field,
.Prokonzept-widget7-Statistik-Umsatzauswertung-Bausparen .x-tagfield-list.x-tagfield-singleselect .x-tagfield-input-field {
    position: relative;
    width: 100% !important;
}

.Prokonzept-widget7-Statistik-Umsatzauswertung .x-panel-body-default,
.Prokonzept-widget7-Statistik-Umsatzauswertung-Bausparen .x-panel-body-default {
    border-top: 1px solid #cfcfcf;
}

.Prokonzept-widget7-Statistik-Umsatzauswertung .x-field-container-body-vertical .x-form-text-field-body-default,
.Prokonzept-widget7-Statistik-Umsatzauswertung-Bausparen .x-field-container-body-vertical .x-form-text-field-body-default {
    min-width: 85px;
}

.Prokonzept-widget7-Statistik-Umsatzauswertung .x-field-container-body-vertical .x-box-target,
.Prokonzept-widget7-Statistik-Umsatzauswertung-Bausparen .x-field-container-body-vertical .x-box-target {
    flex-direction: column;
}

.Prokonzept-widget7-Statistik-Umsatzauswertung .x-field-container-body-vertical .x-box-target .x-box-item .x-form-trigger-wrap .x-form-field.x-form-text.x-form-text-default,
.Prokonzept-widget7-Statistik-Umsatzauswertung-Bausparen .x-field-container-body-vertical .x-box-target .x-box-item .x-form-trigger-wrap .x-form-field.x-form-text.x-form-text-default {
    font-size: 0.7em;
    padding: 0;
}

.vermittler_loginlink {
    visibility: hidden;
}

.Prokonzept-widget7-Statistik-Umsatzauswertung .x-field-container-body-vertical .x-box-target .x-box-item .x-form-trigger-wrap,
.Prokonzept-widget7-Statistik-Umsatzauswertung-Bausparen .x-field-container-body-vertical .x-box-target .x-box-item .x-form-trigger-wrap {
    padding: 0 6px;
}

/*.field-label-style .field-label-style-body,
.field-label-style .field-label-style-body > * {
  max-height: 35px;
  height: 35px;
}*/

.Prokonzept-widget7-Statistik-Umsatzauswertung .x-field-container-body-vertical .x-box-target .x-form-item-label,
.Prokonzept-widget7-Statistik-Umsatzauswertung-Bausparen .x-field-container-body-vertical .x-box-target .x-form-item-label {
    padding-right: 10px !important;
}

.Prokonzept-widget7-Statistik-Umsatzauswertung .x-field-container-body-vertical .x-box-target .x-box-item,
.Prokonzept-widget7-Statistik-Umsatzauswertung-Bausparen .x-field-container-body-vertical .x-box-target .x-box-item {
    left: 0 !important;
    padding-right: 5px;
    width: 100% !important;
}

/*********************************************************************************************/
/* Multine heading                                                                           */
/*********************************************************************************************/
.Prokonzept-widget7-EntireLoanTermTable .x-grid-header-ct,
.Prokonzept-widget7-EntireLoanTermTable .x-column-header,
.Prokonzept-widget7-Antrag-Finance .x-grid-header-ct,
.Prokonzept-widget7-Antrag-Finance .x-column-header,
.Prokonzept-widget7-Statistik-ProlongationTable .x-grid-header-ct,
.Prokonzept-widget7-Statistik-ProlongationTable .x-column-header,
.Prokonzept-widget7-Provisions-Table .x-grid-header-ct,
.Prokonzept-widget7-Provisions-Invoice .x-grid-header-ct,
.Prokonzept-widget7-Provisions-Table .x-column-header,
.Prokonzept-widget7-Provisions-Invoice .x-column-header,
.Prokonzept-widget7-Provisions-Table-EditProvisionssatz .x-grid-header-ct,
.Prokonzept-widget7-Provisions-Table-EditProvisionssatz .x-column-header,
.Prokonzept-widget7-Statistik-Individuell .x-grid-header-ct,
.Prokonzept-widget7-Statistik-Individuell .x-column-header,
.Prokonzept-widget7-FinancingDataTable-VariantSwitcher .x-grid-header-ct,
.Prokonzept-widget7-FinancingDataTable-VariantSwitcher .x-column-header {
    height: unset;
}

.Prokonzept-widget7-EntireLoanTermTable .x-column-group .x-column-header,
.Prokonzept-widget7-Antrag-Finance .x-column-group .x-column-header,
.Prokonzept-widget7-Statistik-ProlongationTable .x-column-group .x-column-header,
.Prokonzept-widget7-Provisions-Table .x-column-group .x-column-header,
.Prokonzept-widget7-Provisions-Invoice .x-column-group .x-column-header,
.Prokonzept-widget7-Statistik-Individuell .x-column-group .x-column-header {
    border-top: 1px solid var(--border-grey);
}

.x-group-header .x-column-header-text-container {
    border-right: none;
}

.x-group-header .x-column-header {
    border-top: 1px solid var(--border-grey);
    padding-left: 0;
}

.x-group-header > .x-column-header-inner:first-of-type {
    padding-left: 9px;
}

.x-group-header:after,
.x-group-header .x-group-sub-header:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 76.1%;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    border-right: 1px solid var(--border-grey);
}

.x-group-header .x-column-header-last:after {
    display: none;
}

/*********************************************************************************************/
/* Provisions table                                                               */
/*********************************************************************************************/
.Prokonzept-widget7-Provisions-Invoice .x-column-header-first,
.Prokonzept-widget7-LeadsForward .x-column-header-first {
    padding-left: 0;
}

.Prokonzept-widget7-Provisions-Invoice .x-column-header-first .x-column-header-inner-empty .x-column-header-text-container,
.Prokonzept-widget7-LeadsForward .x-column-header-first .x-column-header-inner-empty .x-column-header-text-container {
    width: 20px;
}

/*********************************************************************************************/
/* Top antrag sub navigation                                                                 */
/*********************************************************************************************/
.antrag-sub-navigation .x-tab.x-tab-active.x-tab-default,
.antrag-sub-navigation .x-tab-over.x-tab-default {
    background-color: transparent;
    border-color: transparent;
}

.antrag-sub-navigation .x-box-scroller-body-vertical, .x-box-scroller-body-horizontal .x-box-target {
    display: flex;
    justify-content: left;
}

.antrag-sub-navigation .x-tab .x-tab-inner-default, .antrag-sub-navigation .x-tab .x-tab-icon-el {
    font-size: 14px;
}

.x-keyboard-mode .antrag-sub-navigation .x-tab-default-top.x-tab-focus.x-tab-active {
    box-shadow: none;
}

.antrag-sub-navigation .x-tab .x-tab-inner-default,
.antrag-sub-navigation .x-tab .x-tab-icon-el {
    color: #666;
}

/*********************************************************************************************/
/* Form view                                                                         */
/*********************************************************************************************/
.Prokonzept-widget7-Start-Antrag-Baufi .x-tab-bar-horizontal > .x-tab-bar-body-default .x-tab-icon-el::before {
    display: none;
}

.x-tab-bar-horizontal > .x-tab-bar-body-default {
    padding: 6px 15px 0px;
}

.x-tab.x-tab-active.x-tab-default {
    border: none;
}

.x-tab-bar-default-top .x-box-scroller-tab-bar-default {
    margin-top: -16px;
}

.x-btn-default-toolbar-small {
    background-color: white;
    border: none;
    border-radius: 4px;
}

.x-btn-inner-default-toolbar-small,
.x-btn-icon-el-default-toolbar-small {
    color: var(--green);
}

.x-btn-default-toolbar-small.x-btn-pressed .x-btn-inner-default-toolbar-small,
.x-btn-default-toolbar-small.x-btn-pressed .x-btn-icon-el-default-toolbar-small,
.x-btn-default-toolbar-small.x-btn-over .x-btn-inner-default-toolbar-small,
.x-btn-default-toolbar-small.x-btn-over .x-btn-icon-el-default-toolbar-small,
.Prokonzept-Form-Widgets7-Calendar-Panel .x-btn-default-toolbar-small.x-btn-pressed .x-btn-icon-el:before,
.Prokonzept-Form-Widgets7-Calendar-Panel .x-btn-default-toolbar-small.x-btn-over .x-btn-icon-el:before,
.Prokonzept-Form-Widgets7-Calendar-Panel .x-btn-default-toolbar-small.x-btn-focus .x-btn-icon-el:before {
    color: white;
}

.navigation-accordion:last-of-type .x-btn-default-small,
.navigation-accordion:last-of-type .x-btn-default-medium,
.navigation-accordion:last-of-type .x-tab.x-tab-active.x-tab-default,
.navigation-accordion:last-of-type .x-tab-over.x-tab-default,
.navigation-accordion:last-of-type .x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-btn-default-toolbar-small {
    border-radius: 8px;
}

.Prokonzept-widget7-Start-Antrag-Baufi .x-tab-bar-horizontal > .x-tab-bar-body-default .x-tab-default-top,
.Prokonzept-widget7-Start-Antrag-Consult .x-tab-bar-horizontal > .x-tab-bar-body-default .x-tab-default-top,
.Prokonzept-widget7-Start-Antrag-Credit .x-tab-bar-horizontal > .x-tab-bar-body-default .x-tab-default-top {
    border: 0;
    background-color: unset;
    box-shadow: none;
    padding: 10px 0;
    border-radius: 0;
    border-bottom: var(--light-blue) 3px solid;
}

.Prokonzept-widget7-Start-Antrag-Baufi .prokon-top-navigation-button.x-btn.x-btn-pressed .x-btn-inner-default-toolbar-small,
.Prokonzept-widget7-Start-Antrag-Consult .prokon-top-navigation-button.x-btn.x-btn-pressed .x-btn-inner-default-toolbar-small,
.Prokonzept-widget7-Start-Antrag-Credit .prokon-top-navigation-button.x-btn.x-btn-pressed .x-btn-inner-default-toolbar-small {
    color: white;
    font-weight: bold;
    font-size: 14px;
}

.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-grid-item-container .x-grid-row:after {
    content: "";
    position: absolute;
    left: 20px;
    bottom: 0;
    height: 1px;
    width: 93%;
    border-bottom: 1px solid var(--border-grey);
}

.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-grid-item-container .x-grid-row:after {
    content: "";
    position: absolute;
    left: 25px;
    bottom: 0;
    height: 1px;
    width: 93%;
    border-bottom: 1px solid var(--border-grey);
}

.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-grid-item-container .x-grid-rowlast-of-type:after {
    border: 0;
}

.Prokonzept-widget7-Start-Antrag-Baufi .prokon-top-navigation-button.x-btn.x-btn-pressed .x-btn-icon-el-default-toolbar-small,
.Prokonzept-widget7-Start-Antrag-Consult .prokon-top-navigation-button.x-btn.x-btn-pressed .x-btn-icon-el-default-toolbar-small,
.Prokonzept-widget7-Start-Antrag-Credit .prokon-top-navigation-button.x-btn.x-btn-pressed .x-btn-icon-el-default-toolbar-small {
    color: white;
}

.Prokonzept-widget7-Start-Antrag-Baufi .x-container.x-box-item.x-container-default, .x-panel-body-default,
.Prokonzept-widget7-Start-Antrag-Consult .x-container.x-box-item.x-container-default, .x-panel-body-default,
.Prokonzept-widget7-Start-Antrag-Credit .x-container.x-box-item.x-container-default, .x-panel-body-default {
    border-radius: 0;
}

.Prokonzept-widget7-Start-Antrag-Baufi .x-tab-bar-default,
.Prokonzept-widget7-Start-Antrag-Consult .x-tab-bar-default,
.Prokonzept-widget7-Start-Antrag-Credit .x-tab-bar-default{
    background-color: var(--light-blue);
    min-height: 40px;
}

.Prokonzept-widget7-Start-Antrag-Baufi .prokon-top-navigation-button.x-btn-over .x-btn-inner-default-toolbar-small,
.Prokonzept-widget7-Start-Antrag-Consult .prokon-top-navigation-button.x-btn-over .x-btn-inner-default-toolbar-small,
.Prokonzept-widget7-Start-Antrag-Credit .prokon-top-navigation-button.x-btn-over .x-btn-inner-default-toolbar-small,
.Prokonzept-widget7-Start-Antrag-Baufi .prokon-top-navigation-button.x-btn-over .x-btn-icon-el-default-toolbar-small,
.Prokonzept-widget7-Start-Antrag-Consult .prokon-top-navigation-button.x-btn-over .x-btn-icon-el-default-toolbar-small,
.Prokonzept-widget7-Start-Antrag-Credit .prokon-top-navigation-button.x-btn-over .x-btn-icon-el-default-toolbar-small {
    color: var(--blue);
}

.Prokonzept-widget7-Start-Antrag-Baufi .antrag-sub-navigation .x-tab.x-tab-active.x-tab-default .x-tab-inner-default,
.Prokonzept-widget7-Start-Antrag-Baufi .antrag-sub-navigation .x-tab.x-tab-active.x-tab-default .x-tab-icon-el,
.Prokonzept-widget7-Start-Antrag-Baufi .antrag-sub-navigation .x-tab-over.x-tab-default .x-tab-inner-default,
.Prokonzept-widget7-Start-Antrag-Consult .antrag-sub-navigation .x-tab.x-tab-active.x-tab-default .x-tab-inner-default,
.Prokonzept-widget7-Start-Antrag-Consult .antrag-sub-navigation .x-tab.x-tab-active.x-tab-default .x-tab-icon-el,
.Prokonzept-widget7-Start-Antrag-Consult .antrag-sub-navigation .x-tab-over.x-tab-default .x-tab-inner-default,
.Prokonzept-widget7-Start-Antrag-Credit .antrag-sub-navigation .x-tab.x-tab-active.x-tab-default .x-tab-inner-default,
.Prokonzept-widget7-Start-Antrag-Credit .antrag-sub-navigation .x-tab.x-tab-active.x-tab-default .x-tab-icon-el,
.Prokonzept-widget7-Start-Antrag-Credit .antrag-sub-navigation .x-tab-over.x-tab-default .x-tab-inner-default {
    color: var(--blue);
}

.Prokonzept-widget7-Start-Antrag-Baufi .antrag-sub-navigation .x-tab.x-tab-active.x-tab-default .x-tab-inner-default,
.Prokonzept-widget7-Start-Antrag-Consult .antrag-sub-navigation .x-tab.x-tab-active.x-tab-default .x-tab-inner-default,
.Prokonzept-widget7-Start-Antrag-Credit .antrag-sub-navigation .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    font-weight: bold;
}

/*********************************************************************************************/
/* Fields style                                                                              */
/*********************************************************************************************/
.x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
    border-color: var(--blue);
}

.Prokonzept-widget7-Start-Main .x-form-cb-label-default.x-form-cb-label-after {
    padding-left: 27px;
}

.field-label-style {
    position: relative;
    padding-top: 7px;
    padding-bottom: 7px;
    width: 100%;
    display: table;
}

/*.field-label-style .field-label-style-label {
  position: absolute;
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  top: 0;
  left: 10px;
  display: inline-block;
  padding: 0 2px 0 3px;
  background-color: white;
}*/

.Prokonzept-widget7-Statistik-Umsatzauswertung .field-label-style .field-label-style-label,
.Prokonzept-widget7-Statistik-Umsatzauswertung-Bausparen .field-label-style .field-label-style-label {
    position: relative;
    line-height: 20px;
    display: table-row;
}

.field-label-style .field-label-style-body {
    width: 100%;
}

.field-label-style .field-label-style-body .x-form-trigger-wrap-default,
.field-label-style .field-label-style-body .x-form-display-field,
.x-form-trigger-wrap-default, .x-form-trigger {
    border-radius: 5px;
    padding: 4px 6px;
    background-color: white;
}

.x-form-trigger-wrap.x-form-trigger-wrap-default .x-form-text-wrap,
.x-form-trigger-wrap.x-form-trigger-wrap-default .x-form-trigger-wrap,
.x-form-trigger-wrap.x-form-trigger-wrap-default .x-form-trigger-spinner {
    padding: 0;
}

.x-form-text-default {
    padding: 0 4px;
}

.field-label-style .field-label-style-body .x-form-display-field {
    height: 36px;
    border: 1px solid transparent;
    line-height: 24px;
    background-color: transparent;
}

.field-label-style .field-label-style-body .x-form-action-col-field-default {
    padding-left: 0;
    padding-right: 0;
}

.x-fieldset {
    border-radius: 5px;
}

.x-menu-default
    /*.x-boundlist*/
{
    border: 0;
}

.x-menu-default .x-menu-item-default:hover {
    background-color: var(--blue);
}

.x-menu-default .x-menu-item-default:hover .x-menu-item-link > * {
    color: white;
}

.add-new-menu .x-menu-item-default .x-menu-item-link > * {
    color: var(--blue);
}

.add-new-menu-antragsbearbeitung .x-menu-item-default .x-menu-item-link > * {
    color: var(--blue);
}

.x-menu-item-default.x-menu-item-focus, .x-menu-item-default.x-menu-item-active {
    background-color: unset;
}

.x-tip-default {
    background-color: white;
}

.x-boundlist-item {
    padding: 6px;
}

.x-menu-default {
    box-shadow: rgb(136, 136, 136) 0 0 2px;
}

.x-boundlist-item, .x-menu-item-default {
    padding: 6px;
}

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

.x-menu-item-default .x-menu-item-arrow-default {
    top: 12px !important;
}

.x-boundlist-item-over {
    background-color: var(--blue);
    color: white;
    border: 0;
}

/*********************************************************************************************/
/* Window dialog                                                         */
/*********************************************************************************************/
.new-window-dialog {
    border: none;
    border-radius: 5px;
}

.x-toolbar-footer {
    border: none;
    padding: 0 10px 15px 15px;
    background-color: white;
}

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

.x-tip-form-invalid {
    background-color: white;
}

.x-window-header {
    background-color: var(--blue);
    padding-top: 10px;
    padding-bottom: 10px;
}

.x-window-header-default .x-tool-img {
    background-image: url(../../Resources/crispIcons/tool-sprites-white.png);
    background-color: var(--blue);
    opacity: 1;
}

.x-window-default .x-toolbar.x-toolbar-docked-top.x-noborder-trl .x-btn {
    background-color: white;
    padding: 6px;
}

.x-window-default .x-toolbar.x-toolbar-docked-top.x-noborder-trl .x-btn-over {
    background-color: var(--blue);
}

.x-window-default .x-panel-body-default {
    border-radius: 0;
}

.x-window-default .x-window-default-outer-border-trbl {
    border: none;
}

.x-window-default .x-toolbar.x-toolbar-docked-top.x-noborder-trl .x-btn-over .x-btn-inner-default-toolbar-small {
    color: white;
}

.x-window-default .x-toolbar.x-toolbar-docked-top.x-noborder-trl .x-btn-over .x-btn-icon-el-default-toolbar-small {
    color: white;
}

.x-window-header-title-default,
.x-window-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default{
    color: white;
}

.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-panel-header-default-horizontal.x-header-noborder,
.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-panel-header-default-horizontal.x-header-noborder {
    background-color: var(--blue);
}

.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-panel-header-default-horizontal.x-header-noborder .x-tool-img.x-tool-collapse-right {
    background-color: unset;
}

.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-panel-header-default-horizontal.x-header-noborder .x-tool-img.x-tool-collapse-right:before {
    color: white;
}

/*********************************************************************************************/
/* E-Akte-Tree-Panel-Beginning                                                               */
/*********************************************************************************************/

.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-grid-item-selected,
.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-grid-item-selected .x-action-col-icon,
.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-grid-item-selected.x-grid-item-over .x-action-col-icon {
    background-color: var(--blue);
    color: white;
}

.x-grid-item-selected .mouseover-effect-text {
    cursor: text;
}

.x-action-col-icon {
    color: var(--dark-grey);
}

.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-tree-icon.x-tree-icon-parent,
.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-tree-icon.x-tree-icon-parent-expanded {
    background-image: none;
}

.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-tree-icon.x-tree-icon-parent,
.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-tree-icon-parent-expanded {
    font-family: 'Font Awesome 5 Free';
    font-size: 30px;
    color: var(--blue);
    margin-right: 17px;
}

.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-tree-icon.x-tree-icon-parent:before {
    content: '\f07b';
}

.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-tree-icon.x-tree-icon-parent-expanded:before {
    content: '\f07c';
}

.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent.fas.fa-paperclip,
.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-tree-icon.x-tree-icon-custom.x-tree-icon-parent-expanded.fas.fa-paperclip {
    font-size: 25px;
}

/*********************************************************************************************/
/* E-Akte-Tree-Panel-End                                                                     */
/*********************************************************************************************/

.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable
.x-panel-header-default-horizontal.x-header-noborder .x-tool-tool-el {
    background-color: unset;
    opacity: 1;
    color: white;
}

.navigation-accordion .Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-panel-header-default-horizontal.x-header-noborder, .x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable
.x-panel-header-default-horizontal.x-header-noborder .x-tool-tool-el {
    background-color: var(--blue);
    opacity: 1;
}

.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-panel-header-default-horizontal.x-header-noborder,
.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-panel-header-default-horizontal.x-header-noborder label,
.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-panel-header-default-horizontal.x-header-noborder,
.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-panel-header-default-horizontal.x-header-noborder .x-form-type-checkbox .x-form-cb-input:before,
.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-panel-header-default-horizontal.x-header-noborder,
.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-panel-header-default-horizontal.x-header-noborder .x-form-cb-checked .x-form-radio .x-form-cb-input:before,
.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-panel-header-default-horizontal.x-header-noborder,
.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-panel-header-default-horizontal.x-header-noborder .x-form-radio .x-form-cb-input:before {
    color: white;
}

.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-panel-header-default-horizontal.x-header-noborder, .x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable
.x-panel-header-default-horizontal.x-header-noborder .far.fa-check-square {
    color: var(--green);
}

.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-panel-header-title-default,
.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-panel-header-default-horizontal.x-header-noborder .x-panel-header-title-default {
    color: white;
}

.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-tool-img,
.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-tool-img {
    background-image: url(../../Resources/crispIcons/tool-sprites-white.png);
    background-color: var(--blue);
    opacity: 1;
}

.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: var(--blue);
    font-weight: bold;
}

.x-tab-icon-left > .x-tab-icon-el-default, .x-tab-icon-right > .x-tab-icon-el-default {
    display: none;
}

.x-tab-icon-right > .x-tab-inner-default, .x-tab-icon-left > .x-tab-inner-default {
    max-width: fit-content;
}

.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-tab.x-tab-active.x-tab-default .x-tab-inner-default,
.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-tab-over.x-tab-default .x-tab-inner-default {
    color: var(--blue);
    border: none;
}

.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-tab-bar-default {
    background-color: var(--light-blue);
}

.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-tab-default-top {
    background-color: transparent;
    border: 0;
}

.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-panel-body-default,
.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-container.x-box-item.x-container-default {
    border-radius: 0;
}

/*********************************************************************************************/
/* Search window                                                            */
/*********************************************************************************************/
.x-menu-default .x-panel-body-default {
    background: #ffffff none !important;
}

.Prokonzept-widget7-KundenTable .x-menu-default .x-form-item-label-default {
    display: block;
}

.x-menu-default .x-container.x-box-item.x-container-default {
    background: #ffffff none !important;
}

.x-box-scroller-body-vertical > [role] > [role] > [role] > .x-autocontainer-innerCt:nth-of-type(1) {
    padding: 0 15px 15px 15px !important;
}

.x-box-scroller-body-vertical > [role] > [role] > [role] > .x-autocontainer-innerCt:nth-of-type(1) .x-btn {
    margin-top: 15px;
}

.x-menu-default .x-table-form-item {
    margin-bottom: 15px;
    height: 20px;
}

.x-menu-default .x-form-trigger-wrap-default,
.new-window-dialog .x-form-trigger-wrap-default {
    border-color: var(--border-grey);
    height: 100%;
    font-style: italic;
    color: var(--dark-grey);
    padding: 7px 10px 7px 5px;
    border-radius: 7px;
}

.x-form-item-label-default {
    color: var(--dark-grey);
    vertical-align: middle;
    padding-top: 0;
}

/*********************************************************************************************/
/* Grid style                                                                                */
/*********************************************************************************************/
.x-grid-header-ct,
.x-column-header {
    border: none;
    background-color: var(--bg-grey);
    height: 42px;
    text-align: left;
}

.x-grid-row-summary .x-grid-cell,
.x-grid-row-summary .x-grid-rowwrap,
.x-grid-row-summary .x-grid-cell-rowbody {
    border-top: 0;
}

.x-grid-header-ct {
    padding-left: 0;
}

.x-keyboard-mode .x-grid-item-focused {
    color: unset;
}

.x-column-header-sort-ASC, .x-column-header-sort-DESC,
.x-column-header-over {
    background-color: transparent;
}

.x-column-header-open {
    background-color: unset;
}

.x-column-header-open .x-column-header-trigger,
.x-column-header-over .x-column-header-trigger {
    background: var(--bg-grey) url('../../Js/extjs7/extjs710/build/classic/theme-crisp/resources/images/grid/hd-pop.png') no-repeat center center;
    width: 24px;
}

.x-column-header-trigger {
    border: none !important;
    display: block;
    width: 24px;
    right: 2px;
    cursor: pointer;
    background: var(--bg-grey) url('../../Js/extjs7/extjs710/build/classic/theme-crisp/resources/images/grid/hd-pop.png') no-repeat center center;
}

.x-column-header-text-container {
    border-right: 1px solid var(--border-grey);
}

.Prokonzept-widget7-KundenTable .x-grid-cell-last .x-grid-cell-inner {
    display: flex;
}

.Prokonzept-widget7-KundenTable .x-grid-cell-last .x-grid-cell-inner .fa-trash-alt {
    order: 1;
}

.Prokonzept-widget7-KundenTable .x-grid-cell-last .x-grid-cell-inner .fa-retweet {
    order: 2;
}

.Prokonzept-widget7-KundenTable .x-grid-cell-last .x-grid-cell-inner .fa-copy {
    order: 3;
}

.Prokonzept-widget7-KundenTable .x-grid-cell-last .x-grid-cell-inner .fa-pencil-alt {
    order: 4;
}

.Prokonzept-widget7-KundenTable .x-form-item-label-default {
    display: none;
}

.Prokonzept-widget7-KundenTable.prokon-floating-component.prokon-floating-component-round-all.x-box-item.x-panel-default.x-grid .x-form-text-field-body-default:first-of-type .x-form-trigger-wrap.x-form-trigger-wrap-default {
    border: none;
    border-bottom: 1px solid var(--border-grey);
    border-radius: 0;
    padding: 5px 0 0 0;
}

.Prokonzept-widget7-KundenTable.prokon-floating-component.prokon-floating-component-round-all.x-box-item.x-panel-default.x-grid .x-box-target:first-of-type {
    display: flex;
}

.Prokonzept-widget7-KundenTable.prokon-floating-component.prokon-floating-component-round-all.x-box-item.x-panel-default.x-grid .x-box-target:first-of-type .x-form-item:first-of-type {
    min-width: unset !important;
    max-width: unset !important;
    position: relative !important;
    /*width: 35% !important;*/
    margin-right: 10px !important;
}

.Prokonzept-widget7-KundenTable .x-grid-editor {
  border: 1px solid var(--blue);
  border-radius: 5px;
}

#widget_searchOfferTable__header {
    border-right: none;
}

#widget_searchOfferTable__header-innerCt .x-btn-default-small {
    top: 4px !important;
    right: 12px;
    left: unset !important;
    border-radius: 4px;
}

#widget_searchOfferTable__header-innerCt .x-btn-icon.x-btn-no-text.x-btn-button-default-small {
    height: 23px;
    padding-left: 2px;
    padding-right: 0px;
}

#widget_searchOfferTable__header-innerCt .x-form-text-field-body-default {
    padding: 4px 10px 4px 11px;
}

#widget_searchOfferTable__header-innerCt .x-tool-after-title {
    margin-left: 0 !important;
}

#widget_searchOfferTable__header-innerCt .x-title-text.x-title-text-default.x-title-item {
    padding-left: 5px;
    font-size: 15px;
}

#widget_searchOfferTable__header-innerCt .x-title.x-panel-header-title {
    padding-left: 5px;
}

.x-form-text-default::placeholder {
    font-style: italic;
    color: var(--text-grey);
    padding-right: 3px;
}

.x-column-header-last .x-column-header-text-container {
    border: none;
}

.x-column-header-text-inner {
    color: var(--text-grey);
}

.x-grid-body {
    border-color: transparent;
}

.x-grid-item {
    background-color: white;
}

.x-grid-item-container .x-grid-cell-inner {
    padding: 7px 10px 6px;
}

.edit-pdf .x-grid-item {
    background-color: var(--light-blue);
    color: var(--text-grey) !important;
    font-weight: bold;
}

.edit-pdf .x-btn-icon-el-default-small{
    color: var(--text-grey) !important;
}

.edit-pdf .x-btn-default-small {
    background-color: unset;
}

.colored-splitter .x-splitter-vertical {
    background-color: var(--green);
    width: 10px !important;
}

.x-grid-with-row-lines .x-grid-item.x-grid-item-selected {
    background-color: var(--blue);
    color: white !important;
    font-weight: bold;
}

.x-grid-with-row-lines .x-grid-item.x-grid-item-selected .x-form-cb-checked .x-form-radio .x-form-cb-input:before {
    color: white;
}

.x-grid-with-row-lines .x-grid-item.x-grid-item-selected .x-grid-row-summary {
    color: black !important;
}

.x-grid-with-row-lines .x-grid-item.x-grid-item-selected::after {
    border: none;
}

.x-grid-with-row-lines .x-grid-item.x-grid-item-selected.x-grid-item-over {
    color: white;
}

.x-grid-with-row-lines .x-grid-item {
    border: none;
    height: 33px;
}

.x-grid-with-row-lines .x-grid-item .x-grid-td {
    vertical-align: middle;
}

.x-grid-with-row-lines .x-grid-item:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    border-bottom: 1px solid var(--border-grey);
}

.x-grid-with-row-lines .x-grid-item:last-of-type:after {
    border: 0;
}

.x-grid-with-row-lines .x-grid-item.x-grid-item-over {
    border: none;
    color: var(--blue);
    font-weight: bold;
}

.Prokonzept-widget7-PaymentConditions-Table .x-grid-with-row-lines .x-grid-item.x-grid-item-over {
    font-weight: normal;
}

.Prokonzept-widget7-PaymentConditions-Table .x-grid-with-row-lines .x-grid-item.x-grid-item-selected {
    font-weight: normal;
}

.Prokonzept-widget7-PaymentConditions-Table .x-toolbar-default,
.Prokonzept-Form-Widgets7-OfferDocumentsUploader .x-toolbar-default,
.Prokonzept-widget7-Antrag-Management .x-toolbar-default {
    padding: 15px;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-toolbar-default {
    padding: 7px 15px;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-btn-default-toolbar-small {
    padding: 7px 12px;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .mpp-toolbar .x-btn-default-toolbar-small {
    padding: 7px 1px;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-btn .add-new-button {
    padding: 7px 1px;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-btn-inner-default-toolbar-small {
    padding: 0;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-toolbar-small {
    margin-right: 5px;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.filter-button {
    border: none;
    background-color: var(--light-blue);
    border-radius: 4px;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-toolbar-default .x-box-target .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.add-new-button {
    border-color: white;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-toolbar-default .x-box-target .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.add-new-button .x-btn-inner-default-toolbar-small,
.Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-toolbar-default .x-box-target .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.add-new-button .x-btn-icon-el-default-toolbar-small {
    padding: 0 0 0 0;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-toolbar-default .x-box-target .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.add-new-button .addButton {
    color: var(--blue);
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.search-button {
    top: 0 !important;
}

.add-new-menu.x-layer.x-menu-default .x-menu-item-default {
    padding: 5px 10px;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .prokonClsFilterButtonsToolbar.x-toolbar-default .x-box-target .x-btn.clear-all-button.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small {
    background-color: white;
    border: none;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.clear-all-button .x-btn-inner-default-toolbar-small {
    text-decoration: underline;
}


.x-grid-with-row-lines .x-grid-item-over + .x-grid-item {
    border-top: none;
}

.x-grid-with-row-lines .x-grid-item.x-grid-item-selected {
    border: none;
}

.x-grid-with-row-lines .x-grid-item-selected + .x-grid-item {
    border-top: none;
}

.x-grid-item-container .x-grid-cell-inner-morefunctioncolumn {
    padding: 0;
    height: unset !important;
}

.x-action-col-cell .x-action-col-icon {
    margin: 0 0 0 5px;
}

.x-action-col-cell .x-action-col-0 {
    margin: 0;
}

.x-search-match {
    background-color: var(--green);
    color: white;
}

.x-keyboard-mode .x-grid-item-focused .x-grid-cell-inner:before,
.x-keyboard-mode .x-column-header.x-column-header-focus .x-column-header-inner:after {
    border-color: transparent;
}

/*********************************************************************************************/
/* Icons                                                                             */
/*********************************************************************************************/
.Prokonzept-widget7-Start-Antrag-Baufi .prokon-top-navigation-button.x-btn .x-btn-icon-el.x-btn-icon-el-default-toolbar-small:before,
.Prokonzept-widget7-Start-Antrag-Consult .prokon-top-navigation-button.x-btn .x-btn-icon-el.x-btn-icon-el-default-toolbar-small:before,
.Prokonzept-widget7-Start-Antrag-Credit .prokon-top-navigation-button.x-btn .x-btn-icon-el.x-btn-icon-el-default-toolbar-small:before {
    font-size: 1em;
}

.Prokonzept-widget7-Start-Antrag-Baufi .prokon-top-navigation-button.x-btn .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-toolbar-small,
.Prokonzept-widget7-Start-Antrag-Consult .prokon-top-navigation-button.x-btn .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-toolbar-small,
.Prokonzept-widget7-Start-Antrag-Credit .prokon-top-navigation-button.x-btn .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-toolbar-small {
    margin-top: -1px;
}

.x-btn.erase-button .x-btn-wrap-default-toolbar-small.x-btn-split-right:after {
    color: var(--blue);
}

.x-btn-icon-left > .x-btn-icon-el-default-small, .x-btn-icon-right > .x-btn-icon-el-default-small.fa-sign-in {
    font-size: 17px;
}

.x-btn.erase-button.x-btn-over .x-btn-wrap-default-toolbar-small.x-btn-split-right:after,
.x-btn.erase-button.x-btn-pressed .x-btn-wrap-default-toolbar-small.x-btn-split-right:after,
.x-btn.erase-button.x-btn-focus .x-btn-wrap-default-toolbar-small.x-btn-split-right:after {
    color: white;
}

#navigation-group-todosGroup .button-in-header .x-leaf-column-header {
    padding: 0;
}

.x-action-col-cell .x-action-col-icon:hover {
    color: var(--blue);
}

.x-keyboard-mode .x-grid-cell-inner-action-col:focus {
    outline: none;
}

.x-grid-with-row-lines .x-grid-item.x-grid-item-selected .x-action-col-cell .x-action-col-icon {
    color: white;
}

.x-grid-with-row-lines .x-grid-item.x-grid-item-selected .x-action-col-cell .x-action-col-icon {
    color: white;
}

.x-keyboard-mode .x-accordion-hd .x-panel-header-title.x-title-focus {
    outline: none;
}

.x-grid-item-selected {
    background-color: var(--light-blue);
}

/*********************************************************************************************/
/* Icons korrektur                                                                           */
/*********************************************************************************************/
.x-tool-tool-el.fas.fa-traffic-light {
    overflow: visible;
}

.x-fieldset-header-tool-default > .x-tool-toggle {
    background-image: none !important;
    opacity: 1;
    background-color: unset !important;
}

.x-fieldset-header-tool-default:before {
    content: '\f057';
    font-family: 'Font Awesome 5 Free', serif;
    font-size: 15px;
    margin-right: 10px;
    vertical-align: middle;
    color: var(--blue);
}

.x-tool-over.x-fieldset-header-tool-default:before {
    content: '\f056';
    font-family: 'Font Awesome 5 Free', serif;
    font-size: 15px;
    margin-right: 10px;
    vertical-align: middle;
    color: var(--blue);
}

.x-btn-icon-el.x-tbar-page-prev,
.x-btn-icon-el.x-tbar-page-next {
    background: none;
}

.x-btn-icon-el.x-tbar-page-prev:before {
    content: '\f053';
    font-family: 'Font Awesome 5 Free', serif;
    font-size: 15px;
    vertical-align: middle;
    color: var(--blue);
}

.x-btn-icon-el.x-tbar-page-next:before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free', serif;
    font-size: 15px;
    vertical-align: middle;
    color: var(--blue);
}


.x-tool-tool-el {
    height: 16px;
    width: 16px;
}

.expandIconSmall .x-tool-tool-el {
    height: 16px !important;
    width: 16px !important;
}

.x-tool-tool-el.x-tool-expand-left,
.x-tool-tool-el.x-tool-collapse-left,
.x-tool-tool-el.x-tool-expand-bottom,
.x-tool-tool-el.x-tool-collapse-bottom,
.x-tool-tool-el.x-tool-expand-right,
.x-tool-tool-el.x-tool-collapse-right,
.x-tool-tool-el.x-tool-expand-top,
.x-tool-tool-el.x-tool-collapse-top{
    height: 17px;
    width: 17px;
}


.x-window.x-window-proform-panel.x-resizable.x-window-resizable.x-window-default-resizable .x-panel-header-default-horizontal.x-header-noborder .x-tool-tool-el{
    height: 16px;
    width: 16px;
}

.x-form-checkbox-default {
    background: none;
}

.x-form-cb-input {
    appearance: none;
    opacity: 1;
    left: 1px;
}

.x-item-disabled, .x-item-disabled * {
    pointer-events: visible;
    background-color: unset;
}

.x-form-checkbox-default, .x-form-radio-default {
    height: 18px;
    width: 18px;
}

.Prokonzept-widget7-Start-Antrag-Baufi .prokonClsPanelHeaderMouseOver,
.Prokonzept-widget7-Start-Antrag-Consult .prokonClsPanelHeaderMouseOver,
.Prokonzept-widget7-Start-Antrag-Credit .prokonClsPanelHeaderMouseOver {
    background-color: var(--blue);
}

.prokonClsPanelCollapsible .x-panel-header{
    border: var(--light-blue) 2px solid !important;
}

.prokonEliZinsSucheHeader .x-panel-header{
    border: none !important;
}

.Prokonzept-widget7-Start-Antrag-Baufi .prokonClsPanelHeaderMouseOver .x-title-item,
.Prokonzept-widget7-Start-Antrag-Consult .prokonClsPanelHeaderMouseOver .x-title-item,
.Prokonzept-widget7-Start-Antrag-Credit .prokonClsPanelHeaderMouseOver .x-title-item {
    color: white;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .prokonClsEmailViewerToolbar .x-form-display-field-body .x-form-display-field {
    padding-top: 2px;
    font-weight: normal;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .prokonClsEmailViewerToolbar .prokonClsEmailViewerToolbarSubject .x-form-display-field-body .x-form-display-field {
    color: var(--lighter-black);
    font-weight: bold;
    font-size: 110%;
}

.prokonClsFilterButtonsToolbar.addButton {
    margin: 0 0 0 -5px !important;
}

.prokonClsFilterButtonsToolbar.x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-pressed,
.prokonClsFilterButtonsToolbar.x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over,
.prokonClsFilterButtonsToolbar .x-btn-focus.x-btn-default-toolbar-small .x-btn-inner-default-toolbar-small,
.prokonClsFilterButtonsToolbar .x-btn-focus.x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small {
    background-color: transparent;
    color: var(--green);
}

.prokonClsFilterButtonsToolbar.x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-pressed,
.prokonClsFilterButtonsToolbar.x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over {
    border: 1px solid var(--blue);
}

/*Das innere Icon*/
.prokonClsFilterButtonsToolbar .x-btn-over .x-btn-inner-default-toolbar-small,
.prokonClsFilterButtonsToolbar .x-btn-over .x-btn-icon-el-default-toolbar-small {
    color: var(--blue);
    border: none;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-grid-item tr:first-child td:first-child {
    color: var(--blue) !important;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-grid-item td:not(first-child) {
    color: var(--darker-grey) !important;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-grid-item tr:nth-of-type(2) {
    color: var(--text-grey) !important;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-grid-with-row-lines .x-grid-item.x-grid-item-selected {
    background-color: var(--light-blue);
    font-weight: bold;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-grid-item-selected .ProkonzeptCombinedTableRowDescription .x-grid-cell-rowbody .x-grid-rowbody,
.Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-grid-item-over .ProkonzeptCombinedTableRowDescription .x-grid-cell-rowbody .x-grid-rowbody {
    font-weight: bold;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .prokonClsFilterButtonsToolbar .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-focus.x-btn-default-toolbar-small {
    background-color: transparent;
    color: var(--green);
}

.prokonClsFilterButtonsToolbar .x-btn-inner-default-toolbar-small, .prokonClsFilterButtonsToolbar .x-btn-icon-el-default-toolbar-small {
    color: var(--green);
}

.x-grid-item .ProkonzeptCombinedTableRowDescription .x-grid-rowbody {
    margin: -15px 0 0 62px;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .communication-viewer .x-panel-header-default-docked-top,
.Prokonzept-widget7-Antrag-ManagementPanel-Panel .prokonClsAttachmentsToolbar,
.Prokonzept-widget7-Antrag-ManagementPanel-Panel .prokonClsEmailViewerToolbar,
.Prokonzept-widget7-Antrag-ManagementPanel-Panel .prokonClsEmailButtonsToolbar,
.Prokonzept-widget7-Antrag-ManagementPanel-Panel .prokonClsEmailViewerToolbarSubject,
.Prokonzept-widget7-Antrag-ManagementPanel-Panel .communication-viewer .x-panel-bodyWrap,
.Prokonzept-widget7-Antrag-ManagementPanel-Panel .buttonToolbar,
.Prokonzept-widget7-Antrag-ManagementPanel-Panel .prokonClsHtmlViewer,
.Prokonzept-widget7-Antrag-ManagementPanel-Panel .prokonClsTodoDescription.x-form-trigger-wrap-default .x-form-item-body .x-form-field {
    background-color: #FAFAFA;
}

.prokonClsEmailViewerToolbarSubjectEdit {
    width: 333px;
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .prokonClsTodoDescription .x-form-trigger-wrap {
    border-radius: 0;
}

.Prokonzept-widget7-Start-Antrag-Baufi .x-tool-img.x-tool-collapse-top,
.Prokonzept-widget7-Start-Antrag-Baufi .x-tool-img.x-tool-expand-bottom,
.Prokonzept-widget7-Start-Antrag-Baufi .x-tool-img.x-tool-expand-top,
.Prokonzept-widget7-Start-Antrag-Baufi .x-tool-img.x-tool-collapse-bottom,
.Prokonzept-widget7-Start-Antrag-Consult .x-tool-img.x-tool-expand-top,
.Prokonzept-widget7-Start-Antrag-Consult .x-tool-img.x-tool-collapse-bottom,
.Prokonzept-widget7-Start-Antrag-Consult .x-tool-img.x-tool-collapse-top,
.Prokonzept-widget7-Start-Antrag-Consult .x-tool-img.x-tool-expand-bottom,
.Prokonzept-widget7-Start-Antrag-Credit .x-tool-img.x-tool-expand-top,
.Prokonzept-widget7-Start-Antrag-Credit .x-tool-img.x-tool-collapse-bottom,
.Prokonzept-widget7-Start-Antrag-Credit .x-tool-img.x-tool-collapse-top,
.Prokonzept-widget7-Start-Antrag-Credit .x-tool-img.x-tool-expand-bottom,
.x-panel-header-default-vertical .x-tool-before-title .x-tool-expand-right {
    background-image: none;
    opacity: 1;
}

.Prokonzept-widget7-Start-Antrag-Baufi .prokonClsPanelHeaderMouseOver .x-tool-img.x-tool-collapse-top,
.Prokonzept-widget7-Start-Antrag-Baufi .prokonClsPanelHeaderMouseOver .x-tool-img.x-tool-expand-bottom,
.Prokonzept-widget7-Start-Antrag-Consult .prokonClsPanelHeaderMouseOver .x-tool-img.x-tool-collapse-top,
.Prokonzept-widget7-Start-Antrag-Consult .prokonClsPanelHeaderMouseOver .x-tool-img.x-tool-expand-bottom,
.Prokonzept-widget7-Start-Antrag-Credit .prokonClsPanelHeaderMouseOver .x-tool-img.x-tool-collapse-top,
.Prokonzept-widget7-Start-Antrag-Credit .prokonClsPanelHeaderMouseOver .x-tool-img.x-tool-expand-bottom{
    background-color: var(--blue);
}

/**
* Accordion-Panels: mouseover on panel header - begin
*/
.prokonClsPanelHeaderAccordionMouseOver > .x-accordion-hd .x-tool-img,
.prokonClsPanelHeaderAccordionMouseOver > .x-accordion-hd-over .x-tool-img {
    background-image: none !important;
}

.prokonClsPanelHeaderAccordionMouseOver > .x-accordion-hd .x-tool-img:before,
.prokonClsPanelHeaderAccordionMouseOver > .x-accordion-hd-over .x-tool-img:before {
    font-family: 'Font Awesome 5 Free', serif;
    font-size: 16px;
}

.prokonClsPanelHeaderAccordionMouseOver > .x-accordion-hd .x-tool-img:before {
    color: #157FCC;
}

.prokonClsPanelHeaderAccordionMouseOver > .x-accordion-hd .x-tool-img.x-tool-collapse-top:before {
    content: '\f13a';
}

.prokonClsPanelHeaderAccordionMouseOver > .x-accordion-hd .x-tool-img.x-tool-expand-bottom:before {
    content: '\f138';
}

.prokonClsPanelHeaderAccordionMouseOver > .x-accordion-hd-over {
    background: var(--blue);
}

.prokonClsPanelHeaderAccordionMouseOver > .x-accordion-hd-over .x-panel-header-title {
    color: white;
}

.prokonClsPanelHeaderAccordionMouseOver > .x-accordion-hd-over .x-tool-img:before {
    color: white !important;
    background-color: var(--blue);
}

/**
* Accordion-Panels: mouseover on panel header - end
*/

.x-menu.x-layer.x-menu-default.x-border-box .prokonClsFilterButtonsToolbar {
    padding: 6px 0 !important;
}

.x-window-default .Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-toolbar.x-toolbar-docked-top.x-noborder-trl .x-btn-focus.x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small,
.x-window-default .Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-toolbar.x-toolbar-docked-top.x-noborder-trl .x-btn-focus.x-btn-default-toolbar-small .x-btn-inner.x-btn-inner-default-toolbar-small,
.x-window-default .Prokonzept-widget7-PaymentConditions-Panel .x-toolbar.x-toolbar-docked-top.x-noborder-trl .x-btn-focus.x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small,
.x-window-default .Prokonzept-widget7-PaymentConditions-Panel .x-toolbar.x-toolbar-docked-top.x-noborder-trl .x-btn-focus.x-btn-default-toolbar-small .x-btn-inner.x-btn-inner-default-toolbar-small{
    color: white;
}

.x-window-default .Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-toolbar.x-toolbar-docked-top.x-noborder-trl .add-new-button.x-btn-over .x-btn-icon-el-default-toolbar-small,
.x-window-default .Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-toolbar.x-toolbar-docked-top.x-noborder-trl .add-new-button.x-btn-focus.x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small,
.x-window-default .Prokonzept-widget7-PaymentConditions-Panel .x-toolbar.x-toolbar-docked-top.x-noborder-trl .add-new-button.x-btn-over .x-btn-icon-el-default-toolbar-small,
.x-window-default .Prokonzept-widget7-PaymentConditions-Panel .x-toolbar.x-toolbar-docked-top.x-noborder-trl .add-new-button.x-btn-focus.x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small{
    color: var(--blue);
}

.x-window-default .x-tool-tool-el.x-tool-img.x-tool-collapse-bottom,
.x-window-default .x-tool-tool-el.x-tool-img.x-tool-expand-top {
    background-image: none;
    opacity: 1;
}

.Prokonzept-widget7-Start-Antrag-Baufi .x-tool-img.x-tool-collapse-top:before,
.Prokonzept-widget7-Start-Antrag-Baufi .x-tool-img.x-tool-expand-top:before,
.Prokonzept-widget7-Start-Antrag-Consult .x-tool-img.x-tool-expand-top:before,
.Prokonzept-widget7-Start-Antrag-Consult .x-tool-img.x-tool-collapse-top:before,
.Prokonzept-widget7-Start-Antrag-Credit .x-tool-img.x-tool-expand-top:before,
.Prokonzept-widget7-Start-Antrag-Credit .x-tool-img.x-tool-collapse-top:bredit{
    content: '\f13a';
    font-family: 'Font Awesome 5 Free', serif;
    font-size: 15px;
    margin-right: 10px;
    vertical-align: middle;
    color: var(--blue);
}

.Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-tool-tool-el.x-tool-img.x-tool-expand-top:before {
    content: '\f139';
    font-family: 'Font Awesome 5 Free', serif;
    font-size: 15px;
    margin-right: 10px;
    vertical-align: middle;
    color: var(--blue);
}

.x-panel-header-default-vertical .x-tool-before-title .x-tool-expand-right:before {
    content: '\f138';
    font-size: 15px;
    font-family: 'Font Awesome 5 Free', serif;
    margin-right: 10px;
    vertical-align: middle;
    color: var(--blue);
}

.Prokonzept-widget7-Start-Antrag-Baufi .prokonClsPanelHeaderMouseOver .x-tool-img:before,
.Prokonzept-widget7-Start-Antrag-Consult .prokonClsPanelHeaderMouseOver .x-tool-img:before,
.Prokonzept-widget7-Start-Antrag-Credit .prokonClsPanelHeaderMouseOver .x-tool-img:before {
    color: white !important;
}

#navigation-PfsKredit-btnIconEl,
#navigation-PfsKreditAntrag-btnIconEl {
    display: none;
}
.navigation-accordion .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-toolbar-small {
    padding-left: 16px;
    color: black;
}

.navigation-accordion .navigation-itemGroup .x-panel-bodyWrap .navigation-toolbar-action .splitButton.x-btn-focus.x-btn-menu-active.x-btn-over .x-btn-inner-default-toolbar-small,
.navigation-accordion .navigation-itemGroup .x-panel-bodyWrap .navigation-toolbar-action .splitButton.x-btn-focus.x-btn-menu-active.x-btn-over .x-btn-icon-el-default-toolbar-small,
.navigation-accordion .x-btn-over .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-toolbar-small {
    color: var(--blue);
}

.navigation-accordion .navigation-itemGroup .x-panel-bodyWrap .navigation-toolbar-action .splitButton.x-btn-menu-active.x-btn-over .x-btn-inner-default-toolbar-small,
.navigation-accordion .navigation-itemGroup .x-panel-bodyWrap .navigation-toolbar-action .splitButton.x-btn-menu-active.x-btn-over .x-btn-icon-el-default-toolbar-small,
.navigation-accordion .x-btn-pressed .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-toolbar-small {
    color: white;
}

.Prokonzept-widget7-Start-Antrag-Baufi .mitantragsteller-form .x-tool-expand-bottom, .mitantragsteller-form .x-tool-img.x-tool-collapse-top:before {
    content: '\f14a';
    font-size: 16px;
    font-family: 'Font Awesome 5 Free Regular', serif;
    color: var(--green);
    margin-left: 1px;
}

.Prokonzept-widget7-Start-Antrag-Baufi .mitantragsteller-form .x-tool-img.x-tool-expand-bottom:before,
.Prokonzept-widget7-Start-Antrag-Credit .mitantragsteller-form .x-tool-img.x-tool-expand-bottom:before {
    content: '\f0c8';
    font-size: 15px;
    font-family: 'Font Awesome 5 Free Regular', serif;
    margin-right: 10px;
    vertical-align: middle;
    font-weight: normal;
    color: black;
    margin-left: 1px;
}

.Prokonzept-widget7-Start-Antrag-Baufi .x-tool-img.x-tool-expand-bottom:before,
.Prokonzept-widget7-Start-Antrag-Baufi .x-tool-img.x-tool-collapse-bottom:before,
.Prokonzept-widget7-Start-Antrag-Consult .x-tool-img.x-tool-collapse-bottom:before,
.Prokonzept-widget7-Start-Antrag-Consult .x-tool-img.x-tool-expand-bottom:before,
.Prokonzept-widget7-Start-Antrag-Credit .x-tool-img.x-tool-collapse-bottom:before,
.Prokonzept-widget7-Start-Antrag-Credit .x-tool-img.x-tool-expand-bottom:before,
.x-window-body .Prokonzept-widget7-Antrag-ManagementPanel-Panel-FormPanelWrapper .x-tool-img.x-tool-collapse-bottom:before {
    content: '\f138';
    font-size: 15px;
    font-family: 'Font Awesome 5 Free', serif;
    margin-right: 10px;
    vertical-align: middle;
    color: var(--blue);
}

.x-tool-img.x-tool-collapse-right {
    background-image: none;
    background-color: white;
    opacity: 1;
}

.x-tool-img.x-tool-collapse-right:before {
    content: '\f138';
    font-size: 15px;
    font-family: 'Font Awesome 5 Free', serif;
    margin-right: 10px;
    vertical-align: middle;
    color: var(--blue);
}

.x-tool-img.x-tool-expand-left,
.x-tool-img.x-tool-collapse-left {
    background-image: none;
    background-color: white;
    opacity: 1;
}

.x-tool-img.x-tool-expand-left:before,
.x-tool-img.x-tool-collapse-left:before {
    content: '\f137';
    font-size: 15px;
    font-family: 'Font Awesome 5 Free', serif;
    margin-right: 10px;
    vertical-align: middle;
    color: var(--blue);
}

.x-form-cb-checked.x-form-type-checkbox .x-form-cb-input:before {
    content: '\f14a';
    color: var(--green);
    font-family: 'Font Awesome 5 Free Regular', serif;
}

.x-form-type-checkbox .x-form-cb-input:before {
    content: '\f0c8';
    font-family: 'Font Awesome 5 Free Regular', serif;
}

.x-form-radio {
    background: none;
}

.x-form-radio .x-form-cb-input:before {
    content: '\f111';
    font-family: 'Font Awesome 5 Free Regular', serif;

    opacity: 1;
}

.x-form-cb-checked .x-form-radio .x-form-cb-input:before {
    content: '\f192';
    font-family: 'Font Awesome 5 Free Regular', serif;
    color: var(--green);
}

.far.fa-check-square {
    color: var(--green);
}

/*********************************************************************************************/
/* Extra Icons                                                                               */
/*********************************************************************************************/

/**
 * Bausparkassen logos Breite X 25px Höhe
 * Die Zahlen sind die ID der Bausparkassen aus der Tabelle 'institut_adressen'
 */

.x-bausparkasse-table-icon {
    display: inline-block;
    height: 25px;
    width: 100%;
    background-repeat: no-repeat;
}

/*Alte Leipziger*/
.x-bausparkasse-117 {
    background-image: url(../../Img/Bausparkassen/117.png) ! important;
}

/*Wüstenrot*/
.x-bausparkasse-123 {
    background-image: url(../../Img/Bausparkassen/123.png) ! important;
}

/*Deutscher Ring*/
.x-bausparkasse-131 {
    background-image: url(../../Img/Bausparkassen/131.png) ! important;
}

/*BHW*/
.x-bausparkasse-175 {
    background-image: url(../../Img/Bausparkassen/175.png) ! important;
}

/*********************************************************************************************/
/* Charts legend left configuration                                                                               */
/*********************************************************************************************/


.x-legend-docked-left .x-legend-item {
    max-width: 32em;
}

.x-legend-item {
    text-align: left;
}

/*********************************************************************************************/
/* Splitter style                                                                            */
/*********************************************************************************************/
.Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-layout-split-left, .x-layout-split-right,
.Prokonzept-widget7-Antrag-ManagementPanel-Panel .x-keyboard-mode .x-splitter-focus:after {
    display: none;
}

.x-splitter-focus:after {
    border-color: transparent;
}

/*********************************************************************************************/
/* Board page                                                                       */
/*********************************************************************************************/
.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row {
    display: table;
    color: black;
    box-shadow: 1px 2px 6px 0px #dad8d8;
    margin-bottom: 0;
    width: 100%;
    table-layout: fixed;
    border-right: 4px solid transparent;
    background-color: #F5F5F4;
    border-radius: 10px;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-with-row-lines .x-grid-item,
.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-with-row-lines .x-grid-item.x-grid-item-selected,
.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-with-row-lines .x-grid-item.x-grid-item-over {
    background-color: unset;
    font-weight: unset;
    color: unset;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-with-row-lines .x-grid-item:after {
    display: none;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-item-container {
    display: flex;
    flex-direction: row;
    width: 100% !important;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-item-container .wrapper-group {
    width: 20%;
    padding: 0 13px;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-item-container .wrapper-group:nth-of-type(2) {
    margin-left: 14px;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-item-container .wrapper-group:last-of-type {
    margin-right: 14px;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-item-container table {
    width: 100% !important;
    table-layout: fixed;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-group-title {
    background: none;
    padding-left: 5px;
    margin: 20px 0 25px 0;
    font-weight: normal;
    color: var(--text-grey);
    letter-spacing: 0.3px;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-header-ct-default.x-docked-top {
    display: none;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-item-container table .x-grid-group-hd-not-collapsible {
    padding: 0;
    border: none;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-item-container table .x-grid-group-hd-not-collapsible .header {
    color: var(--lighter-black);
    font-weight: bold;
    font-size: 110%;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td {
    display: inline-block !important;
    width: auto;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td .x-form-text-default {
    text-align: center;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td .x-form-trigger {
    display: none;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(1) .x-grid-cell-inner,
.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(2) .x-grid-cell-inner {
    color: black;
    font-size: 95%;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(1) .x-grid-cell-inner {
    font-weight: bold;
    color: var(--lighter-black);
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(3) .x-grid-cell-inner,
.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(5) .x-grid-cell-inner {
    color: #707070;
    font-size: 92%;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .wrapper-group .x-grid-item:first-of-type {
    display: inline-flex;
    height: auto;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .wrapper-group .x-grid-item {
    margin-bottom: 18px;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-item-container .wrapper-group {
    border: 2px solid transparent;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-item-container.x-item-drag-active .wrapper-group:hover {
    border: 2px dashed var(--border-grey);
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row .x-action-col-icon {
    margin-right: 4px;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-item.x-grid-item-selected .x-grid-row .x-action-col-icon {
    color: var(--green);
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(1),
.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(3) {
    width: 74% !important;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(2),
.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(4) {
    width: 26% !important;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(6) {
    margin-bottom: -1px;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(5),
.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(6) {
    width: 100% !important;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(5) {
    padding: 6px 0 11px 0;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(1) .x-grid-cell-inner,
.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(2) .x-grid-cell-inner,
.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(3) .x-grid-cell-inner,
.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(4) .x-grid-cell-inner {
    padding-top: 0;
    padding-bottom: 0;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(1) .x-grid-cell-inner {
    padding-right: 0;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(2) .x-grid-cell-inner,
.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(4) .x-grid-cell-inner {
    padding-left: 0;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(3) .x-grid-cell-inner {
    padding-top: 4px;
    color: var(--text-grey);
}

.ProkonzeptFilterCheckbox .x-form-cb-wrap-default {
    padding: 7px 8px;
}

.ProkonzeptFilterCheckbox .x-form-checkbox-default {
    margin-top: 0;
}

.ProkonzeptFilterCheckbox .x-form-item-body-default .x-form-item .x-form-cb-label-after {
    color: var(--green);
    font-size: 14px;
    padding-left: 22px;
    margin-top: 1px;
    user-select: none;
}

.ProkonzeptFilterCheckbox .x-form-checkbox .filterCheckboxFocused {
    background: none;
}

.ProkonzeptFilterCheckbox .x-form-item *:hover {
    cursor: pointer;
}

.ProkonzeptFilterCheckbox .x-field.x-form-item {
    max-height: fit-content;
    max-width: fit-content;
}

.ProkonzeptFilterCheckbox .ProkonzeptEmailCheckbox .x-form-cb-input:before {
    content: '\f0e0' !important;
    font-family: 'Font Awesome 5 Free';
    color: var(--green);
}

.ProkonzeptFilterCheckbox .ProkonzeptNotizenCheckbox .x-form-cb-input:before {
    content: '\f249' !important;
    font-family: 'Font Awesome 5 Free';
    color: var(--green);
}

.ProkonzeptFilterCheckbox .ProkonzeptAufgabenCheckbox .x-form-cb-input:before {
    content: '\f46c' !important;
    font-family: 'Font Awesome 5 Free';
    color: var(--green);
}

.ProkonzeptFilterCheckbox .ProkonzeptStatusCheckbox .x-form-cb-input:before {
    content: '\f024' !important;
    font-family: 'Font Awesome 5 Free';
    color: var(--green);
}

.ProkonzeptFilterCheckbox .ProkonzeptChatCheckbox .x-form-cb-input:before {
    content: '\f086' !important;
    font-family: 'Font Awesome 5 Free';
    color: var(--green);
}

.ProkonzeptFilterCheckbox .x-form-cb-input {
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 1.1em;
}

.ProkonzeptFilterCheckbox .x-form-item-body-default .x-form-item {
    border: none;
    background-color: transparent;
    border-radius: 4px;
}

.ProkonzeptFilterCheckbox .x-form-cb-checked {
    background-color: var(--light-blue) !important;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-row > .x-grid-td:nth-child(6) .x-grid-cell-inner {
    height: 12px;
    background-color: white;
    padding: 0;
    width: 55%;
    font-size: 15px;
    margin: 0 auto;
    letter-spacing: 1.2px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 4px;
}

.Prokonzept-widget7-OffersAssigner-BoardTable.x-tabpanel-child.x-panel-default .x-form-item-label-inner {
    font-size: 15px;
    color: var(--lighter-black);
    font-weight: normal;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small {
    border-color: var(--lighter-black);
    border-radius: 19px;
    padding: 9px 18px;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-btn-inner-default-toolbar-small,
.Prokonzept-widget7-OffersAssigner-BoardTable .x-btn-icon-el-default-toolbar-small {
    color: var(--lighter-black);
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-toolbar-default .x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-btn-over {
    border-color: transparent;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-item .x-grid-row {
    padding: 14px 10px 0;
    border: 2px solid transparent;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-item-container .x-grid-cell-inner {
    padding-left: 0;
    padding-right: 0;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-grid-item-selected .x-grid-row {
    border: 2px solid var(--green);
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-form-trigger-wrap-default {
    border: none;
    border-bottom: 1px solid var(--lighter-black);
    border-radius: 0;
    padding: 0;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-form-empty-field-default + .x-placeholder-label-default,
.Prokonzept-widget7-OffersAssigner-BoardTable .x-form-text-default,
.Prokonzept-widget7-OffersAssigner-BoardTable .x-form-text-default::placeholder {
    font-style: normal;
    font-size: 15px;
    color: var(--lighter-black);
}

.Prokonzept-widget7-OffersAssigner-TabPanel .x-tab-bar-default {
    background-color: white;
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-form-arrow-trigger {
    background: none;
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
}

.Prokonzept-widget7-OffersAssigner-BoardTable .x-form-arrow-trigger:after {
    content: '\f078';
    font-size: 12px;
    font-family: 'Font Awesome 5 Free';
    vertical-align: text-bottom;
}

/*********************************************************************************************/
/* Reminder popup                                                                    */
/*********************************************************************************************/
.x-window.reminder-popup {
    max-height: 40%;
    max-width: 50%;
}

.x-window.reminder-popup .x-window-bodyWrap {
    height: 100%;
}

.x-window.reminder-popup .x-window-body {
    height: 100% !important;
    top: 0 !important;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 38px 12px 12px 12px;
}

.x-window.reminder-popup .x-window-body::-webkit-scrollbar {
    display: none;
}

/*********************************************************************************************/
/* Double-Check-Icon (e.g. E-Mail) - begin                                                   */
/*********************************************************************************************/
.read.fa-check-double:before {
    color: var(--blue);
}

/*********************************************************************************************/
/* Double-Check-Icon (e.g. E-Mail) - end                                                     */
/*********************************************************************************************/

.prokonClsCalendarMonthdaysButtons {
    border-radius: 5px;
    margin: 1px;
}

.prokonClsCalendarMonthdaysButtons .x-btn-button-default-small {
    padding: 0px;
}