ag-grid-enterprise/styles/ag-theme-material.css

Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue

@font-face {
  font-family: "agGridMaterial";
  src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABfAAAsAAAAAMmgAABdwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIwsBmAAjV4Kt0StVQE2AiQDgngLgT4ABCAFhF4Hhmcb9StlhhRsHEDmGXlMRBUnKaKCE5L9/7fkxhjhYmLfEGov7d4lDOrQ88LkNDedA3GvHnwKW8EK6pFOd9UiEimoUMwQE8SkNB0YmP0ZN+nUpn+x5hdKckgSmsQDY+/uu04lbSWaYOIh0yqNWp6Cy5a7tr/3ckg8aCxKgDBTo5DbOC51+kEoMTh+2cKAIpcnxts7d8Zp7g/8Nv+PXBdioCAKOEFoc4UYTasYk4uJrmDFrEWEq4QV830xVg3LMmrhk0UyfcP3H7xgZQDw8Hl7f7UssMCLOu8SCigYRtEME8ggTNMu8HbfHEfm2YEZAECwr64+K3EyO5Kd/AOECrEesKwlzhHPvpfGaZ12+BiLhkqkoW3VUId6Ip7uRUP6eKLpxQwqU9cFWVZckW3q+812apk9LDhlzO15U/J/32UQmARLnBB+JQL8r/1eLaAkoegGT8JGx+nMZgPv3hNWfzZh9UltwipRIBSOB65wnSefKrm6qBpdZVSl6XxzvrYZIQiLz8+pu6R0uRSunAKO0lHzOR0Bqu9GXPiUz/ljxSQkkNubnTMkzKTdG0QbWjdXWl9EkyAim+Z/V6dbOvybdM0mKAgeY7MdxvaNNv6wQZmgvarfUQBNKQ38+pgChXTZm1MBjaj19QLc9hfKE1MnQnS0ghoaC0R/JL/D8bnx+YnAQW1pQvrT6xp935enZbUhZHwyGkZ8pAabb7OhHAvhcFF+AsNOTxfDheIVxAk/1r+EAHJydkUNC2b7NcPTgBpyeq0BIpG4j0qfLPikVmQQxEtec+1t7tpPaUynBjATOXkk+FpXeg2xC6RxKqj0vGoiex4LDTlbqsLsCUhZF/RRJGqRbBZUPjeydzCNDmWkORljAtnKj2YNN1KkFrGguLiHjQliKdvlQdQYakIo6JC4RuleUlOEZlEZq1l6CjVSQnSi8X4LilAJadg59uojcj53zGJaX6/G1SESyWRx16nhuano7hOjRMSGZ5YoRiPx/UgOtyFsxGIT8gar+7N3oQo+G6++LrbVx51z4MuADXY4oKqxMw8GGxjv84tcJR1vjtNYVpoFIXw5kqJUFmcYW1bJbbcBXqTKFBNkpiqXbZpXFWVkmxODUbZfsBp8sswZRU0revmKOK1qSJG8DCFsFuHLkLREYvu+4UkSes1x4Y31Yz6JlAhmE8gakUmqbhyXlkyHYUc28Yq7KpA0yQoQsfDpiJoSRRqGYZVNKnDi4sNPC5KwCMlwhOCTLk/ltOAuXtG5pkQPRHMBc3uJl+2Q0sG1Eekrcaozvw91zK9O0JfKmcrRnGnsgZhOY9cNXHuR7uaDd+FMcHVGBZDMd+dmlRZTAbxzUjTFdE4eufRsgdxg1Np0A/GfHg/LFklkJ5j3CWHDKmlw5A2uGx9pQL3h2W4BYQqtpCLXgxQS+1A9sVjMKGs6U1qQhEtCRdPfnGrszlCUpDplpwWrL95sb/EWvz3fJ6D/LDbSJGJBUsrN5ed27Qmmv9jeECieyR34e/r7hcfowABFrMH6Fy69kGjgv8hvjLzAnfLyjXGKn5uCCiiBHVCG4mzeKUyRS3EHIZE+hwYFtInwqLhrt97zHxy068qF+8DD9DpXINvENgEFUMSK0QW0l6bBUYjUaOV4VRJDwhY/smOfD48QEBIRkyT1fwDlFJRU1DS0dPQMjEzMLKxs7BycXNzkPLx8/AJ0gkLCIqJi4hKS5FLSMgiNrJy8gqISiimrqKqpa2hq2bBpyzYodFiP8w3/8veu5eTK1dK8DChcLlBkFoF9nl5YkqUqLoXOmDZQvio/AXZ3cgN4PLcnO+Qa8FQugGdyCXguh8ALuQe8lH3glVwBXssx8FauAu/kMvBebgIf5BT4KCfAJ7kNfJED4KucA9/kCPgut4Afchf4KWfAL7kO/JY7wJ+O+yCgTlygIIKCKKAKwUANgoM6hAANCAmaEAq0IEvQhqxAB7IGXcgG9CBb0IfswABCgyGEASMIC8YQDkwgPJhCBDADEcEsRAJzEBnMQxSwAFHBIkQDSxAdLEMMsAIxwSrEAmsQG3QgjliHiA2I2ISILYjYhkzGyguqxysKuijooaCPggEKhigYoWCMggmgA0nVKzMUzFGwAJQg5WS1sULZsUbBBgVbFOxQsEfBAVCGjKACmVR2zih4Q8E7Cj5Q8ImCLxR8o+AHBb8o+EPBPwl28OCQ8R/8g/oYWj3W54r/ryroEuHG+F8ajiIhxn37rQlQgczoHv08ybtu7g9eciPrZjLontr4DJZ+q5i+TYu1TDrb1s3UuqHpzN69dUWfgXj66SfXWUbjPjM/s4PrT09pSJx3T2lzWoo33GFn3UGu6P5nuDG/5wy5zYEO6lhF6DzX3bP0meeKeCRnWXtOd0WbutiV3KA+7yy5QuKim+Ikuc5P1xefJjtNC0OnLGIL/hh7BZ1rLwI6HUupNjorU3uW0H9Ldr7RFotubdTerrJgxNunCMg7cgiOgZ7zChUpjwpZcKMvCaU8PK7bRuEiXCZhdGgIpdI5ftVjgjGCkK9HqXgxLRgncutJnWvjtrcu1pRah+jR4QY58njQNngQaHpNORM84alDTNeo5bCyIYhAXHcQa1iI2zPnOE+MdHjCuzHFkpPy0gwxxJg7c+ya8FMTFxvnp2QY5XnjjB8rT7COR/+wBXH8bwt0+n8L8uS/Eq973g3ED1n6bocSrB9Wo5DC+lSs+0EeAg38tLYVwjpNsPnjWLjizHO8KqCs81Od9U1+Pu7x4dG6MI/HPp76HIQBGmHNwXJnhwC3EOUooFgQRbAboDWgkjKf6rHrS21iH2jKLIehMMBt9XRZM7wyma0HzjNIeejr6cl/E7smlVPlE99GOOlYno8vcNraDxqahtHF6nQmrLH7Unib4EFQUKqJJQujHwQjg7jZmRopj4MnDuPG9AdSPq1WOZSxEx+yXtLHweNktFzCVEfRYLSgnmJ8wmhPWWaTUFmsJMCZbqwoFlQT/uyz6yDa3xKG4TCq6iuSUBzFLJlDGSJ9EaLTKSqv2I3tfCh0qN1k9yHcStL2StDMCBO09ISkmPje0YaIl0tKuvGWmWY5pz1QWREIW44nMrsdlGsRgi2BkcWa7wM3aHdn9GZRwljf8v/j7fG/In8tPPLfreJ86z4Jj2HszuAbBVEimX9gPPlP8v+f8nyK7huE2TvTT8WjfwT375LiZflPN5/FvjONLLeiGARhPcY9BJ9AKR/pTT4mwGNVwvMWzEtednwzx5RgXajy6RKKl2zw1yFWyoC0jYCPt5ZFPJDHJtTCd0bZ4i1zciODw6OhtxtNqUf5maIgBFEkfLfIgvkDVIpFCyHfRlQzWW4kaSTsSCE7rxCcl1rlhYFWScCjU3WpClGBBWdAVYJYZdxgUmVhctGHj+VJE5WKt+KDw2+lp1F6WH0jglCK/41vTqV9DhdsnZJAc+ArpSmW5F4WGSkLVLn7ZOPo2ut3fXUkfbm+LmIzWA52li37AOkBkf+EiiqT2P1e/x4v94Kn4w7uGfTuEz6O4CeSANcjQcun/aN/oGH5EdVkdBapzkjHvR4wdc+sPc9X0e8eG2Vdv6qTIsWkbXy6K+onHnJKT7GMHFfiBRoenHw12OlZdrSn2mQ0LhIVhMP+zzKYp3PI9CL/IKjpE0ET6m2ygdgOD1+t/1CSNmhjlv+i8FShwuPGpkjlvHMDB3FIjtCA6J+E/G98twRakh69w+Ffpd1U6weKwfFmci14kELnRH+3DNATBsfEzD0R/IEjSOCzMUUbpS52tM32/P3s7qsiDVQ4ishg0LCvZyY2PHYy1mhP51Pd6kmxWfLFm36qw+CjVum9mVUVCncOyTKBMjv4fjztsfCZxLo6PV3TMySEk0w9bJsKmfg5nFIINcEtkHq1G51X+LThJMucyCzC/J4UY5Y144dmUmZo/HDnNAZOpM+ZunGUvZwWeAw0dVaC1TRCWfPFCObg9xTNMmuEMY45nhC/mWkQoqxpUnLi3iOQGLBnDO1Y4F06UzU4dDCSj+3v/ghjLz91fb+ebcu5hTTf4kJfZ0cN6yNddOxJmZoU9wg81hjTUwftyKtvCxDa1OyGQnlPxmlNyDF6h+Kpfvm+0f6S4v/9/pelA08JyR6MaSKDcmQWHqXV+8fBE6PBiI16n+ZU+rg4wNa5lNXWKmGBcZmpsvIWdlTGhO5KaZ4Htx0mQfK1AZPDYLN9R79/tjUpFDB2x0DoE4AM4rAggqGDuNUlO/vP3OqXfwXSffuKUiniYZkYbj/vsYPSZuYv7MkJpYf011XnUfLW6O1SLp05eby1NKIGUeWFyhpHEHF3mcgoyZTY5oWhB8sVkSn0h0Tcp4OENH48btN7HOEyJQHLfPh/c5u5N+DgxN6Thw4csHKPcZotFthAIUGr2aL5a/S4tcG4P+IyG0ItfrgMf7nStwds+SY9+++c6keYQMaqp2Rophuvk5PcZhk/j05XbUyh5BU0BRHhDtN9Ve8p9aD2oR41H3z8L5UANNGe6gmxZQJBWeyEdxPYXCZ4rvzdB4BLv2c3kd4x7iG3CK3TluqXfpHNkc+xueZ+mwsxu2xYamQHFUvtiKSuPhw6E0skZmU9uF9Xl5VdLGwOj6iKyDYvxOauRhkrCxND3y2j0TBpEgaTlPiA1X5w/8GppOPHt/SpyAyQAIOM9m8Bk8EUFpfepeqMaEhcLsBHCHUEGVEM7PpquHadyg0uF4Qj151MYMhQmXNJ3hMGMGUMYARyDBkT6IYnsicwepW1yYYXdBWBoOPzVO3cypXiM27cqdzR3ClcgfPflGw41xb0ft6CjW5dw3mpvj1ulcZnXluDO/x9p47+dkRMZNydixACEzh4j8PeCxPnjMUFnhsTYtaGFBSQl/kcOu1DJhEDgn0eO/GeW3wWTavq9/LLx/sYA/8W1EKU/7sA/BL3+cQj3tPjs99S8d4exQ3CgID/3ccfTNgSZg61kMKAuNBzngI7hMTvJFXsw10uJY1pjhqOPYKvhgiHt8Vs7+mhxfKG6r2s3je/UMRjHaR5RL4AezmITt4h2uEh8tjOoNSkY88mCmP7q0TbyQzK5fT0np4yGvD9nIfTUumLJ9bxoHBBxowtMzMCUnB+jH8TilKKDrejd4fjRnr5KbJmKhdc343fQvInRRcsy18YvX7IcFwIDg9bzo4TSDhizxB2+Wp6RQwuvUGrUBSOmZoro0qo08uDpDPRiVVZCvEq0VQ3fbZIXOVBFywTaZvFDC7rl1QiJMuZqBnXwR6fm1JcsmrsmvVPeCHRW8DxqQZA0NMkVBnVGGs7QjoiT87uiPTw8PRCAZsKyazhGMqjg/yDj/he9cDoMilNTKPSrqxiOlEn/MO/cZ1sk9Iyjx2oEwU+vtqgNOhNbhikioD5HVdPzKoKqDJZF3nUWVkRXomjVZXWisqCAPx5lp+br4uo3222RoWGGge+RKh1MClnmaYcU9z4mJiyWQJGcVQa5llK49BsNHtenR4Ik4aVaDS+OiGEL9Ros7O1mu1V2xc4DTXahSema9eoU1PtJDCsU2dX2mGJyxOW2lF7WxdF4Gp1Kp1JiNBRmnxlpi6VE8r1XjOWRCjCMzPDFRElcVOZRzs6KMypCkJkisuTg9Grdafu/sz92XWSAYwDjkEeiFh+65nrGVAS/6v8ALrUuBSF4uiamim6oVevw8Ot1oEFFhU6MICqLAsGrMD3jTXQIm7TVuB2BI248P6mTOFYc3Xt1eAT9oEpq9RT3bq7TfWm/qgpgwNLjPRvLhYT616ZXlnrNNi+xLYpak4hu6aGXchRPxXwsdfUFLLVnKcZiYdOXlOuFhTx+UUCdU+AyL+Irxb0JPKC46t4llA4a0OAMG0gf53I1UyEJkpr3HuZpTQnjF7pZMlZSlbPilmKIJ3O0Ir1hh3dhQKz5N8DJXf8xpuYjZmbFJXnHT/e+NnmcOihNViOyuHsluvHVtLowl64c2f+pWJGCMSGp/HJExPjzC+dWKdWKofLdCtX7JNNS42btTfCpD8XOlQqGjqrrFQuN5nGXr4CXp1BhpT9JvWYM2d/igl4AWqGTYB2dqIlZJvlGwoOEwPE1iboLnJDEF9rX1mnklah0guXky9fRCVVKolpJTmZJ8mFSuVbMG9FXvBKypULBpBK61aQkniqXFTLqwLiap23n/fpwhQPvgABG72ibgPe2wredG8gjbGPSTpVfbHar2fuXEvt0dpaCzhiCRZCe7Ec7wbN4apT2o+S61yCrmA040gfE++SrbrU7N/kn86uwOEOrTF67vtzOSfnWjuby66AdNbuo1hKibnqx4p3Y5MxVFbXyumla/G1lR2GE1MlODO8+GzlmglOghldLv8uodnlsnKsLpe2mjChOYAQmN/YiO5Yj56TszfXAKMcwBx6oWrmFrfo5fbGNg9p4vz+/EWC14Ew6q9dqU1ze607XopirZ9D9ObqhzS/8BIn4xDt6iBs5YD01EpMS46rkspWrVKrUWrs26tVel7qVnbDrVtjW1rwrS3i+bulkg36oI2Nbo0bKfr9Eok+YiMeRvy2R3NCM1SPWpyY/Eg/+VZNhtwJckWcNA47jSs6EsBT0tgi7hEAwBRedISTDYPXneNdd+F80/kLwBl7z9290WZ+QfpNp/iQFTuo+DJ49O7dCAgRRYmpnTragrnZNaXa2+OSo7Mpy6YW5FVkr2Zt7i4UxYo3rV2xYPajq8ua1ep9tftm9/+uO6mG0bV2Gs0iyXk8fYcHCMkXV3iJdeygnoldlPkxnyoy5/Hn3+Gb/BULy2mDg7/uyvYfcAKMHRECACBnyAQGIe27j/RAbZ5+z2RATwIDOyxANKydMdsw9u1WIDdYBhv8QSqQP/SRcz40X5auyo5FGFvA6ZAd829RayGmeidlCBY0qrbeg7nHYZEZ0XFBETvYoZ3WdcUwU9VdpyLJQ6AR0RlzD1PKlTahCzRZEWQy4gUeEoYKPjtmWxMr6prSaHaMXHSdJjtyGAzCIW8djBi8NMSH3gBzFHXFGBEqDka+O4iyK2oRho1N2aYjXQ6sQZZOgea90TdpGfNwxXhc4t/DPREbgFuxx/vrKwI4PbVtvlJ1/BNuG0qg9RbyHljzlJwu+GN0fn4LFwbe8+ehCUXQROvBe3Rf38dU+QoUzAJFQkptohIx6IEq1/X2rZBKo2pW3VrfpqhJxS1atwK4VgyOzT305Sk8IAJ1nxCFup99GYN/vQBNA/pKHArD9ycViCcEwkqi+wBFiZB+Y6gJNguh3sV/lBKZ+pfhOVVYIaF8P0jXj9u+LOFV1fdeeO7fmRRT4j4Lf6HVYVLNb09P/lPBYHneg7CS6D601ooCpN+ID5XsPgjTYmfj/xoq8KEz9S/DMzO1wkSrs8SuH7eeuCzh9bul+nReeO7fBdOMKFmIv3HOFr7Qap5hqiDktydrZZ7VM1gh6lPDYQASXLb+bQwggAIGOBBAAvX8CJrME9h/N82wHC+Ikqyomm6Ylu3sD8fT+XJ1PT8IozhJs7woq7ppu34Yp/mWJhSJJVKZPD0jU5GVnZM7Lk+JqvILCouKS9SlZePd3CMIQTCARqYORHhdDqHYBtxqteCw2M4CWUytnUD0+sqM9nvkjQkD6B5jVURyqChzJFC8TbNXYpKeW04sJsethnJ0N+pM5dQyqYBVdI3lvG2tcCmHtiyHtmrTNN/iRtcfN8kgPKk7wS2akqBMhyTU+Zh2qG8tJ0WbIDG3QbjmJjeJNgm9dilSw0qPEoOLFI5n2MQ57rCZkeqxomqqBGLCM2I1kBKvQdrMbcZDSKnNcWG9lu93w2asqkyGvb+KyVErMUzaFFjwtMwCphvHa4poKbgzYMpwx19QRaR9kc+tCuLQ4ZN4Vs5Ix5WUFzU51dLmgWaP1YZKQhE8qnbIVs6HEpvJ47tKfUzowimM0JmRVXk+paTK+dROuIjC/prPI1pS3Q/9Y7wA5oc7HWJlBpxr0EXtCoLY6dixrZK8BXrgNycLpIrFQMGAQCAVMbJWWE4y+TbaMFeqbGvh7QI=);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-material,
