/* Ekko Ag-Grid Style {Light Mode}
–––––––––––––––––––––––––––––––––––––––––––––––––– */

body .ag-theme-alpine-dark {
    --ag-background-color: none !important; /* Background color of most elements within the grid */
    --ag-foreground-color: none !important; 
    --ag-borders: 1px solid !important; /* Enables borders */
    --ag-borders-radius: 6px !important;
    --ag-border-color: #868686 !important;
    --ag-secondary-border-color: rgba(88, 86, 82, 0.5) !important;
    --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66) !important; /* Background color of the overlay shown over the grid e.g. data loading indicator */
    --ag-header-background-color: #F6F6F6 !important; /* Grid header background color */
    --ag-tooltip-background-color: #ebebeb !important; 
    --ag-odd-row-background-color: none !important;
    --ag-control-panel-background-color: #F6F6F6 !important; /* Control panels e.g. tool panels and the chart settings menu */
    --ag-subheader-background-color: #F6F6F6 !important;  /* Background color for second level headings */
    --ag-input-focus-box-shadow: none !important; 
    --ag-card-shadow: 0 1px 20px 1px black !important;  /* the default card shadow applies to simple cards like column drag indicators and text editors */
    --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5 !important); 
    --ag-chip-background-color: rgba(255, 255, 255, 0.07 !important);  /* Color for the 'chip' that represents a column that has been dragged onto a drop zone */
    --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3 !important);  /* The border around disabled text inputs */
    --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07 !important);  /* The background color of disabled text inputs */
}

/* Menu Panel */
body .ag-filter-body-wrapper {
    display: flex !important;
    flex-direction: column !important;
    background-color: #F6F6F6 !important;
}

/* Items in Lists */
body .ag-select-list-item {
    background: #F6F6F6 !important;
}

body .ag-list-item.ag-active-item {
    background-color: #438FFD !important;
}

/* Grid Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.grid_button_clear_filter {
    color: #262426;
}
.grid_button_export {
    color: #262426;
}
.grid_button_save_changes {
    color: #262426;
}
.grid_button_add_row {
    color: #262426;
}
.grid_button_delete_row {
    color: #262426;
}
.grid_button_download {
    color: #262426;
}
.grid_button_replace {
    color: #262426;
}
.grid_button_edit{
    color: #262426;
}
.grid_button_mark_complete{
    color: #262426;
}
.grid_button_send_message{
    color: #262426;
}

/* Button Hover */
.grid_button_clear_filter:hover {
    background-color: #E0EDF6;
    border: none;
    box-shadow: none;
    color: #262426;
}
.grid_button_export:hover {
    background-color: #E0EDF6;
    border: none;
    box-shadow: none;
    color: #262426;
}
.grid_button_save_changes:hover {
    background-color: #E0EDF6;
    border: none;
    box-shadow: none;
    color: #262426;
}
.grid_button_add_row:hover {
    background-color: #E0EDF6;
    border: none;
    box-shadow: none;
    color: #262426;
}
.grid_button_delete_row:hover {
    background-color: #E0EDF6;
    border: none;
    box-shadow: none;
    color: #262426;
}
.grid_button_download:hover {
    background-color: #E0EDF6;
    border: none;
    box-shadow: none;
    color: #262426;
}
.grid_button_replace:hover {
    background-color: #E0EDF6;
    border: none;
    box-shadow: none;
    color: #262426;
}
.grid_button_edit:hover{
    background-color: #E0EDF6;
    border: none;
    box-shadow: none;
    color: #262426;
}
.grid_button_mark_complete:hover{
    background-color: #E0EDF6;
    border: none;
    box-shadow: none;
    color: #262426;
}
.grid_button_send_message:hover{
    background-color: #E0EDF6;
    border: none;
    box-shadow: none;
    color: #262426;
}

/* Available for use
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Grid Buttons (No Icons) */
.grid_button {
    background: transparent;
    color: #454447;
    border: 1px solid #868686;    
}

.grid_button:hover {
    background: #DDDDDD;
    color: #454447;
    border: 1px solid #868686;
}