.ag-header-cell-label, .ag-header-group-label {
  justify-content: center;
}

.ag-theme-alpine.color-fonts {
    --ag-foreground-color: rgb(126, 46, 132);
    --ag-background-color: rgb(249, 245, 227);
    --ag-header-foreground-color: rgb(204, 245, 172);
    --ag-header-background-color: rgb(209, 64, 129);
    --ag-odd-row-background-color: rgb(0, 0, 0, 0.03);
    --ag-header-column-resize-handle-color: rgb(126, 46, 132);

    --ag-font-size: 17px;
    --ag-font-family: monospace;
}


.ag-theme-alpine.borders {
    /* disable all borders */
    --ag-borders: none;
    /* then add back a border between rows */
    --ag-row-border-style: dashed;
    --ag-row-border-width: 5px;
    --ag-row-border-color: rgb(150, 150, 200);
}

.ag-theme-alpine.headers1 {
    --ag-header-height: 30px;
    --ag-header-foreground-color: white;
    --ag-header-background-color: black;
    --ag-header-cell-hover-background-color: rgb(80, 40, 140);
    --ag-header-cell-moving-background-color: rgb(80, 40, 140);
}
.ag-theme-alpine.headers1 .ag-header.headers1 {
    font-family: cursive;
}
.ag-theme-alpine.headers1 .ag-header-group-cell.headers1 {
    font-weight: normal;
    font-size: 22px;
}
.ag-theme-alpine.headers1 .ag-header-cell.headers1 {
    font-size: 18px;
}

.ag-theme-alpine.headers2 {
    --ag-header-column-separator-display: block;
    --ag-header-column-separator-height: 100%;
    --ag-header-column-separator-width: 2px;
    --ag-header-column-separator-color: purple;

    --ag-header-column-resize-handle-display: block;
    --ag-header-column-resize-handle-height: 25%;
    --ag-header-column-resize-handle-width: 5px;
    --ag-header-column-resize-handle-color: orange;
}

.ag-theme-balham.selection {
    /* Ash Gray, 10% opacity */
    --ag-selected-row-background-color: rgb(178, 190, 181, 0.1);
}

.ag-theme-balham.selection .ag-row-selected {
    color: 	#d3d3d3;
}

.ag-theme-balham .ag-layout-auto-height .ag-center-cols-viewport, .ag-layout-auto-height .ag-center-cols-container, .ag-layout-print .ag-center-cols-viewport, .ag-layout-print .ag-center-cols-container {
  min-height: 50px;
}

.row-dragging-grid-to-grid-container {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.ag-row-pinned {
  background-color: #f8f9fa;
  font-style: italic;
  color: #6c757d;
  border-bottom: 2px solid #e9ecef;
}

.ag-row-pinned:hover {
  cursor: text;
}

.hover-feedback-btn {
    transition: box-shadow 0.2s, filter 0.2s;
}

.hover-feedback-btn:hover,
.hover-feedback-btn:focus {
    box-shadow: 0 4px 16px rgba(68, 184, 127, 0.24);
    filter: brightness(1.08);
}