.ag-theme-material-dark,
.ag-theme-material-auto-dark {
  --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-row-numbers-selected-color: color-mix(in srgb, transparent, var(--ag-material-accent-color) 50%);
  --ag-calculated-column-highlight-color: color-mix(in srgb, transparent, var(--ag-material-accent-color) 12%);
  --ag-range-selection-highlight-color: #fce4ec;
  --ag-row-hover-color: #fafafa;
  --ag-column-hover-color: #fafafa;
  --ag-icon-button-hover-background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 6%);
  --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-find-match-color: var(--ag-foreground-color);
  --ag-find-match-background-color: #ffff00;
  --ag-find-active-match-color: var(--ag-foreground-color);
  --ag-find-active-match-background-color: #ffa500;
  --ag-filter-panel-apply-button-color: var(--ag-material-primary-color);
  --ag-filter-panel-apply-button-background-color: transparent;
  --ag-column-panel-apply-button-color: var(--ag-material-primary-color);
  --ag-column-panel-apply-button-background-color: transparent;
  --ag-range-selection-border-color: var(--ag-material-primary-color);
  --ag-checkbox-checked-color: var(--ag-material-accent-color);
  --ag-borders: none;
  --ag-borders-critical: solid 1px;
  --ag-border-color: #e2e2e2;
  --ag-grid-size: 8px;
  --ag-icon-size: 18px;
  --ag-header-height: calc(var(--ag-grid-size) * 7);
  --ag-row-height: calc(var(--ag-grid-size) * 6);
  --ag-auto-height-min-body-height: 150px;
  --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-font-size: 13px;
  --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-input-error-focus-box-shadow: 0 0 0 5px
      color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%);
  --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;
  --ag-note-indicator-color: var(--ag-material-accent-color);
}

