/* #myGrid { */
    /* height: 420px !important; */
/* } */
/* Hide the pagination panel */
/* .ag-paging-panel .ag-paging-page-size {
    display: none;
} */
.ag-header {
    background-color: transparent !important;
    /* border: 1px solid #f0f0f0 !important; */
    border-bottom: 4px solid #f0f0f0 !important;
    color: #000000 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-family: "Roboto", sans-serif !important;
}
.ag-theme-material {
    /* --ag-foreground-color: rgb(126, 46, 132); */
    /* --ag-background-color: rgb(249, 245, 227); */
    --ag-header-foreground-color: #999 !important;
    --ag-cell-horizontal-padding: 1.5rem !important;
    /* --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-header-cell.ag-focus-managed:not(.ag-header-cell-sortable) {
    background-color: transparent !important;
}
.ag-header-cell.ag-focus-managed.ag-header-cell-sortable .ag-header-cell-text {
    /* text-decoration: underline; */
    color: black
}
.datepicker-dropdown:after, .datepicker-dropdown:before {
    display: none !important;
}
.dropdown-menu {
    font-size: 14px !important;
}
.datepicker {
    border-radius: 2px !important;
}
.datepicker table tr td, .datepicker table tr th {
    border-radius: 2px !important;
}
input::placeholder {
    color: '#999' !important;
}
.alert p:last-child {
    margin: 0 !important;
  }
.ag-paging-page-size {
  display: none !important;
}
.ag-header-cell-text{
  font-size: 15px !important;
  font-family: "Roboto", "sans-serif";
  text-transform: capitalize !important;
  /* line-height: 17px !important; */

}
.ag-theme-material, .ag-theme-material-dark, .ag-theme-material-auto-dark {
        --ag-borders-critical: solid 2px !important;
        --ag-border-color: #f0f0f0 !important;
        --ag-cell-horizontal-border: solid #f0f0f0 !important;
        --ag-icon-size: 14px !important;
        /* --ag-font-size: 18px !important; */

        /* --ag-material-primary-color: #3f51b5;
        --ag-material-accent-color: #ff4081;
        --ag-foreground-color: rgba(0, 0, 0, 0.87);
        --ag-secondary-foreground-color: rgba(0, 0, 0, 0.54);
        --ag-disabled-foreground-color: rgba(0, 0, 0, 0.38);
        --ag-background-color: #fff;
        --ag-header-background-color: #fff;
        --ag-tooltip-background-color: #fff;
        --ag-subheader-background-color: #eee;
        --ag-subheader-toolbar-background-color: rgba(238, 238, 238, 0.5);
        --ag-header-cell-hover-background-color: #f2f2f2;
        --ag-chip-background-color: #e2e2e2;
        --ag-range-selection-background-color: rgba(122, 134, 203, 0.1);
        --ag-range-selection-background-color-2: rgba(122, 134, 203, 0.19);
        --ag-range-selection-background-color-3: rgba(122, 134, 203, 0.27);
        --ag-range-selection-background-color-4: rgba(122, 134, 203, 0.34);
        --ag-range-selection-highlight-color: #fce4ec;
        --ag-row-hover-color: #fafafa;
        --ag-column-hover-color: #fafafa;
        --ag-control-panel-background-color: #fafafa;
        --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);
        --ag-checkbox-unchecked-color: #333;
        --ag-value-change-value-highlight-background-color: #00acc1;
        --ag-side-button-selected-background-color: transparent;
        --ag-advanced-filter-join-pill-color: #f08e8d;
        --ag-advanced-filter-column-pill-color: #a6e194;
        --ag-advanced-filter-option-pill-color: #f3c08b;
        --ag-advanced-filter-value-pill-color: #85c0e4;
        --ag-range-selection-border-color: var(--ag-material-primary-color);
        --ag-checkbox-checked-color: var(--ag-material-accent-color);
        --ag-borders: none;

        --ag-grid-size: 8px;
        
        --ag-header-height: calc(var(--ag-grid-size) * 7);
        --ag-row-height: calc(var(--ag-grid-size) * 6);
        --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
        --ag-list-item-height: calc(var(--ag-grid-size) * 4);
        --ag-row-group-indent-size: calc(var(--ag-grid-size) * 3 + var(--ag-icon-size));
        --ag-filter-tool-panel-sub-level-row-height: calc(var(--ag-grid-size) * 4);
        --ag-checkbox-border-radius: 2px;
        --ag-toggle-button-switch-border-width: 2px;
        --ag-toggle-button-height: var(--ag-icon-size);
        --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
        --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);
        --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.75);
        --ag-font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell,
        "Helvetica Neue", sans-serif;
        
        --ag-icon-font-family: agGridMaterial;
        --ag-selected-tab-underline-color: var(--ag-material-primary-color);
        --ag-selected-tab-underline-width: 2px;
        --ag-input-focus-border-color: var(--ag-material-primary-color);
        --ag-input-focus-box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
        --ag-card-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12);
        --ag-card-radius: 2px;
        --ag-invalid-color: #e02525; */
}
.editable-cell:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    /* float: left; */
    width: 5px;
    height: 5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #00acc1;
}
.editable-cell.pinned-right:after {
    right: 10px;
}
.pinned-right-custom {
    background: #E1E8FA !important;
}
/* .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell), .ag-pinned-left-header {
  border-right: solid 1px var(--ag-border-color) !important;
} */