:root {

    --q-primary:#2E7D32;
    --q-secondary:#1565C0;
    --q-accent:#FFA000;

    --bg-color:#F5F9F5;
    --surface-color:white;
    --text-color:#1B5E20;
    --border-color:#C8E6C9;

    --grid-even: #5cbb64;
    --grid-odd:  #FFFFFF;
    --grid-hover:rgba(46,125,50,.12);

    --shadow-sm: 0 1px 2px rgba(0,0,0,.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,.12);
    --shadow-lg: 0 8px 24px rgba(0,0,0,.18);

    --icon-size: 20px;

    --icon-edit: #1976d2;
    --icon-map: #2e7d32;
    --icon-delete: #d32f2f;
    --icon-view: #616161;
    --icon-pdf: #c62828;
    --icon-pay: #2e7d32;
    --icon-warning: #f9a825;
    --icon-cut: #d32f2f;
    --icon-doc: #616161;
    --icon-deposit: #1976d2;
    --icon-print: #616161;

}

body {
    background: var(--bg-color) !important;
    color: var(--text-color) !important;
}

.q-card {
    background: var(--surface-color) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: var(--shadow-md);
}

.q-field__control {
    background: var(--surface-color) !important;
}

.ag-theme-quartz {

    --ag-font-family: "Segoe UI", sans-serif;
    --ag-font-size: 20px;

}

.ag-theme-quartz .ag-row-even  {
    background: var(--grid-even) !important;
}

.ag-theme-quartz .ag-row-odd  {
    background: var(--grid-odd) !important;
}

body.body--dark .ag-theme-quartz .ag-cell,
body.body--dark .ag-theme-quartz .ag-header,
body.body--dark .ag-theme-quartz .ag-header-cell {
    color: white !important;
}

.ag-theme-quartz .ag-row:hover .ag-cell {
    background: var(--grid-hover) !important;
}

.surface {
    background-color: var(--surface-color);
}

.surface-card {
    background-color: var(--surface-color);
    border: 1px solid var(--border-color);
    border-radius: .5rem;
    box-shadow: var(--shadow-sm);
}


.ag-action-icon {
    cursor: pointer;
    font-size: var(--icon-size);
    transition: transform .15s ease, opacity .15s ease;
    vertical-align: middle;
}

.ag-action-icon:hover {
    transform: scale(1.15);
    opacity: .85;
}

.ag-action-edit   { color: var(--icon-edit); }
.ag-action-map    { color: var(--icon-map); }
.ag-action-delete { color: var(--icon-delete); }
.ag-action-view   { color: var(--icon-view); }
.ag-action-pdf    { color: var(--icon-pdf); }
.ag-action-pay     { color: var(--icon-pay); }
.ag-action-warning { color: var(--icon-warning); }
.ag-action-cut     { color: var(--icon-cut); }
.ag-action-doc     { color: var(--icon-doc); }
.ag-action-deposit { color: var(--icon-deposit); }
.ag-action-print   { color: var(--icon-print); }


/* <span class="material-icons ag-action-icon ag-action-delete">delete</span> */
/* <span class="material-icons ag-action-icon ag-action-map">map</span> */
/* <span class="material-icons ag-action-icon ag-action-edit">edit</span> */
/* <span class="material-icons ag-action-icon ag-action-pdf">picture_as_pdf</span> */
/* <span class="material-icons ag-action-icon ag-action-view">description</span> */
/* <span class="material-icons ag-action-icon ag-action-view">visibility</span> */
/* <span class="material-icons ag-action-icon ag-action-warning">warning</span> */
/* <span class="material-icons ag-action-icon ag-action-cut">content_cut</span> */
/* <span class="material-icons ag-action-icon ag-action-pay">payments</span> */
/* <span class="material-icons ag-action-icon ag-action-deposit">move_to_inbox</span>
<span class="material-icons ag-action-icon ag-action-print">print</span> */