.ag-theme-material-dark {
  --ag-material-primary-color: #3f51b5;
  --ag-material-accent-color: #bb86fcff;
  --ag-range-selection-border-color: var(--ag-material-accent-color);
  --ag-find-match-color: var(--ag-background-color);
  --ag-find-active-match-color: var(--ag-background-color);
  --ag-background-color: #121212ff;
  --ag-foreground-color: #ffffffff;
  --ag-data-color: #f5f5f5ff;
  --ag-header-cell-hover-background-color: #000000ff;
  --ag-icon-button-hover-background-color: #000000ff;
  --ag-advanced-filter-join-pill-color: #7a3a37ff;
  --ag-advanced-filter-column-pill-color: #355f2dff;
  --ag-advanced-filter-option-pill-color: #5a3168ff;
  --ag-advanced-filter-value-pill-color: #374c86ff;
  --ag-input-disabled-border-color: #3a434eff;
  --ag-input-disabled-background-color: #68686e12;
  --ag-selected-row-background-color: #bb86fc33;
  --ag-row-hover-color: #bb86fc33;
  --ag-column-hover-color: #f5f5f50d;
  --ag-range-selection-background-color: #bb86fc1a;
  --ag-range-selection-background-color-2: #bb86fc30;
  --ag-range-selection-background-color-3: #bb86fc45;
  --ag-range-selection-background-color-4: #bb86fc57;
  --ag-border-color: #383838ff;
  --ag-secondary-border-color: #383838ff;
  --ag-header-background-color: #121212ff;
  --ag-tooltip-background-color: #212b38ff;
  --ag-odd-row-background-color: #121212ff;
  --ag-control-panel-background-color: #2c2c2cff;
  --ag-subheader-background-color: #ffffff0d;
  --ag-subheader-toolbar-background-color: #2c2c2cff;
  --ag-invalid-color: #e02525ff;
  --ag-checkbox-unchecked-color: #797e87ff;
  --ag-checkbox-background-color: #121212ff;
  --ag-secondary-foreground-color: #f5f5f5ff;
  --ag-input-border-color: #383838ff;
  --ag-input-border-color-invalid: #e02525ff;
  --ag-disabled-foreground-color: #f5f5f580;
  --ag-chip-background-color: #22262812;
  --ag-side-button-selected-background-color: #2c2c2cff;
  --ag-selected-tab-underline-color: #3f51b5ff;
  --ag-modal-overlay-background-color: #121212a8;
  --ag-value-change-delta-up-color: #43a047a8;
  --ag-value-change-delta-down-color: #e53935ff;
  --ag-menu-background-color: #2c2c2cff;
  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
  --ag-cell-batch-edit-text-color: #f3d0b3;
  --ag-formula-token-1-color: #4da3e5;
  --ag-formula-token-1-background-color: rgb(77 163 229 / 16%);
  --ag-formula-token-2-color: #f55864;
  --ag-formula-token-2-background-color: rgb(245 88 100 / 16%);
  --ag-formula-token-3-color: #b688f2;
  --ag-formula-token-3-background-color: rgb(182 136 242 / 16%);
  --ag-formula-token-4-color: #24bb4a;
  --ag-formula-token-4-background-color: rgb(36 187 74 / 16%);
  --ag-formula-token-5-color: #e772ba;
  --ag-formula-token-5-background-color: rgb(231 114 186 / 16%);
  --ag-formula-token-6-color: #f69b5f;
  --ag-formula-token-6-background-color: rgb(246 155 95 / 16%);
  --ag-formula-token-7-color: #a3e6ff;
  --ag-formula-token-7-background-color: rgb(163 230 255 / 16%);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  .ag-theme-material-auto-dark {
    --ag-material-primary-color: #3f51b5;
    --ag-material-accent-color: #bb86fcff;
    --ag-range-selection-border-color: var(--ag-material-accent-color);
    --ag-find-match-color: var(--ag-background-color);
    --ag-find-active-match-color: var(--ag-background-color);
    --ag-background-color: #121212ff;
    --ag-foreground-color: #ffffffff;
    --ag-data-color: #f5f5f5ff;
    --ag-header-cell-hover-background-color: #000000ff;
    --ag-icon-button-hover-background-color: #000000ff;
    --ag-advanced-filter-join-pill-color: #7a3a37ff;
    --ag-advanced-filter-column-pill-color: #355f2dff;
    --ag-advanced-filter-option-pill-color: #5a3168ff;
    --ag-advanced-filter-value-pill-color: #374c86ff;
    --ag-input-disabled-border-color: #3a434eff;
    --ag-input-disabled-background-color: #68686e12;
    --ag-selected-row-background-color: #bb86fc33;
    --ag-row-hover-color: #bb86fc33;
    --ag-column-hover-color: #f5f5f50d;
    --ag-range-selection-background-color: #bb86fc1a;
    --ag-range-selection-background-color-2: #bb86fc30;
    --ag-range-selection-background-color-3: #bb86fc45;
    --ag-range-selection-background-color-4: #bb86fc57;
    --ag-border-color: #383838ff;
    --ag-secondary-border-color: #383838ff;
    --ag-header-background-color: #121212ff;
    --ag-tooltip-background-color: #212b38ff;
    --ag-odd-row-background-color: #121212ff;
    --ag-control-panel-background-color: #2c2c2cff;
    --ag-subheader-background-color: #ffffff0d;
    --ag-subheader-toolbar-background-color: #2c2c2cff;
    --ag-invalid-color: #e02525ff;
    --ag-checkbox-unchecked-color: #797e87ff;
    --ag-checkbox-background-color: #121212ff;
    --ag-secondary-foreground-color: #f5f5f5ff;
    --ag-input-border-color: #383838ff;
    --ag-input-border-color-invalid: #e02525ff;
    --ag-disabled-foreground-color: #f5f5f580;
    --ag-chip-background-color: #22262812;
    --ag-side-button-selected-background-color: #2c2c2cff;
    --ag-selected-tab-underline-color: #3f51b5ff;
    --ag-modal-overlay-background-color: #121212a8;
    --ag-value-change-delta-up-color: #43a047a8;
    --ag-value-change-delta-down-color: #e53935ff;
    --ag-menu-background-color: #2c2c2cff;
    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
    --ag-cell-batch-edit-text-color: #f3d0b3;
    --ag-formula-token-1-color: #4da3e5;
    --ag-formula-token-1-background-color: rgb(77 163 229 / 16%);
    --ag-formula-token-2-color: #f55864;
    --ag-formula-token-2-background-color: rgb(245 88 100 / 16%);
    --ag-formula-token-3-color: #b688f2;
    --ag-formula-token-3-background-color: rgb(182 136 242 / 16%);
    --ag-formula-token-4-color: #24bb4a;
    --ag-formula-token-4-background-color: rgb(36 187 74 / 16%);
    --ag-formula-token-5-color: #e772ba;
    --ag-formula-token-5-background-color: rgb(231 114 186 / 16%);
    --ag-formula-token-6-color: #f69b5f;
    --ag-formula-token-6-background-color: rgb(246 155 95 / 16%);
    --ag-formula-token-7-color: #a3e6ff;
    --ag-formula-token-7-background-color: rgb(163 230 255 / 16%);
    color-scheme: dark;
  }
}
.ag-theme-material .ag-filter-toolpanel-header,
.ag-theme-material .ag-filter-toolpanel-search,
.ag-theme-material .ag-status-bar,
.ag-theme-material .ag-header-row,
.ag-theme-material .ag-row-number-cell,
.ag-theme-material .ag-panel-title-bar-title,
.ag-theme-material .ag-multi-filter-group-title-bar,
.ag-theme-material-dark .ag-filter-toolpanel-header,
.ag-theme-material-dark .ag-filter-toolpanel-search,
.ag-theme-material-dark .ag-status-bar,
.ag-theme-material-dark .ag-header-row,
.ag-theme-material-dark .ag-row-number-cell,
.ag-theme-material-dark .ag-panel-title-bar-title,
.ag-theme-material-dark .ag-multi-filter-group-title-bar,
.ag-theme-material-auto-dark .ag-filter-toolpanel-header,
.ag-theme-material-auto-dark .ag-filter-toolpanel-search,
.ag-theme-material-auto-dark .ag-status-bar,
.ag-theme-material-auto-dark .ag-header-row,
.ag-theme-material-auto-dark .ag-row-number-cell,
.ag-theme-material-auto-dark .ag-panel-title-bar-title,
.ag-theme-material-auto-dark .ag-multi-filter-group-title-bar {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 600;
  color: var(--ag-header-foreground-color);
}
.ag-theme-material .ag-tab,
.ag-theme-material-dark .ag-tab,
.ag-theme-material-auto-dark .ag-tab {
  height: calc(var(--ag-grid-size) * 4.5);
  flex: 1 1 auto;
}
.ag-theme-material .ag-tabs-header,
.ag-theme-material .ag-column-drop-horizontal,
.ag-theme-material-dark .ag-tabs-header,
.ag-theme-material-dark .ag-column-drop-horizontal,
.ag-theme-material-auto-dark .ag-tabs-header,
.ag-theme-material-auto-dark .ag-column-drop-horizontal {
  background-color: var(--ag-subheader-background-color);
}
.ag-theme-material .ag-toolbar-item:where(:not(.ag-toolbar-panel)),
.ag-theme-material-dark .ag-toolbar-item:where(:not(.ag-toolbar-panel)),
.ag-theme-material-auto-dark .ag-toolbar-item:where(:not(.ag-toolbar-panel)) {
  font-weight: 600;
}
.ag-theme-material .ag-toolbar-item,
.ag-theme-material-dark .ag-toolbar-item,
.ag-theme-material-auto-dark .ag-toolbar-item {
  font-size: calc(var(--ag-font-size) - 1px);
}
.ag-theme-material .ag-toolbar .ag-column-drop-horizontal,
.ag-theme-material-dark .ag-toolbar .ag-column-drop-horizontal,
.ag-theme-material-auto-dark .ag-toolbar .ag-column-drop-horizontal {
  background-color: transparent;
}
.ag-theme-material .ag-toolbar .ag-toolbar-panel,
.ag-theme-material-dark .ag-toolbar .ag-toolbar-panel,
.ag-theme-material-auto-dark .ag-toolbar .ag-toolbar-panel {
  padding-inline-start: var(--ag-grid-size);
}
.ag-theme-material .ag-tabs-body,
.ag-theme-material-dark .ag-tabs-body,
.ag-theme-material-auto-dark .ag-tabs-body {
  padding: calc(var(--ag-grid-size) * 0.5) 0;
}
.ag-theme-material .ag-tabs-body .ag-menu-list,
.ag-theme-material-dark .ag-tabs-body .ag-menu-list,
.ag-theme-material-auto-dark .ag-tabs-body .ag-menu-list {
  padding-top: 0;
  padding-bottom: 0;
}
.ag-theme-material .ag-header-cell,
.ag-theme-material .ag-header-group-cell,
.ag-theme-material-dark .ag-header-cell,
.ag-theme-material-dark .ag-header-group-cell,
.ag-theme-material-auto-dark .ag-header-cell,
.ag-theme-material-auto-dark .ag-header-group-cell {
  transition: background-color 0.5s;
}
.ag-theme-material .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing,
.ag-theme-material-dark .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing,
.ag-theme-material-auto-dark .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing {
  bottom: 0;
}
.ag-theme-material .ag-cell-inline-editing,
.ag-theme-material-dark .ag-cell-inline-editing,
.ag-theme-material-auto-dark .ag-cell-inline-editing {
  padding: var(--ag-grid-size);
  height: calc(var(--ag-row-height) + var(--ag-grid-size) * 3);
  border-color: var(--ag-border-color) !important;
}
.ag-theme-material .ag-has-focus .ag-cell-inline-editing,
.ag-theme-material-dark .ag-has-focus .ag-cell-inline-editing,
.ag-theme-material-auto-dark .ag-has-focus .ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}
.ag-theme-material .ag-column-drop-vertical,
.ag-theme-material-dark .ag-column-drop-vertical,
.ag-theme-material-auto-dark .ag-column-drop-vertical {
  border-bottom: solid 1px;
  border-bottom-color: var(--ag-border-color);
  padding-top: var(--ag-grid-size);
}
.ag-theme-material .ag-column-drop-vertical.ag-last-column-drop,
.ag-theme-material-dark .ag-column-drop-vertical.ag-last-column-drop,
.ag-theme-material-auto-dark .ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}
.ag-theme-material .ag-column-drop-vertical-cell,
.ag-theme-material-dark .ag-column-drop-vertical-cell,
.ag-theme-material-auto-dark .ag-column-drop-vertical-cell {
  margin-left: 0;
}
.ag-theme-material .ag-column-drop-vertical-empty-message,
.ag-theme-material-dark .ag-column-drop-vertical-empty-message,
.ag-theme-material-auto-dark .ag-column-drop-vertical-empty-message {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 600;
  color: var(--ag-disabled-foreground-color);
}
.ag-theme-material .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-material-dark .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-material-auto-dark .ag-ltr .ag-column-drop-vertical-empty-message {
  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  padding-right: var(--ag-grid-size);
}

