/* dunkelblau: #448193 */
/* hellblau: #a6bfc8 */
/* hellgrün: #ceda26 */



:root {
    --primary-color: #004494;
    --color-2: #a6bfc8;
    --color-3: #ceda26;
}




.ag-theme-quartz.ag-custom-class {
    clear: both;
    --ag-wrapper-border-radius: 4px;
    --ag-font-size: 15.2px;
    /*--ag-font-size: 13.5px; !* PZN-Monitor *!*/
    /*--ag-font-family: Roboto-Light;*/
    --ag-foreground-color: #ffffff;
    --ag-background-color: #EBF3FF;
    --ag-odd-row-background-color: white;
    --ag-header-height: 48px;
    --ag-header-foreground-color: #ffffff;
    --ag-header-background-color: var(--primary-color);
    /*--ag-header-column-resize-handle-color: #ffffff;*/

    --ag-menu-background-color: var(--primary-color); /* Filter menu */
    /*--ag-control-panel-background-color: var(--color-3); !* Sidebar background *!*/
    --ag-side-button-selected-background-color: var(--color-2);
    --ag-active-color: var(--color-2);
    --ag-grid-size: 3px;
    --ag-list-item-height: 24px;
    --ag-widget-container-horizontal-padding: 12px;
    --ag-widget-container-vertical-padding: 12px;
    --ag-header-column-resize-handle-display: block;
    --ag-header-column-resize-handle-height: 66%;
    --ag-header-column-resize-handle-width: 1px;
    --ag-header-column-resize-handle-color: var(--color-2);
    --ag-row-border-style: dotted;
    --ag-row-border-width: 1px;
    --ag-row-border-color: var(--color-2);

    /*--ag-icon-font-code-columns: 'menu';*/
    --ag-icon-font-code-menu: 'grip';
    --ag-icon-font-code-columns: 'grip';
}
.ag-icon-columns,
.ag-icon-menu {
    transform: rotate(90deg);
}

.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-viewport {
    min-height: 40px
}

/* Styles that wont work well with dark background + light foreground color */
.ag-row,
.ag-body-viewport,
.ag-status-bar,
input[class^="ag-"],
.ag-toggle-button-input-wrapper::before {
    background: var(--ag-foreground-color);
}
.ag-row-odd {
    background: var(--ag-odd-row-background-color);
}
.ag-checkbox-input {
    background: #ffffff !important;
}
.ag-root-wrapper {
    border: none;
}

/* Drag-and-drop moving item */
.ag-dnd-ghost {
    background: #448193 !Important;
}

.ag-theme-quartz .ag-input-field-input,
.ag-theme-quartz .ag-text-field-input,
.ag-theme-quartz .ag-number-field-input {
    color: #000000 !important;
    font-family: Courier,Arial,sans-serif !important;
}
.ag-text-field-input::placeholder {
    color: var(--color-2);
}

/* cell content */
.ag-cell {
    /*font-size: 95%; !* PZN-Monitor *!*/
    color: #000000;
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    word-break: keep-all;
    overflow: hidden !important;
}
.ag-cell a {
    display: inline-block;
    text-decoration: none;
}
.ag-cell a[href $='.pdf'], .ag-cell a[href $='.PDF'] {
    background: url('../Images/fileicons/pdf.gif') no-repeat 0px 0px;
    padding: 0 0 0 30px;
    background-position-y: center;
}
.ag-cell a:hover {
    text-decoration: underline;
}

.ag-cell-last-left-pinned {
    border-right: 1px dotted var(--color-2) !important;
}
.ag-cell-first-right-pinned {
    border-left: 1px dotted var(--color-2) !important;
}

/* rowGroup icon + text*/
.ag-theme-quartz .ag-icon-tree-closed,
.ag-theme-quartz .ag-icon-tree-open {
    color: #448193;
    font-weight: bold;
}
.ag-theme-quartz .ag-cell-expandable {
    color: #000 !important;
    font-weight: 500;
}
.ag-group-child-count {
    font-style: italic;
    font-weight: normal;
    color: #aaa;
}


/* sidebar */
.ag-side-button-icon-wrapper {
    padding: 9px 0 3px 0;
}
.ag-side-button {
    font-size: 15.4px;
    font-weight: 400;
}
.ag-side-button-label {
    margin-left: 0.2em;
}
.ag-side-button.ag-selected {
    border: none;
}
/* Pivot toggle */
.ag-toggle-button-input-wrapper {
    border-color: var(--color-2);
    background: var(--color-2);
}
.ag-toggle-button-input-wrapper::before {
    border-color: var(--color-2);
}

/* Header menu */
.ag-select-list, .ag-picker-field-wrapper {
    background: var(--color-2);
}
.ag-theme-quartz .ag-tab-selected,
.ag-compact-menu-option-active, .ag-menu-option-active {
    background: var(--color-2);
}
.ag-filter-apply-panel-button {
    border-color: #448193 !important;
    background-color: var(--color-2) !important;
    margin: 0;
    padding: 0 0.3em !important;
}
.ag-filter-apply-panel-button:hover {
    border-color: var(--color-2) !important;
    background-color: #448193 !important;
}
/* status bar */
.ag-status-bar {
    padding: 0;
    font-size: 94%;
}
.ag-status-name-value,
.ag-status-name-value-value {
    padding: 0 !important;
    font-family: Roboto-Regular;
    color: #000;
}

/* Individual styles */
.centered-text {
    display: inline-block;
    min-width: 115px;
    text-align: center;
}

.ag-column-select {
    min-height: 150px !important;
    max-height: 400px !important
}
.ag-column-drop {
    min-height: 80px !important;
    max-height: 200px !important
}
.ag-column-drop-cell {
    background: var(--ag-header-column-resize-handle-color) !important;
    height: calc(var(--ag-grid-size) * 8) !important;
}

/* ******************** */
/* Search + Buttons */
/* ******************** */
.quickfilter {
    display: flex;
    align-items: stretch;
    float: left;
    width: 66%;
    margin: 0 0.1em 0.4em 0;
}
.quickfilter input {
    display: inline-block;
    width: 100%;
    line-height: 138%;
    border-radius: 4px;
}
.quickfilter input:focus {
    outline: none;
}
.quickfilter-label,
.selectButton-label {
    display: inline-block;
    padding: 0.4em 0.2em 0.4em 0;
    width: auto;
    max-width: 14%;
}
.selectButton-label {
    float: left;
}

.configButtons {
    float: right;
}
/* Hide the actual buttons, styl ONLY the button labels! */
.configButton {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
/* Button label styling */
.selectButton,
.configButton-label {
    width: auto;
    line-height: 130%;
    border: 1px solid var(--color-2);
    border-radius: 4px;
    background: #ffffff;
    color: var(--color-2);
    margin: 0 0 0.5em 0.5em;
    padding: 2px 0.2em 2px 2px;
    font-family: Arial, sans-serif;
    transition: all 0.3s ease-out;
    font-size: 90%;
    cursor: pointer;
    float: left;
    text-align: center;
}
.selectButton {
    margin: 0 0.5em 0 0.5em;
    padding: 3px 0.2em 3px 2px;
}

.configButton-label:hover {
    background: #448193;
    border: 1px solid #BCD335;
    color: #BCD335;
}
/* Icons */
.configButton-label:before {
    font-family: 'FontAwesome';
    font-size: 130%;
    /*content: '\f382'; !* cloud-upload-alt *!*/
    color: inherit;
    position: relative;
    top: 0.1em;
    margin: 0 0.1em 1em 0;
    padding: 0 0 0 0.2em;
}
#export-label:before { content: '\f1c3'; } /* excel */