.ag-theme-material .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-material-dark .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-material-auto-dark .ag-rtl .ag-column-drop-vertical-empty-message {
  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  padding-left: var(--ag-grid-size);
}

.ag-theme-material .ag-status-bar,
.ag-theme-material-dark .ag-status-bar,
.ag-theme-material-auto-dark .ag-status-bar {
  border: solid 1px;
  border-color: var(--ag-border-color);
}
.ag-theme-material .ag-column-panel-column-select,
.ag-theme-material-dark .ag-column-panel-column-select,
.ag-theme-material-auto-dark .ag-column-panel-column-select {
  border-top: solid 1px;
  border-top-color: var(--ag-border-color);
}
.ag-theme-material .ag-column-select,
.ag-theme-material .ag-column-select-header,
.ag-theme-material-dark .ag-column-select,
.ag-theme-material-dark .ag-column-select-header,
.ag-theme-material-auto-dark .ag-column-select,
.ag-theme-material-auto-dark .ag-column-select-header {
  border-bottom: solid 1px;
  border-bottom-color: var(--ag-border-color);
}
.ag-theme-material .ag-column-select-header,
.ag-theme-material-dark .ag-column-select-header,
.ag-theme-material-auto-dark .ag-column-select-header {
  height: var(--ag-header-height);
}
.ag-theme-material .ag-group-title-bar,
.ag-theme-material-dark .ag-group-title-bar,
.ag-theme-material-auto-dark .ag-group-title-bar {
  padding: calc(var(--ag-grid-size) * 0.75) var(--ag-grid-size);
}
.ag-theme-material .ag-charts-format-sub-level-group-title-bar,
.ag-theme-material-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-material-auto-dark .ag-charts-format-sub-level-group-title-bar {
  padding: calc(var(--ag-grid-size) * 0.5) var(--ag-grid-size);
}
.ag-theme-material .ag-chart-data-section,
.ag-theme-material .ag-chart-format-section,
.ag-theme-material .ag-chart-advanced-settings-section,
.ag-theme-material-dark .ag-chart-data-section,
.ag-theme-material-dark .ag-chart-format-section,
.ag-theme-material-dark .ag-chart-advanced-settings-section,
.ag-theme-material-auto-dark .ag-chart-data-section,
.ag-theme-material-auto-dark .ag-chart-format-section,
.ag-theme-material-auto-dark .ag-chart-advanced-settings-section {
  padding-bottom: calc(var(--ag-grid-size) * 0.5);
}
.ag-theme-material input[class^=ag-]:not([type]),
.ag-theme-material input[class^=ag-][type=text],
.ag-theme-material input[class^=ag-][type=number],
.ag-theme-material input[class^=ag-][type=tel],
.ag-theme-material input[class^=ag-][type=date],
.ag-theme-material input[class^=ag-][type=datetime-local],
.ag-theme-material textarea[class^=ag-],
.ag-theme-material-dark input[class^=ag-]:not([type]),
.ag-theme-material-dark input[class^=ag-][type=text],
.ag-theme-material-dark input[class^=ag-][type=number],
.ag-theme-material-dark input[class^=ag-][type=tel],
.ag-theme-material-dark input[class^=ag-][type=date],
.ag-theme-material-dark input[class^=ag-][type=datetime-local],
.ag-theme-material-dark textarea[class^=ag-],
.ag-theme-material-auto-dark input[class^=ag-]:not([type]),
.ag-theme-material-auto-dark input[class^=ag-][type=text],
.ag-theme-material-auto-dark input[class^=ag-][type=number],
.ag-theme-material-auto-dark input[class^=ag-][type=tel],
.ag-theme-material-auto-dark input[class^=ag-][type=date],
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-material-auto-dark textarea[class^=ag-] {
  background: transparent;
  color: var(--ag-foreground-color);
  font-family: inherit;
  font-size: inherit;
  padding-bottom: var(--ag-grid-size);
  border-width: 0;
  border-radius: 0;
  border-bottom: 2px solid;
  border-bottom-color: var(--ag-border-color);
}
.ag-theme-material input[class^=ag-]:not([type]):not(textarea),
.ag-theme-material input[class^=ag-][type=text]:not(textarea),
.ag-theme-material input[class^=ag-][type=number]:not(textarea),
.ag-theme-material input[class^=ag-][type=tel]:not(textarea),
.ag-theme-material input[class^=ag-][type=date]:not(textarea),
.ag-theme-material input[class^=ag-][type=datetime-local]:not(textarea),
.ag-theme-material textarea[class^=ag-]:not(textarea),
.ag-theme-material-dark input[class^=ag-]:not([type]):not(textarea),
.ag-theme-material-dark input[class^=ag-][type=text]:not(textarea),
.ag-theme-material-dark input[class^=ag-][type=number]:not(textarea),
.ag-theme-material-dark input[class^=ag-][type=tel]:not(textarea),
.ag-theme-material-dark input[class^=ag-][type=date]:not(textarea),
.ag-theme-material-dark input[class^=ag-][type=datetime-local]:not(textarea),
.ag-theme-material-dark textarea[class^=ag-]:not(textarea),
.ag-theme-material-auto-dark input[class^=ag-]:not([type]):not(textarea),
.ag-theme-material-auto-dark input[class^=ag-][type=text]:not(textarea),
.ag-theme-material-auto-dark input[class^=ag-][type=number]:not(textarea),
.ag-theme-material-auto-dark input[class^=ag-][type=tel]:not(textarea),
.ag-theme-material-auto-dark input[class^=ag-][type=date]:not(textarea),
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:not(textarea),
.ag-theme-material-auto-dark textarea[class^=ag-]:not(textarea) {
  height: calc(var(--ag-grid-size) * 5);
}
.ag-theme-material input[class^=ag-]:not([type]):focus,
.ag-theme-material input[class^=ag-][type=text]:focus,
.ag-theme-material input[class^=ag-][type=number]:focus,
.ag-theme-material input[class^=ag-][type=tel]:focus,
.ag-theme-material input[class^=ag-][type=date]:focus,
.ag-theme-material input[class^=ag-][type=datetime-local]:focus,
.ag-theme-material textarea[class^=ag-]:focus,
.ag-theme-material-dark input[class^=ag-]:not([type]):focus,
.ag-theme-material-dark input[class^=ag-][type=text]:focus,
.ag-theme-material-dark input[class^=ag-][type=number]:focus,
.ag-theme-material-dark input[class^=ag-][type=tel]:focus,
.ag-theme-material-dark input[class^=ag-][type=date]:focus,
.ag-theme-material-dark input[class^=ag-][type=datetime-local]:focus,
.ag-theme-material-dark textarea[class^=ag-]:focus,
.ag-theme-material-auto-dark input[class^=ag-]:not([type]):focus,
.ag-theme-material-auto-dark input[class^=ag-][type=text]:focus,
.ag-theme-material-auto-dark input[class^=ag-][type=number]:focus,
.ag-theme-material-auto-dark input[class^=ag-][type=tel]:focus,
.ag-theme-material-auto-dark input[class^=ag-][type=date]:focus,
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:focus,
.ag-theme-material-auto-dark textarea[class^=ag-]:focus {
  border-bottom: 2px solid;
  border-bottom-color: var(--ag-material-primary-color);
  outline: none;
  box-shadow: none;
}
.ag-theme-material input[class^=ag-]:not([type])::placeholder,
.ag-theme-material input[class^=ag-][type=text]::placeholder,
.ag-theme-material input[class^=ag-][type=number]::placeholder,
.ag-theme-material input[class^=ag-][type=tel]::placeholder,
.ag-theme-material input[class^=ag-][type=date]::placeholder,
.ag-theme-material input[class^=ag-][type=datetime-local]::placeholder,
.ag-theme-material textarea[class^=ag-]::placeholder,
.ag-theme-material-dark input[class^=ag-]:not([type])::placeholder,
.ag-theme-material-dark input[class^=ag-][type=text]::placeholder,
.ag-theme-material-dark input[class^=ag-][type=number]::placeholder,
.ag-theme-material-dark input[class^=ag-][type=tel]::placeholder,
.ag-theme-material-dark input[class^=ag-][type=date]::placeholder,
.ag-theme-material-dark input[class^=ag-][type=datetime-local]::placeholder,
.ag-theme-material-dark textarea[class^=ag-]::placeholder,
.ag-theme-material-auto-dark input[class^=ag-]:not([type])::placeholder,
.ag-theme-material-auto-dark input[class^=ag-][type=text]::placeholder,
.ag-theme-material-auto-dark input[class^=ag-][type=number]::placeholder,
.ag-theme-material-auto-dark input[class^=ag-][type=tel]::placeholder,
.ag-theme-material-auto-dark input[class^=ag-][type=date]::placeholder,
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]::placeholder,
.ag-theme-material-auto-dark textarea[class^=ag-]::placeholder {
  color: var(--ag-disabled-foreground-color);
}
.ag-theme-material input[class^=ag-]:not([type]):disabled,
.ag-theme-material input[class^=ag-][type=text]:disabled,
.ag-theme-material input[class^=ag-][type=number]:disabled,
.ag-theme-material input[class^=ag-][type=tel]:disabled,
.ag-theme-material input[class^=ag-][type=date]:disabled,
.ag-theme-material input[class^=ag-][type=datetime-local]:disabled,
.ag-theme-material textarea[class^=ag-]:disabled,
.ag-theme-material-dark input[class^=ag-]:not([type]):disabled,
.ag-theme-material-dark input[class^=ag-][type=text]:disabled,
.ag-theme-material-dark input[class^=ag-][type=number]:disabled,
.ag-theme-material-dark input[class^=ag-][type=tel]:disabled,
.ag-theme-material-dark input[class^=ag-][type=date]:disabled,
.ag-theme-material-dark input[class^=ag-][type=datetime-local]:disabled,
.ag-theme-material-dark textarea[class^=ag-]:disabled,
.ag-theme-material-auto-dark input[class^=ag-]:not([type]):disabled,
.ag-theme-material-auto-dark input[class^=ag-][type=text]:disabled,
.ag-theme-material-auto-dark input[class^=ag-][type=number]:disabled,
.ag-theme-material-auto-dark input[class^=ag-][type=tel]:disabled,
.ag-theme-material-auto-dark input[class^=ag-][type=date]:disabled,
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:disabled,
.ag-theme-material-auto-dark textarea[class^=ag-]:disabled {
  border-bottom: 1px solid;
  border-bottom-color: var(--ag-border-color);
}
.ag-theme-material input[class^=ag-]:not([type]):invalid,
.ag-theme-material input[class^=ag-][type=text]:invalid,
.ag-theme-material input[class^=ag-][type=number]:invalid,
.ag-theme-material input[class^=ag-][type=tel]:invalid,
.ag-theme-material input[class^=ag-][type=date]:invalid,
.ag-theme-material input[class^=ag-][type=datetime-local]:invalid,
.ag-theme-material textarea[class^=ag-]:invalid,
.ag-theme-material-dark input[class^=ag-]:not([type]):invalid,
.ag-theme-material-dark input[class^=ag-][type=text]:invalid,
.ag-theme-material-dark input[class^=ag-][type=number]:invalid,
.ag-theme-material-dark input[class^=ag-][type=tel]:invalid,
.ag-theme-material-dark input[class^=ag-][type=date]:invalid,
.ag-theme-material-dark input[class^=ag-][type=datetime-local]:invalid,
.ag-theme-material-dark textarea[class^=ag-]:invalid,
.ag-theme-material-auto-dark input[class^=ag-]:not([type]):invalid,
.ag-theme-material-auto-dark input[class^=ag-][type=text]:invalid,
.ag-theme-material-auto-dark input[class^=ag-][type=number]:invalid,
.ag-theme-material-auto-dark input[class^=ag-][type=tel]:invalid,
.ag-theme-material-auto-dark input[class^=ag-][type=date]:invalid,
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:invalid,
.ag-theme-material-auto-dark textarea[class^=ag-]:invalid {
  border-width: 0;
  border-bottom: 1px solid;
  border-bottom-color: var(--ag-invalid-color);
  color: var(--ag-invalid-color);
}
.ag-theme-material .ag-toolbar-button-wrapper,
.ag-theme-material-dark .ag-toolbar-button-wrapper,
.ag-theme-material-auto-dark .ag-toolbar-button-wrapper {
  transition: background-color 0.5s;
}
.ag-theme-material .ag-toolbar-find,
.ag-theme-material .ag-toolbar-input,
.ag-theme-material-dark .ag-toolbar-find,
.ag-theme-material-dark .ag-toolbar-input,
.ag-theme-material-auto-dark .ag-toolbar-find,
.ag-theme-material-auto-dark .ag-toolbar-input {
  border-left: none;
  border-right: none;
  border-top: none;
  box-shadow: none;
}
.ag-theme-material .ag-toolbar-find,
.ag-theme-material-dark .ag-toolbar-find,
.ag-theme-material-auto-dark .ag-toolbar-find {
  height: calc(var(--ag-grid-size) * 5);
  border-bottom: 2px solid var(--ag-border-color);
}
.ag-theme-material .ag-toolbar-find:focus-within,
.ag-theme-material-dark .ag-toolbar-find:focus-within,
.ag-theme-material-auto-dark .ag-toolbar-find:focus-within {
  border-top: none;
  border-left: none;
  border-right: none;
  box-shadow: none;
  border-bottom: 2px solid var(--ag-material-primary-color);
}
.ag-theme-material .ag-toolbar-input-field:focus,
.ag-theme-material-dark .ag-toolbar-input-field:focus,
.ag-theme-material-auto-dark .ag-toolbar-input-field:focus {
  border-top: none;
  border-left: none;
  border-right: none;
  box-shadow: none;
}
.ag-theme-material .ag-toolbar input[class^=ag-]:not([type]),
.ag-theme-material .ag-toolbar input[class^=ag-][type=text],
.ag-theme-material .ag-toolbar input[class^=ag-][type=number],
.ag-theme-material .ag-toolbar input[class^=ag-][type=tel],
.ag-theme-material .ag-toolbar input[class^=ag-][type=date],
.ag-theme-material .ag-toolbar input[class^=ag-][type=datetime-local],
.ag-theme-material .ag-toolbar textarea[class^=ag-],
.ag-theme-material-dark .ag-toolbar input[class^=ag-]:not([type]),
.ag-theme-material-dark .ag-toolbar input[class^=ag-][type=text],
.ag-theme-material-dark .ag-toolbar input[class^=ag-][type=number],
.ag-theme-material-dark .ag-toolbar input[class^=ag-][type=tel],
.ag-theme-material-dark .ag-toolbar input[class^=ag-][type=date],
.ag-theme-material-dark .ag-toolbar input[class^=ag-][type=datetime-local],
.ag-theme-material-dark .ag-toolbar textarea[class^=ag-],
.ag-theme-material-auto-dark .ag-toolbar input[class^=ag-]:not([type]),
.ag-theme-material-auto-dark .ag-toolbar input[class^=ag-][type=text],
.ag-theme-material-auto-dark .ag-toolbar input[class^=ag-][type=number],
.ag-theme-material-auto-dark .ag-toolbar input[class^=ag-][type=tel],
.ag-theme-material-auto-dark .ag-toolbar input[class^=ag-][type=date],
.ag-theme-material-auto-dark .ag-toolbar input[class^=ag-][type=datetime-local],
.ag-theme-material-auto-dark .ag-toolbar textarea[class^=ag-] {
  padding-bottom: 0;
}
.ag-theme-material .ag-paging-number .ag-input-field-input.ag-number-field-input,
.ag-theme-material-dark .ag-paging-number .ag-input-field-input.ag-number-field-input,
.ag-theme-material-auto-dark .ag-paging-number .ag-input-field-input.ag-number-field-input {
  padding-bottom: 1px;
}
.ag-theme-material .ag-standard-button,
.ag-theme-material-dark .ag-standard-button,
.ag-theme-material-auto-dark .ag-standard-button {
  appearance: none;
  background-color: transparent;
  border: 0;
  color: var(--ag-material-primary-color);
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.ag-theme-material .ag-standard-button:disabled,
.ag-theme-material-dark .ag-standard-button:disabled,
.ag-theme-material-auto-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-material .ag-dnd-ghost,
.ag-theme-material-dark .ag-dnd-ghost,
.ag-theme-material-auto-dark .ag-dnd-ghost {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 600;
}
.ag-theme-material .ag-filter-toolpanel-header,
.ag-theme-material-dark .ag-filter-toolpanel-header,
.ag-theme-material-auto-dark .ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 4);
}
.ag-theme-material .ag-filter-toolpanel-group-level-0-header,
.ag-theme-material-dark .ag-filter-toolpanel-group-level-0-header,
.ag-theme-material-auto-dark .ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 7);
}
.ag-theme-material .ag-filter-card-title,
.ag-theme-material-dark .ag-filter-card-title,
.ag-theme-material-auto-dark .ag-filter-card-title {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 600;
}
.ag-theme-material .ag-filter-panel .ag-standard-button,
.ag-theme-material-dark .ag-filter-panel .ag-standard-button,
.ag-theme-material-auto-dark .ag-filter-panel .ag-standard-button {
  padding: var(--ag-grid-size);
}
.ag-theme-material .ag-filter-add-button,
.ag-theme-material-dark .ag-filter-add-button,
.ag-theme-material-auto-dark .ag-filter-add-button {
  border-bottom: 2px solid var(--ag-material-primary-color);
}
.ag-theme-material .ag-filter-add-button .ag-icon,
.ag-theme-material-dark .ag-filter-add-button .ag-icon,
.ag-theme-material-auto-dark .ag-filter-add-button .ag-icon {
  color: var(--ag-material-active-color);
}
.ag-theme-material .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material .ag-ltr .ag-advanced-filter-builder-button, .ag-theme-material-dark .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material-dark .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material-dark .ag-ltr .ag-advanced-filter-builder-button, .ag-theme-material-auto-dark .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material-auto-dark .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material-auto-dark .ag-ltr .ag-advanced-filter-builder-button {
  margin-left: var(--ag-grid-size);
}

.ag-theme-material .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material .ag-rtl .ag-advanced-filter-builder-button, .ag-theme-material-dark .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material-dark .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material-dark .ag-rtl .ag-advanced-filter-builder-button, .ag-theme-material-auto-dark .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material-auto-dark .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material-auto-dark .ag-rtl .ag-advanced-filter-builder-button {
  margin-right: var(--ag-grid-size);
}

.ag-theme-material .ag-picker-field-wrapper:focus-within,
.ag-theme-material-dark .ag-picker-field-wrapper:focus-within,
.ag-theme-material-auto-dark .ag-picker-field-wrapper:focus-within {
  box-shadow: 0 0 0 1px var(--ag-material-primary-color);
}
.ag-theme-material .ag-rich-select-list,
.ag-theme-material-dark .ag-rich-select-list,
.ag-theme-material-auto-dark .ag-rich-select-list {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}
.ag-theme-material .ag-advanced-filter-builder-button-label,
.ag-theme-material-dark .ag-advanced-filter-builder-button-label,
.ag-theme-material-auto-dark .ag-advanced-filter-builder-button-label {
  text-transform: uppercase;
}
.ag-theme-material .ag-filter-active .ag-icon-filter,
.ag-theme-material-dark .ag-filter-active .ag-icon-filter,
.ag-theme-material-auto-dark .ag-filter-active .ag-icon-filter {
  color: var(--ag-material-accent-color);
}
.ag-theme-material .ag-list-item-hovered::after,
.ag-theme-material-dark .ag-list-item-hovered::after,
.ag-theme-material-auto-dark .ag-list-item-hovered::after {
  background-color: var(--ag-material-primary-color);
}
.ag-theme-material .ag-pill .ag-pill-button:hover,
.ag-theme-material-dark .ag-pill .ag-pill-button:hover,
.ag-theme-material-auto-dark .ag-pill .ag-pill-button:hover {
  color: var(--ag-material-primary-color);
}
.ag-theme-material .ag-header-highlight-before::after,
.ag-theme-material .ag-header-highlight-after::after,
.ag-theme-material-dark .ag-header-highlight-before::after,
.ag-theme-material-dark .ag-header-highlight-after::after,
.ag-theme-material-auto-dark .ag-header-highlight-before::after,
.ag-theme-material-auto-dark .ag-header-highlight-after::after {
  background-color: var(--ag-material-primary-color);
}
.ag-theme-material .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-material .ag-disabled .ag-icon,
.ag-theme-material .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-material [disabled] .ag-icon,
.ag-theme-material-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-material-dark .ag-disabled .ag-icon,
.ag-theme-material-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-material-dark [disabled] .ag-icon,
.ag-theme-material-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-material-auto-dark .ag-disabled .ag-icon,
.ag-theme-material-auto-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-material-auto-dark [disabled] .ag-icon {
  color: var(--ag-disabled-foreground-color);
}