diff --git a/eslint.config.js b/eslint.config.js index 1b50b91..5a67efd 100644 --- a/eslint.config.js +++ b/eslint.config.js @@ -23,6 +23,7 @@ export default tseslint.config( '@typescript-eslint/no-explicit-any': 'off', '@typescript-eslint/no-duplicate-enum-values': 'off', '@typescript-eslint/no-unused-expressions': 'warn', + '@typescript-eslint/no-unused-vars': 'warn', }, }, ); diff --git a/index.html b/index.html index e4b78ea..421cf30 100644 --- a/index.html +++ b/index.html @@ -2,9 +2,9 @@ - + - Vite + React + TS + We - Report
diff --git a/package-lock.json b/package-lock.json index d1fb356..940eaf6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,9 +8,6 @@ "name": "pos-realtime-report", "version": "0.0.0", "dependencies": { - "ag-grid-community": "^32.2.1", - "ag-grid-enterprise": "^32.2.1", - "ag-grid-react": "^32.2.1", "antd": "^5.21.2", "axios": "^1.7.7", "crypto-js": "^4.2.0", @@ -1818,55 +1815,6 @@ "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" } }, - "node_modules/ag-charts-community": { - "version": "10.2.0", - "resolved": "https://registry.npmjs.org/ag-charts-community/-/ag-charts-community-10.2.0.tgz", - "integrity": "sha512-zRB5xvMj14Mli8kEmcy4wDBzJpdOF7+3yqCXrr8ug3sGjMlAJaf33Vu6qqxzlS/Vpip6TNvjPK9Q6RdtDHslRw==", - "dependencies": { - "ag-charts-locale": "10.2.0", - "ag-charts-types": "10.2.0" - } - }, - "node_modules/ag-charts-locale": { - "version": "10.2.0", - "resolved": "https://registry.npmjs.org/ag-charts-locale/-/ag-charts-locale-10.2.0.tgz", - "integrity": "sha512-JAwuJFXwoVE94YFuwo1ZtnCJa4rFLQna+t2xT5qT2KUaohVPHB+Zd8ivP62lOv9j2ZgzSg4WANBo2UT1LCtl2Q==" - }, - "node_modules/ag-charts-types": { - "version": "10.2.0", - "resolved": "https://registry.npmjs.org/ag-charts-types/-/ag-charts-types-10.2.0.tgz", - "integrity": "sha512-PUqH1QtugpYLnlbMdeSZVf5PpT1XZVsP69qN1JXhetLtQpVC28zaj7ikwu9CMA9N9b+dBboA9QcjUQUJZVUokQ==" - }, - "node_modules/ag-grid-community": { - "version": "32.2.1", - "resolved": "https://registry.npmjs.org/ag-grid-community/-/ag-grid-community-32.2.1.tgz", - "integrity": "sha512-mrnm1DnLI9Wd408mMwP+6p7lbTC3FYgzNIUPygBvNh3SzZnbzTEUJF/BTKXi+MARWtG5S0IMUYy4hqBiLbobaQ==", - "dependencies": { - "ag-charts-types": "10.2.0" - } - }, - "node_modules/ag-grid-enterprise": { - "version": "32.2.1", - "resolved": "https://registry.npmjs.org/ag-grid-enterprise/-/ag-grid-enterprise-32.2.1.tgz", - "integrity": "sha512-Mm2u35SZ2ayZmqbXd5mM/yJzE0kArpGAxii7wg6RD+ymc34/ybp5D4UGbnUmDgBhUHP3ZwSR5SAmJ5xosjaNoA==", - "dependencies": { - "ag-charts-community": "10.2.0", - "ag-grid-community": "32.2.1" - } - }, - "node_modules/ag-grid-react": { - "version": "32.2.1", - "resolved": "https://registry.npmjs.org/ag-grid-react/-/ag-grid-react-32.2.1.tgz", - "integrity": "sha512-lojTKsT/ncRZ81mrDa7qkIhZePfYlLCHIiAL1WbzL1mNPrglaa7QQKkE6hhhuAXvAm2uUhK1OfkMPnrqsEFldA==", - "dependencies": { - "ag-grid-community": "32.2.1", - "prop-types": "^15.8.1" - }, - "peerDependencies": { - "react": "^16.3.0 || ^17.0.0 || ^18.0.0", - "react-dom": "^16.3.0 || ^17.0.0 || ^18.0.0" - } - }, "node_modules/ajv": { "version": "6.12.6", "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", @@ -3565,6 +3513,7 @@ "version": "4.1.1", "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", + "dev": true, "engines": { "node": ">=0.10.0" } @@ -3920,16 +3869,6 @@ "node": ">=6.0.0" } }, - "node_modules/prop-types": { - "version": "15.8.1", - "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", - "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==", - "dependencies": { - "loose-envify": "^1.4.0", - "object-assign": "^4.1.1", - "react-is": "^16.13.1" - } - }, "node_modules/proxy-from-env": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz", diff --git a/package.json b/package.json index d293304..13ab3ff 100644 --- a/package.json +++ b/package.json @@ -10,9 +10,6 @@ "preview": "vite preview" }, "dependencies": { - "ag-grid-community": "^32.2.1", - "ag-grid-enterprise": "^32.2.1", - "ag-grid-react": "^32.2.1", "antd": "^5.21.2", "axios": "^1.7.7", "crypto-js": "^4.2.0", diff --git a/public/icon.svg b/public/icon.svg new file mode 100644 index 0000000..ac5d49a --- /dev/null +++ b/public/icon.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/apps/admin/index.tsx b/src/apps/admin/index.tsx index c5eec21..6826c0a 100644 --- a/src/apps/admin/index.tsx +++ b/src/apps/admin/index.tsx @@ -1,21 +1,122 @@ -import { Navigate, Route, Routes } from 'react-router-dom'; +import axios from 'axios'; import AdminLayout from './layout'; -import { StorageDefaultURL } from '@pos/base'; - -function DefaultUrl() { - const path: any = StorageDefaultURL.get(); - return ; -} +import { API_URL, currencyFormatter } from '@pos/base'; +import { useEffect, useState } from 'react'; +import { Card, Col, DatePicker, Row, Table, Typography } from 'antd'; +import dayjs from 'dayjs'; +import { filter } from 'lodash'; export default function Admin() { + const [dataItem, setDataItem] = useState([]); + const [dataItemMaster, setDataItemMaster] = useState([]); + + const [loadingDataItem, setLoadingDataItem] = useState(false); + const [loadingDataItemMaster, setLoadingDataItemMaster] = useState(false); + const [filterDate, setFilerDate] = useState(dayjs()); + + async function getDataItem(params: any) { + setLoadingDataItem(true); + await axios + .get(API_URL.REPORT_SUMMARY_INCOME_ITEM, { params: params }) + .then((resp) => { + const data = resp.data.data; + setDataItem(data); + }) + .catch((err) => { + console.log(err); + }) + .finally(() => { + setLoadingDataItem(false); + }); + } + + async function getDataItemMaster(params: any) { + setLoadingDataItemMaster(true); + await axios + .get(API_URL.REPORT_SUMMARY_INCOME_ITEM_MASTER, { params: params }) + .then((resp) => { + const data = resp.data.data; + setDataItemMaster(data); + }) + .catch((err) => { + console.log(err); + }) + .finally(() => { + setLoadingDataItemMaster(false); + }); + } + + function handleGetDate(date: any) { + getDataItem({ date }); + getDataItemMaster({ date }); + } + + useEffect(() => { + if (filterDate) { + handleGetDate(filterDate.format('DD-MM-YYYY')); + } + }, [filterDate]); + return ( - - item} /> - item master} /> - } /> - } /> - + + + + + +
+ + + currencyFormatter({ value }), + }, + ]} + /> + +
+ +
item ?? '-', + }, + { dataIndex: 'tr_item__item_name', title: 'Item', width: 150 }, + { dataIndex: 'tr_item__qty', title: 'PAX', width: 70 }, + { + dataIndex: 'tr_item_bundling__total_net_price', + title: 'Revenue', + width: 150, + render: (value) => currencyFormatter({ value }), + }, + ]} + /> + ); } diff --git a/src/apps/admin/layout/index.tsx b/src/apps/admin/layout/index.tsx index fe3dccf..12763fa 100644 --- a/src/apps/admin/layout/index.tsx +++ b/src/apps/admin/layout/index.tsx @@ -1,6 +1,9 @@ -import { Layout } from 'antd'; -import { ReactNode } from 'react'; -import { Content } from 'antd/es/layout/layout'; +import { Button, Flex, Layout, Popconfirm, Tooltip, Typography } from 'antd'; +import { ReactNode, useState } from 'react'; +import { Content, Header } from 'antd/es/layout/layout'; +import { API_URL, handleLogout, IconWrapper } from '@pos/base'; +import { FaUser } from 'react-icons/fa'; +import axios from 'axios'; interface AdminLayoutProps { children: ReactNode; @@ -8,17 +11,52 @@ interface AdminLayoutProps { export default function AdminLayout(props: AdminLayoutProps) { const { children } = props; + const [loadingLogout, setLoadingLogout] = useState(false); + + async function handleClickLogout() { + setLoadingLogout(true); + try { + await axios({ url: `${API_URL.LOGOUT}`, method: 'delete' }); + setLoadingLogout(false); + await handleLogout(); + } catch (err: any) { + setLoadingLogout(false); + } + } return ( - - {children} - + + +
LAPORAN
+ + + handleClickLogout()} + > + + + + + + + + {children} ); } diff --git a/src/apps/auth/pages/login/index.tsx b/src/apps/auth/pages/login/index.tsx index 7318d4d..4c84b09 100644 --- a/src/apps/auth/pages/login/index.tsx +++ b/src/apps/auth/pages/login/index.tsx @@ -21,7 +21,7 @@ export default function LoginPage() { await handleLogin(user); if (role === 'tenant') { - navigate(WEB_URL.REPORT_TENANT); + navigate(WEB_URL.APP); } else { if (queryParam.get('u')) { const encPrevUrl = decryptData(decodeURIComponent(queryParam.get('u') as string)); diff --git a/src/apps/index.tsx b/src/apps/index.tsx index d860177..ac691a3 100644 --- a/src/apps/index.tsx +++ b/src/apps/index.tsx @@ -23,7 +23,7 @@ export default function App() { > } /> - } /> + } /> } /> } /> } /> diff --git a/src/base/infrastructure/constants/api-url/index.ts b/src/base/infrastructure/constants/api-url/index.ts index bd938ce..d5855d7 100644 --- a/src/base/infrastructure/constants/api-url/index.ts +++ b/src/base/infrastructure/constants/api-url/index.ts @@ -3,7 +3,6 @@ export const API_URL = { LOGOUT: '/v1/auth/logout', FORCE_LOGOUT: '/v1/auth/force-logout', - REPORT: '/v1/report', - REPORT_TENANT: '/v1/report', - REPORT_BOOKMARK: '/v1/report-bookmark', + REPORT_SUMMARY_INCOME_ITEM: '/v1/report-summary/income-item', + REPORT_SUMMARY_INCOME_ITEM_MASTER: '/v1/report-summary/income-item-master', }; diff --git a/src/base/infrastructure/constants/module-key/report-group.constant.ts b/src/base/infrastructure/constants/module-key/report-group.constant.ts index 523d707..e38ea17 100644 --- a/src/base/infrastructure/constants/module-key/report-group.constant.ts +++ b/src/base/infrastructure/constants/module-key/report-group.constant.ts @@ -1,4 +1,5 @@ export enum REPORT_GROUP { transaction_report = 'transaction_report', tenant_report = 'tenant_report', + realtime_report = 'realtime_report', } diff --git a/src/base/infrastructure/constants/web-url/index.ts b/src/base/infrastructure/constants/web-url/index.ts index c192f41..41e7624 100644 --- a/src/base/infrastructure/constants/web-url/index.ts +++ b/src/base/infrastructure/constants/web-url/index.ts @@ -1,4 +1,3 @@ export const WEB_URL = { - ITEM: '/app/item', - ITEM_MASTER: '/app/item-master', + APP: '/app', }; diff --git a/src/base/infrastructure/helpers/auth-handler/index.ts b/src/base/infrastructure/helpers/auth-handler/index.ts index 7db02e8..f64d914 100644 --- a/src/base/infrastructure/helpers/auth-handler/index.ts +++ b/src/base/infrastructure/helpers/auth-handler/index.ts @@ -32,7 +32,7 @@ export async function handleLogin(respLogin: any) { await StorageUserData.create(userData); // find web url module for first menu to access - await StorageDefaultURL.create({ value: WEB_URL.ITEM }); + await StorageDefaultURL.create({ value: WEB_URL.APP }); // save default url to local storage } catch (error) { diff --git a/src/base/presentation/assets/fonts/Paytone_One/OFL.txt b/src/base/presentation/assets/fonts/Paytone_One/OFL.txt deleted file mode 100644 index ab151ff..0000000 --- a/src/base/presentation/assets/fonts/Paytone_One/OFL.txt +++ /dev/null @@ -1,94 +0,0 @@ -Copyright 2011 The Paytone Project Authors (https://github.com/googlefonts/paytoneFont), -with Reserved Font Names "Paytone" and "Paytone One". - -This Font Software is licensed under the SIL Open Font License, Version 1.1. -This license is copied below, and is also available with a FAQ at: -https://openfontlicense.org - - ------------------------------------------------------------ -SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 ------------------------------------------------------------ - -PREAMBLE -The goals of the Open Font License (OFL) are to stimulate worldwide -development of collaborative font projects, to support the font creation -efforts of academic and linguistic communities, and to provide a free and -open framework in which fonts may be shared and improved in partnership -with others. - -The OFL allows the licensed fonts to be used, studied, modified and -redistributed freely as long as they are not sold by themselves. The -fonts, including any derivative works, can be bundled, embedded, -redistributed and/or sold with any software provided that any reserved -names are not used by derivative works. The fonts and derivatives, -however, cannot be released under any other type of license. The -requirement for fonts to remain under this license does not apply -to any document created using the fonts or their derivatives. - -DEFINITIONS -"Font Software" refers to the set of files released by the Copyright -Holder(s) under this license and clearly marked as such. This may -include source files, build scripts and documentation. - -"Reserved Font Name" refers to any names specified as such after the -copyright statement(s). - -"Original Version" refers to the collection of Font Software components as -distributed by the Copyright Holder(s). - -"Modified Version" refers to any derivative made by adding to, deleting, -or substituting -- in part or in whole -- any of the components of the -Original Version, by changing formats or by porting the Font Software to a -new environment. - -"Author" refers to any designer, engineer, programmer, technical -writer or other person who contributed to the Font Software. - -PERMISSION & CONDITIONS -Permission is hereby granted, free of charge, to any person obtaining -a copy of the Font Software, to use, study, copy, merge, embed, modify, -redistribute, and sell modified and unmodified copies of the Font -Software, subject to the following conditions: - -1) Neither the Font Software nor any of its individual components, -in Original or Modified Versions, may be sold by itself. - -2) Original or Modified Versions of the Font Software may be bundled, -redistributed and/or sold with any software, provided that each copy -contains the above copyright notice and this license. These can be -included either as stand-alone text files, human-readable headers or -in the appropriate machine-readable metadata fields within text or -binary files as long as those fields can be easily viewed by the user. - -3) No Modified Version of the Font Software may use the Reserved Font -Name(s) unless explicit written permission is granted by the corresponding -Copyright Holder. This restriction only applies to the primary font name as -presented to the users. - -4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font -Software shall not be used to promote, endorse or advertise any -Modified Version, except to acknowledge the contribution(s) of the -Copyright Holder(s) and the Author(s) or with their explicit written -permission. - -5) The Font Software, modified or unmodified, in part or in whole, -must be distributed entirely under this license, and must not be -distributed under any other license. The requirement for fonts to -remain under this license does not apply to any document created -using the Font Software. - -TERMINATION -This license becomes null and void if any of the above conditions are -not met. - -DISCLAIMER -THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, -EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF -MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT -OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE -COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, -INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL -DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING -FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM -OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/src/base/presentation/assets/fonts/Paytone_One/PaytoneOne-Regular.ttf b/src/base/presentation/assets/fonts/Paytone_One/PaytoneOne-Regular.ttf deleted file mode 100644 index 29cccb5..0000000 Binary files a/src/base/presentation/assets/fonts/Paytone_One/PaytoneOne-Regular.ttf and /dev/null differ diff --git a/src/base/presentation/assets/fonts/Urbanist/OFL.txt b/src/base/presentation/assets/fonts/Urbanist/OFL.txt deleted file mode 100644 index d96caaf..0000000 --- a/src/base/presentation/assets/fonts/Urbanist/OFL.txt +++ /dev/null @@ -1,93 +0,0 @@ -Copyright 2021 The Urbanist Project Authors (https://github.com/coreyhu/Urbanist) - -This Font Software is licensed under the SIL Open Font License, Version 1.1. -This license is copied below, and is also available with a FAQ at: -https://openfontlicense.org - - ------------------------------------------------------------ -SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 ------------------------------------------------------------ - -PREAMBLE -The goals of the Open Font License (OFL) are to stimulate worldwide -development of collaborative font projects, to support the font creation -efforts of academic and linguistic communities, and to provide a free and -open framework in which fonts may be shared and improved in partnership -with others. - -The OFL allows the licensed fonts to be used, studied, modified and -redistributed freely as long as they are not sold by themselves. The -fonts, including any derivative works, can be bundled, embedded, -redistributed and/or sold with any software provided that any reserved -names are not used by derivative works. The fonts and derivatives, -however, cannot be released under any other type of license. The -requirement for fonts to remain under this license does not apply -to any document created using the fonts or their derivatives. - -DEFINITIONS -"Font Software" refers to the set of files released by the Copyright -Holder(s) under this license and clearly marked as such. This may -include source files, build scripts and documentation. - -"Reserved Font Name" refers to any names specified as such after the -copyright statement(s). - -"Original Version" refers to the collection of Font Software components as -distributed by the Copyright Holder(s). - -"Modified Version" refers to any derivative made by adding to, deleting, -or substituting -- in part or in whole -- any of the components of the -Original Version, by changing formats or by porting the Font Software to a -new environment. - -"Author" refers to any designer, engineer, programmer, technical -writer or other person who contributed to the Font Software. - -PERMISSION & CONDITIONS -Permission is hereby granted, free of charge, to any person obtaining -a copy of the Font Software, to use, study, copy, merge, embed, modify, -redistribute, and sell modified and unmodified copies of the Font -Software, subject to the following conditions: - -1) Neither the Font Software nor any of its individual components, -in Original or Modified Versions, may be sold by itself. - -2) Original or Modified Versions of the Font Software may be bundled, -redistributed and/or sold with any software, provided that each copy -contains the above copyright notice and this license. These can be -included either as stand-alone text files, human-readable headers or -in the appropriate machine-readable metadata fields within text or -binary files as long as those fields can be easily viewed by the user. - -3) No Modified Version of the Font Software may use the Reserved Font -Name(s) unless explicit written permission is granted by the corresponding -Copyright Holder. This restriction only applies to the primary font name as -presented to the users. - -4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font -Software shall not be used to promote, endorse or advertise any -Modified Version, except to acknowledge the contribution(s) of the -Copyright Holder(s) and the Author(s) or with their explicit written -permission. - -5) The Font Software, modified or unmodified, in part or in whole, -must be distributed entirely under this license, and must not be -distributed under any other license. The requirement for fonts to -remain under this license does not apply to any document created -using the Font Software. - -TERMINATION -This license becomes null and void if any of the above conditions are -not met. - -DISCLAIMER -THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, -EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF -MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT -OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE -COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, -INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL -DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING -FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM -OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/src/base/presentation/assets/fonts/Urbanist/README.txt b/src/base/presentation/assets/fonts/Urbanist/README.txt deleted file mode 100644 index 907b200..0000000 --- a/src/base/presentation/assets/fonts/Urbanist/README.txt +++ /dev/null @@ -1,81 +0,0 @@ -Urbanist Variable Font -====================== - -This download contains Urbanist as both variable fonts and static fonts. - -Urbanist is a variable font with this axis: - wght - -This means all the styles are contained in these files: - Urbanist/Urbanist-VariableFont_wght.ttf - Urbanist/Urbanist-Italic-VariableFont_wght.ttf - -If your app fully supports variable fonts, you can now pick intermediate styles -that aren’t available as static fonts. Not all apps support variable fonts, and -in those cases you can use the static font files for Urbanist: - Urbanist/static/Urbanist-Thin.ttf - Urbanist/static/Urbanist-ExtraLight.ttf - Urbanist/static/Urbanist-Light.ttf - Urbanist/static/Urbanist-Regular.ttf - Urbanist/static/Urbanist-Medium.ttf - Urbanist/static/Urbanist-SemiBold.ttf - Urbanist/static/Urbanist-Bold.ttf - Urbanist/static/Urbanist-ExtraBold.ttf - Urbanist/static/Urbanist-Black.ttf - Urbanist/static/Urbanist-ThinItalic.ttf - Urbanist/static/Urbanist-ExtraLightItalic.ttf - Urbanist/static/Urbanist-LightItalic.ttf - Urbanist/static/Urbanist-Italic.ttf - Urbanist/static/Urbanist-MediumItalic.ttf - Urbanist/static/Urbanist-SemiBoldItalic.ttf - Urbanist/static/Urbanist-BoldItalic.ttf - Urbanist/static/Urbanist-ExtraBoldItalic.ttf - Urbanist/static/Urbanist-BlackItalic.ttf - -Get started ------------ - -1. Install the font files you want to use - -2. Use your app's font picker to view the font family and all the -available styles - -Learn more about variable fonts -------------------------------- - - https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts - https://variablefonts.typenetwork.com - https://medium.com/variable-fonts - -In desktop apps - - https://theblog.adobe.com/can-variable-fonts-illustrator-cc - https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts - -Online - - https://developers.google.com/fonts/docs/getting_started - https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide - https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts - -Installing fonts - - MacOS: https://support.apple.com/en-us/HT201749 - Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux - Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows - -Android Apps - - https://developers.google.com/fonts/docs/android - https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts - -License -------- -Please read the full license text (OFL.txt) to understand the permissions, -restrictions and requirements for usage, redistribution, and modification. - -You can use them in your products & projects – print or digital, -commercial or otherwise. - -This isn't legal advice, please consider consulting a lawyer and see the full -license for all details. diff --git a/src/base/presentation/assets/fonts/Urbanist/Urbanist-Italic-VariableFont_wght.ttf b/src/base/presentation/assets/fonts/Urbanist/Urbanist-Italic-VariableFont_wght.ttf deleted file mode 100644 index 8aa8270..0000000 Binary files a/src/base/presentation/assets/fonts/Urbanist/Urbanist-Italic-VariableFont_wght.ttf and /dev/null differ diff --git a/src/base/presentation/assets/fonts/Urbanist/Urbanist-VariableFont_wght.ttf b/src/base/presentation/assets/fonts/Urbanist/Urbanist-VariableFont_wght.ttf deleted file mode 100644 index eda2a96..0000000 Binary files a/src/base/presentation/assets/fonts/Urbanist/Urbanist-VariableFont_wght.ttf and /dev/null differ diff --git a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-Black.ttf b/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-Black.ttf deleted file mode 100644 index e1ec32b..0000000 Binary files a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-Black.ttf and /dev/null differ diff --git a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-BlackItalic.ttf b/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-BlackItalic.ttf deleted file mode 100644 index 85323c9..0000000 Binary files a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-BlackItalic.ttf and /dev/null differ diff --git a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-Bold.ttf b/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-Bold.ttf deleted file mode 100644 index 330e84f..0000000 Binary files a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-Bold.ttf and /dev/null differ diff --git a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-BoldItalic.ttf b/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-BoldItalic.ttf deleted file mode 100644 index 08d47a8..0000000 Binary files a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-BoldItalic.ttf and /dev/null differ diff --git a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-ExtraBold.ttf b/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-ExtraBold.ttf deleted file mode 100644 index 7971b6d..0000000 Binary files a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-ExtraBold.ttf and /dev/null differ diff --git a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-ExtraBoldItalic.ttf b/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-ExtraBoldItalic.ttf deleted file mode 100644 index 050297e..0000000 Binary files a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-ExtraBoldItalic.ttf and /dev/null differ diff --git a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-ExtraLight.ttf b/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-ExtraLight.ttf deleted file mode 100644 index a20a0bf..0000000 Binary files a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-ExtraLight.ttf and /dev/null differ diff --git a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-ExtraLightItalic.ttf b/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-ExtraLightItalic.ttf deleted file mode 100644 index 6896847..0000000 Binary files a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-ExtraLightItalic.ttf and /dev/null differ diff --git a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-Italic.ttf b/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-Italic.ttf deleted file mode 100644 index 79688a6..0000000 Binary files a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-Italic.ttf and /dev/null differ diff --git a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-Light.ttf b/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-Light.ttf deleted file mode 100644 index 5903400..0000000 Binary files a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-Light.ttf and /dev/null differ diff --git a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-LightItalic.ttf b/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-LightItalic.ttf deleted file mode 100644 index 1a455ce..0000000 Binary files a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-LightItalic.ttf and /dev/null differ diff --git a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-Medium.ttf b/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-Medium.ttf deleted file mode 100644 index e9a6dbb..0000000 Binary files a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-Medium.ttf and /dev/null differ diff --git a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-MediumItalic.ttf b/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-MediumItalic.ttf deleted file mode 100644 index 44a9c89..0000000 Binary files a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-MediumItalic.ttf and /dev/null differ diff --git a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-Regular.ttf b/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-Regular.ttf deleted file mode 100644 index 2a794b2..0000000 Binary files a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-Regular.ttf and /dev/null differ diff --git a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-SemiBold.ttf b/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-SemiBold.ttf deleted file mode 100644 index 6d393d1..0000000 Binary files a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-SemiBold.ttf and /dev/null differ diff --git a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-SemiBoldItalic.ttf b/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-SemiBoldItalic.ttf deleted file mode 100644 index 327aa04..0000000 Binary files a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-SemiBoldItalic.ttf and /dev/null differ diff --git a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-Thin.ttf b/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-Thin.ttf deleted file mode 100644 index 9e27216..0000000 Binary files a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-Thin.ttf and /dev/null differ diff --git a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-ThinItalic.ttf b/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-ThinItalic.ttf deleted file mode 100644 index 5cf054f..0000000 Binary files a/src/base/presentation/assets/fonts/Urbanist/static/Urbanist-ThinItalic.ttf and /dev/null differ diff --git a/src/base/presentation/assets/fonts/fonts.less b/src/base/presentation/assets/fonts/fonts.less deleted file mode 100644 index ca8eaae..0000000 --- a/src/base/presentation/assets/fonts/fonts.less +++ /dev/null @@ -1,34 +0,0 @@ -@font-face { - font-family: 'Paytone One'; - src: url('./Paytone_One/PaytoneOne-Regular.ttf') format('truetype'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'Urbanist'; - src: url('./Urbanist/static/Urbanist-Regular.ttf') format('truetype'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'Urbanist'; - src: url('./Urbanist/static/Urbanist-Bold.ttf') format('truetype'); - font-weight: bold; - font-style: normal; -} - -@font-face { - font-family: 'Urbanist'; - src: url('./Urbanist/static/Urbanist-Italic.ttf') format('truetype'); - font-weight: normal; - font-style: italic; -} - -@font-face { - font-family: 'Urbanist'; - src: url('./Urbanist/static/Urbanist-BoldItalic.ttf') format('truetype'); - font-weight: bold; - font-style: italic; -} diff --git a/src/base/presentation/assets/styles/ag-grid-theme-builder.css b/src/base/presentation/assets/styles/ag-grid-theme-builder.css deleted file mode 100644 index 1382336..0000000 --- a/src/base/presentation/assets/styles/ag-grid-theme-builder.css +++ /dev/null @@ -1,5044 +0,0 @@ -/* - * This file is a theme downloaded from the AG Grid Theme Builder for AG Grid 32.0.2. - * - * See installation docs at https://www.ag-grid.com/javascript-data-grid/applying-theme-builder-styling-grid/ - */ - -@import url('https://fonts.googleapis.com/css2?family=IBM%20Plex%20Sans:wght@400;700&display=swap'); - -.ag-root-wrapper, -.ag-measurement-container, -.ag-apply-theme-variables { - --ag-background-color: var(--ag-inherited-background-color, #fff); - --ag-foreground-color: var(--ag-inherited-foreground-color, #181d1f); - --ag-text-color: var(--ag-inherited-text-color, var(--ag-foreground-color)); - --ag-accent-color: var(--ag-inherited-accent-color, #7a41a1); - --ag-invalid-color: var(--ag-inherited-invalid-color, #e02525); - --ag-border-color: var(--ag-inherited-border-color, color-mix(in srgb, transparent, var(--ag-foreground-color) 15%)); - --ag-wrapper-border: var(--ag-inherited-wrapper-border, solid 1px var(--ag-border-color)); - --ag-row-border: var(--ag-inherited-row-border, solid 1px var(--ag-border-color)); - --ag-color-scheme: var(--ag-inherited-color-scheme, light); - --ag-header-row-border: var(--ag-inherited-header-row-border, var(--ag-row-border)); - --ag-footer-row-border: var(--ag-inherited-footer-row-border, var(--ag-row-border)); - --ag-column-border: var(--ag-inherited-column-border, solid 1px transparent); - --ag-header-column-border: var(--ag-inherited-header-column-border, none); - --ag-header-column-border-height: var(--ag-inherited-header-column-border-height, 100%); - --ag-pinned-column-border: var(--ag-inherited-pinned-column-border, solid 1px var(--ag-border-color)); - --ag-pinned-row-border: var(--ag-inherited-pinned-row-border, solid 1px var(--ag-border-color)); - --ag-side-panel-border: var(--ag-inherited-side-panel-border, solid 1px var(--ag-border-color)); - --ag-font-family: var(--ag-inherited-font-family, 'IBM Plex Sans'); - --ag-chrome-background-color: var( - --ag-inherited-chrome-background-color, - color-mix(in srgb, transparent, var(--ag-foreground-color) 2%) - ); - --ag-header-background-color: var(--ag-inherited-header-background-color, var(--ag-chrome-background-color)); - --ag-header-font-family: var(--ag-inherited-header-font-family, inherit); - --ag-header-font-weight: var(--ag-inherited-header-font-weight, 700); - --ag-header-font-size: var(--ag-inherited-header-font-size, 13px); - --ag-header-text-color: var(--ag-inherited-header-text-color, #181d1fa8); - --ag-header-cell-hover-background-color: var(--ag-inherited-header-cell-hover-background-color, transparent); - --ag-header-cell-hover-background-transition-duration: var( - --ag-inherited-header-cell-hover-background-transition-duration, - 0.2s - ); - --ag-cell-text-color: var(--ag-inherited-cell-text-color, var(--ag-text-color)); - --ag-subtle-text-color: var( - --ag-inherited-subtle-text-color, - color-mix(in srgb, transparent, var(--ag-text-color) 50%) - ); - --ag-range-selection-border-style: var(--ag-inherited-range-selection-border-style, solid); - --ag-range-selection-border-color: var(--ag-inherited-range-selection-border-color, var(--ag-accent-color)); - --ag-range-selection-background-color: var( - --ag-inherited-range-selection-background-color, - color-mix(in srgb, transparent, var(--ag-accent-color) 20%) - ); - --ag-range-selection-chart-background-color: var(--ag-inherited-range-selection-chart-background-color, #0058ff1a); - --ag-range-selection-chart-category-background-color: var( - --ag-inherited-range-selection-chart-category-background-color, - #00ff841a - ); - --ag-range-selection-highlight-color: var( - --ag-inherited-range-selection-highlight-color, - color-mix(in srgb, transparent, var(--ag-accent-color) 50%) - ); - --ag-row-hover-color: var( - --ag-inherited-row-hover-color, - color-mix(in srgb, transparent, var(--ag-accent-color) 12%) - ); - --ag-column-hover-color: var( - --ag-inherited-column-hover-color, - color-mix(in srgb, transparent, var(--ag-accent-color) 5%) - ); - --ag-selected-row-background-color: var( - --ag-inherited-selected-row-background-color, - color-mix(in srgb, transparent, var(--ag-accent-color) 8%) - ); - --ag-modal-overlay-background-color: var( - --ag-inherited-modal-overlay-background-color, - color-mix(in srgb, transparent, var(--ag-background-color) 66%) - ); - --ag-odd-row-background-color: var(--ag-inherited-odd-row-background-color, var(--ag-background-color)); - --ag-border-radius: var(--ag-inherited-border-radius, 4px); - --ag-wrapper-border-radius: var(--ag-inherited-wrapper-border-radius, 8px); - --ag-cell-horizontal-padding: var( - --ag-inherited-cell-horizontal-padding, - calc(var(--ag-grid-size) * 2 * var(--ag-cell-horizontal-padding-scale)) - ); - --ag-cell-widget-spacing: var(--ag-inherited-cell-widget-spacing, calc(var(--ag-grid-size) * 1.5)); - --ag-cell-horizontal-padding-scale: var(--ag-inherited-cell-horizontal-padding-scale, 1); - --ag-row-group-indent-size: var( - --ag-inherited-row-group-indent-size, - calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size)) - ); - --ag-value-change-delta-up-color: var(--ag-inherited-value-change-delta-up-color, #43a047); - --ag-value-change-delta-down-color: var(--ag-inherited-value-change-delta-down-color, #e53935); - --ag-value-change-value-highlight-background-color: var( - --ag-inherited-value-change-value-highlight-background-color, - #16a08580 - ); - --ag-grid-size: var(--ag-inherited-grid-size, 8px); - --ag-font-size: var(--ag-inherited-font-size, 13px); - --ag-row-height: var( - --ag-inherited-row-height, - calc( - max(var(--ag-icon-size), var(--ag-font-size)) + var(--ag-grid-size) * 3.5 * var(--ag-row-vertical-padding-scale) - ) - ); - --ag-row-vertical-padding-scale: var(--ag-inherited-row-vertical-padding-scale, 0.5); - --ag-header-height: var( - --ag-inherited-header-height, - calc( - max(var(--ag-icon-size), var(--ag-font-size)) + var(--ag-grid-size) * 4.25 * - var(--ag-header-vertical-padding-scale) - ) - ); - --ag-header-vertical-padding-scale: var(--ag-inherited-header-vertical-padding-scale, 1); - --ag-popup-shadow: var(--ag-inherited-popup-shadow, 0 0 16px 0 #00000026); - --ag-dropdown-shadow: var(--ag-inherited-dropdown-shadow, 0 1px 4px 1px #babfc766); - --ag-drag-ghost-background-color: var(--ag-inherited-drag-ghost-background-color, var(--ag-background-color)); - --ag-drag-ghost-border: var(--ag-inherited-drag-ghost-border, solid 1px var(--ag-border-color)); - --ag-drag-ghost-shadow: var(--ag-inherited-drag-ghost-shadow, var(--ag-popup-shadow)); - --ag-focus-shadow: var( - --ag-inherited-focus-shadow, - 0 0 0 3px color-mix(in srgb, transparent, var(--ag-accent-color) 50%) - ); - --ag-side-bar-panel-width: var(--ag-inherited-side-bar-panel-width, 250px); - --ag-side-button-selected-border: var(--ag-inherited-side-button-selected-border, solid 1px var(--ag-border-color)); - --ag-side-button-selected-background-color: var( - --ag-inherited-side-button-selected-background-color, - var(--ag-background-color) - ); - --ag-side-bar-background-color: var(--ag-inherited-side-bar-background-color, var(--ag-chrome-background-color)); - --ag-header-column-resize-handle-display: var(--ag-inherited-header-column-resize-handle-display, block); - --ag-header-column-resize-handle-height: var(--ag-inherited-header-column-resize-handle-height, 30%); - --ag-header-column-resize-handle-width: var(--ag-inherited-header-column-resize-handle-width, 2px); - --ag-header-column-resize-handle-color: var(--ag-inherited-header-column-resize-handle-color, var(--ag-border-color)); - --ag-widget-container-horizontal-padding: var( - --ag-inherited-widget-container-horizontal-padding, - calc(var(--ag-grid-size) * 1.5) - ); - --ag-widget-container-vertical-padding: var( - --ag-inherited-widget-container-vertical-padding, - calc(var(--ag-grid-size) * 1.5) - ); - --ag-widget-horizontal-spacing: var(--ag-inherited-widget-horizontal-spacing, calc(var(--ag-grid-size) * 1.5)); - --ag-widget-vertical-spacing: var(--ag-inherited-widget-vertical-spacing, var(--ag-grid-size)); - --ag-list-item-height: var( - --ag-inherited-list-item-height, - calc(var(--ag-icon-size) + var(--ag-widget-vertical-spacing)) - ); - --ag-icon-size: var(--ag-inherited-icon-size, 16px); - --ag-toggle-button-width: var(--ag-inherited-toggle-button-width, 28px); - --ag-toggle-button-height: var(--ag-inherited-toggle-button-height, 18px); - --ag-toggle-button-border-width: var(--ag-inherited-toggle-button-border-width, 2px); - --ag-toggle-button-on-border-color: var(--ag-inherited-toggle-button-on-border-color, var(--ag-accent-color)); - --ag-toggle-button-on-background-color: var(--ag-inherited-toggle-button-on-background-color, var(--ag-accent-color)); - --ag-toggle-button-off-border-color: var( - --ag-inherited-toggle-button-off-border-color, - color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 30%) - ); - --ag-toggle-button-off-background-color: var( - --ag-inherited-toggle-button-off-background-color, - color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 30%) - ); - --ag-toggle-button-switch-border-color: var( - --ag-inherited-toggle-button-switch-border-color, - var(--ag-toggle-button-off-border-color) - ); - --ag-toggle-button-switch-background-color: var( - --ag-inherited-toggle-button-switch-background-color, - var(--ag-background-color) - ); - --ag-checkbox-border-width: var(--ag-inherited-checkbox-border-width, 1px); - --ag-checkbox-border-radius: var(--ag-inherited-checkbox-border-radius, var(--ag-border-radius)); - --ag-checkbox-unchecked-background-color: var( - --ag-inherited-checkbox-unchecked-background-color, - var(--ag-background-color) - ); - --ag-checkbox-unchecked-border-color: var( - --ag-inherited-checkbox-unchecked-border-color, - color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 30%) - ); - --ag-checkbox-checked-background-color: var(--ag-inherited-checkbox-checked-background-color, var(--ag-accent-color)); - --ag-checkbox-checked-border-color: var(--ag-inherited-checkbox-checked-border-color, var(--ag-accent-color)); - --ag-checkbox-checked-shape-image: var( - --ag-inherited-checkbox-checked-shape-image, - url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%227%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.75%22%20d%3D%22M1%203.5%203.5%206l5-5%22%2F%3E%3C%2Fsvg%3E') - ); - --ag-checkbox-checked-shape-color: var(--ag-inherited-checkbox-checked-shape-color, var(--ag-background-color)); - --ag-checkbox-indeterminate-background-color: var( - --ag-inherited-checkbox-indeterminate-background-color, - color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 30%) - ); - --ag-checkbox-indeterminate-border-color: var( - --ag-inherited-checkbox-indeterminate-border-color, - color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 30%) - ); - --ag-checkbox-indeterminate-shape-image: var( - --ag-inherited-checkbox-indeterminate-shape-image, - url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%222%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2210%22%20height%3D%222%22%20fill%3D%22%23000%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E') - ); - --ag-checkbox-indeterminate-shape-color: var( - --ag-inherited-checkbox-indeterminate-shape-color, - var(--ag-background-color) - ); - --ag-radio-checked-shape-image: var( - --ag-inherited-radio-checked-shape-image, - url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%226%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E') - ); - --ag-menu-border: var( - --ag-inherited-menu-border, - solid 1px color-mix(in srgb, transparent, var(--ag-foreground-color) 20%) - ); - --ag-menu-background-color: var( - --ag-inherited-menu-background-color, - color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%) - ); - --ag-menu-text-color: var( - --ag-inherited-menu-text-color, - color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 95%) - ); - --ag-menu-shadow: var(--ag-inherited-menu-shadow, var(--ag-popup-shadow)); - --ag-menu-separator-color: var(--ag-inherited-menu-separator-color, var(--ag-border-color)); - --ag-set-filter-indent-size: var(--ag-inherited-set-filter-indent-size, var(--ag-icon-size)); - --ag-chart-menu-panel-width: var(--ag-inherited-chart-menu-panel-width, 260px); - --ag-chart-menu-label-color: var( - --ag-inherited-chart-menu-label-color, - color-mix(in srgb, transparent, var(--ag-foreground-color) 80%) - ); - --ag-icon-button-hover-color: var( - --ag-inherited-icon-button-hover-color, - color-mix(in srgb, transparent, var(--ag-foreground-color) 10%) - ); - --ag-dialog-shadow: var(--ag-inherited-dialog-shadow, var(--ag-popup-shadow)); - --ag-dialog-border: var( - --ag-inherited-dialog-border, - solid 1px color-mix(in srgb, transparent, var(--ag-foreground-color) 20%) - ); - --ag-panel-background-color: var(--ag-inherited-panel-background-color, var(--ag-background-color)); - --ag-panel-title-bar-background-color: var( - --ag-inherited-panel-title-bar-background-color, - var(--ag-header-background-color) - ); - --ag-panel-title-bar-border: var(--ag-inherited-panel-title-bar-border, solid 1px var(--ag-border-color)); - --ag-column-select-indent-size: var(--ag-inherited-column-select-indent-size, var(--ag-icon-size)); - --ag-tool-panel-separator-border: var(--ag-inherited-tool-panel-separator-border, solid 1px var(--ag-border-color)); - --ag-tooltip-background-color: var(--ag-inherited-tooltip-background-color, var(--ag-chrome-background-color)); - --ag-tooltip-text-color: var(--ag-inherited-tooltip-text-color, var(--ag-text-color)); - --ag-tooltip-border: var(--ag-inherited-tooltip-border, solid 1px var(--ag-border-color)); - --ag-column-drop-cell-background-color: var( - --ag-inherited-column-drop-cell-background-color, - color-mix(in srgb, transparent, var(--ag-foreground-color) 7%) - ); - --ag-column-drop-cell-border: var( - --ag-inherited-column-drop-cell-border, - solid 1px color-mix(in srgb, transparent, var(--ag-foreground-color) 13%) - ); - --ag-select-cell-background-color: var( - --ag-inherited-select-cell-background-color, - color-mix(in srgb, transparent, var(--ag-foreground-color) 7%) - ); - --ag-select-cell-border: var( - --ag-inherited-select-cell-border, - solid 1px color-mix(in srgb, transparent, var(--ag-foreground-color) 13%) - ); - --ag-advanced-filter-builder-button-bar-border: var( - --ag-inherited-advanced-filter-builder-button-bar-border, - solid 1px var(--ag-border-color) - ); - --ag-advanced-filter-builder-indent-size: var( - --ag-inherited-advanced-filter-builder-indent-size, - calc(var(--ag-grid-size) * 2 + var(--ag-icon-size)) - ); - --ag-advanced-filter-builder-join-pill-color: var(--ag-inherited-advanced-filter-builder-join-pill-color, #f08e8d); - --ag-advanced-filter-builder-column-pill-color: var( - --ag-inherited-advanced-filter-builder-column-pill-color, - #a6e194 - ); - --ag-advanced-filter-builder-option-pill-color: var( - --ag-inherited-advanced-filter-builder-option-pill-color, - #f3c08b - ); - --ag-advanced-filter-builder-value-pill-color: var(--ag-inherited-advanced-filter-builder-value-pill-color, #85c0e4); - --ag-filter-tool-panel-group-indent: var(--ag-inherited-filter-tool-panel-group-indent, var(--ag-grid-size)); - --ag-icon-button-hover-background-color: var( - --ag-inherited-icon-button-hover-background-color, - color-mix(in srgb, transparent, var(--ag-foreground-color) 10%) - ); - --ag-row-loading-skeleton-effect-color: var(--ag-inherited-row-loading-skeleton-effect-color, rgba(66, 66, 66, 0.2)); - --ag-tab-bar-background-color: var( - --ag-inherited-tab-bar-background-color, - color-mix(in srgb, transparent, var(--ag-foreground-color) 5%) - ); - --ag-tab-bar-horizontal-padding: var(--ag-inherited-tab-bar-horizontal-padding, 0); - --ag-tab-bar-top-padding: var(--ag-inherited-tab-bar-top-padding, 0); - --ag-tab-background-color: var(--ag-inherited-tab-background-color, transparent); - --ag-tab-text-color: var(--ag-inherited-tab-text-color, color-mix(in srgb, transparent, var(--ag-text-color) 70%)); - --ag-tab-horizontal-padding: var(--ag-inherited-tab-horizontal-padding, calc(var(--ag-grid-size))); - --ag-tab-top-padding: var(--ag-inherited-tab-top-padding, calc(var(--ag-grid-size))); - --ag-tab-bottom-padding: var(--ag-inherited-tab-bottom-padding, calc(var(--ag-grid-size))); - --ag-tab-spacing: var(--ag-inherited-tab-spacing, 0); - --ag-tab-hover-background-color: var(--ag-inherited-tab-hover-background-color, var(--ag-tab-background-color)); - --ag-tab-hover-text-color: var(--ag-inherited-tab-hover-text-color, var(--ag-text-color)); - --ag-tab-selected-background-color: var(--ag-inherited-tab-selected-background-color, var(--ag-background-color)); - --ag-tab-selected-text-color: var(--ag-inherited-tab-selected-text-color, var(--ag-text-color)); - --ag-tab-selected-border-width: var(--ag-inherited-tab-selected-border-width, 1px); - --ag-tab-selected-border-color: var(--ag-inherited-tab-selected-border-color, var(--ag-border-color)); - --ag-tab-selected-underline-color: var(--ag-inherited-tab-selected-underline-color, transparent); - --ag-tab-selected-underline-width: var(--ag-inherited-tab-selected-underline-width, 0); - --ag-tab-selected-underline-transition-duration: var(--ag-inherited-tab-selected-underline-transition-duration, 0); - --ag-tab-bar-border: var(--ag-inherited-tab-bar-border, solid 1px var(--ag-border-color)); - --ag-input-background-color: var(--ag-inherited-input-background-color, var(--ag-background-color)); - --ag-input-border: var(--ag-inherited-input-border, solid 1px var(--ag-border-color)); - --ag-input-border-radius: var(--ag-inherited-input-border-radius, var(--ag-border-radius)); - --ag-input-text-color: var(--ag-inherited-input-text-color, var(--ag-text-color)); - --ag-input-padding-start: var(--ag-inherited-input-padding-start, var(--ag-grid-size)); - --ag-input-height: var( - --ag-inherited-input-height, - calc(max(var(--ag-icon-size), var(--ag-font-size)) + var(--ag-grid-size) * 2) - ); - --ag-input-focus-background-color: var(--ag-inherited-input-focus-background-color, var(--ag-input-background-color)); - --ag-input-focus-border: var(--ag-inherited-input-focus-border, solid 1px var(--ag-accent-color)); - --ag-input-focus-shadow: var(--ag-inherited-input-focus-shadow, var(--ag-focus-shadow)); - --ag-input-focus-text-color: var(--ag-inherited-input-focus-text-color, var(--ag-input-text-color)); - --ag-input-disabled-background-color: var( - --ag-inherited-input-disabled-background-color, - color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 6%) - ); - --ag-input-disabled-border: var(--ag-inherited-input-disabled-border, var(--ag-input-border)); - --ag-input-disabled-text-color: var( - --ag-inherited-input-disabled-text-color, - color-mix(in srgb, transparent, var(--ag-text-color) 50%) - ); - --ag-input-invalid-background-color: var( - --ag-inherited-input-invalid-background-color, - var(--ag-input-background-color) - ); - --ag-input-invalid-border: var(--ag-inherited-input-invalid-border, solid 1px var(--ag-invalid-color)); - --ag-input-invalid-text-color: var(--ag-inherited-input-invalid-text-color, var(--ag-input-text-color)); -} -:has(> .ag-root-wrapper) { - --ag-inherited-background-color: var(--ag-background-color); - --ag-inherited-foreground-color: var(--ag-foreground-color); - --ag-inherited-text-color: var(--ag-text-color); - --ag-inherited-accent-color: var(--ag-accent-color); - --ag-inherited-invalid-color: var(--ag-invalid-color); - --ag-inherited-border-color: var(--ag-border-color); - --ag-inherited-wrapper-border: var(--ag-wrapper-border); - --ag-inherited-row-border: var(--ag-row-border); - --ag-inherited-color-scheme: var(--ag-color-scheme); - --ag-inherited-header-row-border: var(--ag-header-row-border); - --ag-inherited-footer-row-border: var(--ag-footer-row-border); - --ag-inherited-column-border: var(--ag-column-border); - --ag-inherited-header-column-border: var(--ag-header-column-border); - --ag-inherited-header-column-border-height: var(--ag-header-column-border-height); - --ag-inherited-pinned-column-border: var(--ag-pinned-column-border); - --ag-inherited-pinned-row-border: var(--ag-pinned-row-border); - --ag-inherited-side-panel-border: var(--ag-side-panel-border); - --ag-inherited-font-family: var(--ag-font-family); - --ag-inherited-chrome-background-color: var(--ag-chrome-background-color); - --ag-inherited-header-background-color: var(--ag-header-background-color); - --ag-inherited-header-font-family: var(--ag-header-font-family); - --ag-inherited-header-font-weight: var(--ag-header-font-weight); - --ag-inherited-header-font-size: var(--ag-header-font-size); - --ag-inherited-header-text-color: var(--ag-header-text-color); - --ag-inherited-header-cell-hover-background-color: var(--ag-header-cell-hover-background-color); - --ag-inherited-header-cell-hover-background-transition-duration: var( - --ag-header-cell-hover-background-transition-duration - ); - --ag-inherited-cell-text-color: var(--ag-cell-text-color); - --ag-inherited-subtle-text-color: var(--ag-subtle-text-color); - --ag-inherited-range-selection-border-style: var(--ag-range-selection-border-style); - --ag-inherited-range-selection-border-color: var(--ag-range-selection-border-color); - --ag-inherited-range-selection-background-color: var(--ag-range-selection-background-color); - --ag-inherited-range-selection-chart-background-color: var(--ag-range-selection-chart-background-color); - --ag-inherited-range-selection-chart-category-background-color: var( - --ag-range-selection-chart-category-background-color - ); - --ag-inherited-range-selection-highlight-color: var(--ag-range-selection-highlight-color); - --ag-inherited-row-hover-color: var(--ag-row-hover-color); - --ag-inherited-column-hover-color: var(--ag-column-hover-color); - --ag-inherited-selected-row-background-color: var(--ag-selected-row-background-color); - --ag-inherited-modal-overlay-background-color: var(--ag-modal-overlay-background-color); - --ag-inherited-odd-row-background-color: var(--ag-odd-row-background-color); - --ag-inherited-border-radius: var(--ag-border-radius); - --ag-inherited-wrapper-border-radius: var(--ag-wrapper-border-radius); - --ag-inherited-cell-horizontal-padding: var(--ag-cell-horizontal-padding); - --ag-inherited-cell-widget-spacing: var(--ag-cell-widget-spacing); - --ag-inherited-cell-horizontal-padding-scale: var(--ag-cell-horizontal-padding-scale); - --ag-inherited-row-group-indent-size: var(--ag-row-group-indent-size); - --ag-inherited-value-change-delta-up-color: var(--ag-value-change-delta-up-color); - --ag-inherited-value-change-delta-down-color: var(--ag-value-change-delta-down-color); - --ag-inherited-value-change-value-highlight-background-color: var(--ag-value-change-value-highlight-background-color); - --ag-inherited-grid-size: var(--ag-grid-size); - --ag-inherited-font-size: var(--ag-font-size); - --ag-inherited-row-height: var(--ag-row-height); - --ag-inherited-row-vertical-padding-scale: var(--ag-row-vertical-padding-scale); - --ag-inherited-header-height: var(--ag-header-height); - --ag-inherited-header-vertical-padding-scale: var(--ag-header-vertical-padding-scale); - --ag-inherited-popup-shadow: var(--ag-popup-shadow); - --ag-inherited-dropdown-shadow: var(--ag-dropdown-shadow); - --ag-inherited-drag-ghost-background-color: var(--ag-drag-ghost-background-color); - --ag-inherited-drag-ghost-border: var(--ag-drag-ghost-border); - --ag-inherited-drag-ghost-shadow: var(--ag-drag-ghost-shadow); - --ag-inherited-focus-shadow: var(--ag-focus-shadow); - --ag-inherited-side-bar-panel-width: var(--ag-side-bar-panel-width); - --ag-inherited-side-button-selected-border: var(--ag-side-button-selected-border); - --ag-inherited-side-button-selected-background-color: var(--ag-side-button-selected-background-color); - --ag-inherited-side-bar-background-color: var(--ag-side-bar-background-color); - --ag-inherited-header-column-resize-handle-display: var(--ag-header-column-resize-handle-display); - --ag-inherited-header-column-resize-handle-height: var(--ag-header-column-resize-handle-height); - --ag-inherited-header-column-resize-handle-width: var(--ag-header-column-resize-handle-width); - --ag-inherited-header-column-resize-handle-color: var(--ag-header-column-resize-handle-color); - --ag-inherited-widget-container-horizontal-padding: var(--ag-widget-container-horizontal-padding); - --ag-inherited-widget-container-vertical-padding: var(--ag-widget-container-vertical-padding); - --ag-inherited-widget-horizontal-spacing: var(--ag-widget-horizontal-spacing); - --ag-inherited-widget-vertical-spacing: var(--ag-widget-vertical-spacing); - --ag-inherited-list-item-height: var(--ag-list-item-height); - --ag-inherited-icon-size: var(--ag-icon-size); - --ag-inherited-toggle-button-width: var(--ag-toggle-button-width); - --ag-inherited-toggle-button-height: var(--ag-toggle-button-height); - --ag-inherited-toggle-button-border-width: var(--ag-toggle-button-border-width); - --ag-inherited-toggle-button-on-border-color: var(--ag-toggle-button-on-border-color); - --ag-inherited-toggle-button-on-background-color: var(--ag-toggle-button-on-background-color); - --ag-inherited-toggle-button-off-border-color: var(--ag-toggle-button-off-border-color); - --ag-inherited-toggle-button-off-background-color: var(--ag-toggle-button-off-background-color); - --ag-inherited-toggle-button-switch-border-color: var(--ag-toggle-button-switch-border-color); - --ag-inherited-toggle-button-switch-background-color: var(--ag-toggle-button-switch-background-color); - --ag-inherited-checkbox-border-width: var(--ag-checkbox-border-width); - --ag-inherited-checkbox-border-radius: var(--ag-checkbox-border-radius); - --ag-inherited-checkbox-unchecked-background-color: var(--ag-checkbox-unchecked-background-color); - --ag-inherited-checkbox-unchecked-border-color: var(--ag-checkbox-unchecked-border-color); - --ag-inherited-checkbox-checked-background-color: var(--ag-checkbox-checked-background-color); - --ag-inherited-checkbox-checked-border-color: var(--ag-checkbox-checked-border-color); - --ag-inherited-checkbox-checked-shape-image: var(--ag-checkbox-checked-shape-image); - --ag-inherited-checkbox-checked-shape-color: var(--ag-checkbox-checked-shape-color); - --ag-inherited-checkbox-indeterminate-background-color: var(--ag-checkbox-indeterminate-background-color); - --ag-inherited-checkbox-indeterminate-border-color: var(--ag-checkbox-indeterminate-border-color); - --ag-inherited-checkbox-indeterminate-shape-image: var(--ag-checkbox-indeterminate-shape-image); - --ag-inherited-checkbox-indeterminate-shape-color: var(--ag-checkbox-indeterminate-shape-color); - --ag-inherited-radio-checked-shape-image: var(--ag-radio-checked-shape-image); - --ag-inherited-menu-border: var(--ag-menu-border); - --ag-inherited-menu-background-color: var(--ag-menu-background-color); - --ag-inherited-menu-text-color: var(--ag-menu-text-color); - --ag-inherited-menu-shadow: var(--ag-menu-shadow); - --ag-inherited-menu-separator-color: var(--ag-menu-separator-color); - --ag-inherited-set-filter-indent-size: var(--ag-set-filter-indent-size); - --ag-inherited-chart-menu-panel-width: var(--ag-chart-menu-panel-width); - --ag-inherited-chart-menu-label-color: var(--ag-chart-menu-label-color); - --ag-inherited-icon-button-hover-color: var(--ag-icon-button-hover-color); - --ag-inherited-dialog-shadow: var(--ag-dialog-shadow); - --ag-inherited-dialog-border: var(--ag-dialog-border); - --ag-inherited-panel-background-color: var(--ag-panel-background-color); - --ag-inherited-panel-title-bar-background-color: var(--ag-panel-title-bar-background-color); - --ag-inherited-panel-title-bar-border: var(--ag-panel-title-bar-border); - --ag-inherited-column-select-indent-size: var(--ag-column-select-indent-size); - --ag-inherited-tool-panel-separator-border: var(--ag-tool-panel-separator-border); - --ag-inherited-tooltip-background-color: var(--ag-tooltip-background-color); - --ag-inherited-tooltip-text-color: var(--ag-tooltip-text-color); - --ag-inherited-tooltip-border: var(--ag-tooltip-border); - --ag-inherited-column-drop-cell-background-color: var(--ag-column-drop-cell-background-color); - --ag-inherited-column-drop-cell-border: var(--ag-column-drop-cell-border); - --ag-inherited-select-cell-background-color: var(--ag-select-cell-background-color); - --ag-inherited-select-cell-border: var(--ag-select-cell-border); - --ag-inherited-advanced-filter-builder-button-bar-border: var(--ag-advanced-filter-builder-button-bar-border); - --ag-inherited-advanced-filter-builder-indent-size: var(--ag-advanced-filter-builder-indent-size); - --ag-inherited-advanced-filter-builder-join-pill-color: var(--ag-advanced-filter-builder-join-pill-color); - --ag-inherited-advanced-filter-builder-column-pill-color: var(--ag-advanced-filter-builder-column-pill-color); - --ag-inherited-advanced-filter-builder-option-pill-color: var(--ag-advanced-filter-builder-option-pill-color); - --ag-inherited-advanced-filter-builder-value-pill-color: var(--ag-advanced-filter-builder-value-pill-color); - --ag-inherited-filter-tool-panel-group-indent: var(--ag-filter-tool-panel-group-indent); - --ag-inherited-icon-button-hover-background-color: var(--ag-icon-button-hover-background-color); - --ag-inherited-row-loading-skeleton-effect-color: var(--ag-row-loading-skeleton-effect-color); - --ag-inherited-tab-bar-background-color: var(--ag-tab-bar-background-color); - --ag-inherited-tab-bar-horizontal-padding: var(--ag-tab-bar-horizontal-padding); - --ag-inherited-tab-bar-top-padding: var(--ag-tab-bar-top-padding); - --ag-inherited-tab-background-color: var(--ag-tab-background-color); - --ag-inherited-tab-text-color: var(--ag-tab-text-color); - --ag-inherited-tab-horizontal-padding: var(--ag-tab-horizontal-padding); - --ag-inherited-tab-top-padding: var(--ag-tab-top-padding); - --ag-inherited-tab-bottom-padding: var(--ag-tab-bottom-padding); - --ag-inherited-tab-spacing: var(--ag-tab-spacing); - --ag-inherited-tab-hover-background-color: var(--ag-tab-hover-background-color); - --ag-inherited-tab-hover-text-color: var(--ag-tab-hover-text-color); - --ag-inherited-tab-selected-background-color: var(--ag-tab-selected-background-color); - --ag-inherited-tab-selected-text-color: var(--ag-tab-selected-text-color); - --ag-inherited-tab-selected-border-width: var(--ag-tab-selected-border-width); - --ag-inherited-tab-selected-border-color: var(--ag-tab-selected-border-color); - --ag-inherited-tab-selected-underline-color: var(--ag-tab-selected-underline-color); - --ag-inherited-tab-selected-underline-width: var(--ag-tab-selected-underline-width); - --ag-inherited-tab-selected-underline-transition-duration: var(--ag-tab-selected-underline-transition-duration); - --ag-inherited-tab-bar-border: var(--ag-tab-bar-border); - --ag-inherited-input-background-color: var(--ag-input-background-color); - --ag-inherited-input-border: var(--ag-input-border); - --ag-inherited-input-border-radius: var(--ag-input-border-radius); - --ag-inherited-input-text-color: var(--ag-input-text-color); - --ag-inherited-input-padding-start: var(--ag-input-padding-start); - --ag-inherited-input-height: var(--ag-input-height); - --ag-inherited-input-focus-background-color: var(--ag-input-focus-background-color); - --ag-inherited-input-focus-border: var(--ag-input-focus-border); - --ag-inherited-input-focus-shadow: var(--ag-input-focus-shadow); - --ag-inherited-input-focus-text-color: var(--ag-input-focus-text-color); - --ag-inherited-input-disabled-background-color: var(--ag-input-disabled-background-color); - --ag-inherited-input-disabled-border: var(--ag-input-disabled-border); - --ag-inherited-input-disabled-text-color: var(--ag-input-disabled-text-color); - --ag-inherited-input-invalid-background-color: var(--ag-input-invalid-background-color); - --ag-inherited-input-invalid-border: var(--ag-input-invalid-border); - --ag-inherited-input-invalid-text-color: var(--ag-input-invalid-text-color); -} - -/* Part core/part */ -:where([class^='ag-']), -:where([class^='ag-']):after, -:where([class^='ag-']):before, -:where([class^='ag-']):focus, -:where([class^='ag-']):focus-within { - box-sizing: border-box; - outline: none; -} -:where([class^='ag-']):where(button), -:where([class^='ag-']):where(input), -:where([class^='ag-']):where(textarea) { - background: none; - border: none; - color: inherit; - cursor: pointer; - font-family: inherit; - font-size: inherit; - line-height: inherit; - margin: 0; - padding: 0; -} -:where([class^='ag-']):where(button) { - font-weight: inherit; -} -:where([class^='ag-'])::-ms-clear { - display: none; -} -ag-grid, -ag-grid-angular, -ag-grid-aurelia, -ag-grid-ng2, -ag-grid-polymer { - display: block; -} -.ag-aria-description-container { - border: 0; - z-index: 9999; - clip: rect(1px, 1px, 1px, 1px); - height: 1px; - overflow: hidden; - padding: 0; - position: absolute; - white-space: nowrap; - width: 1px; -} -.ag-hidden { - display: none !important; -} -.ag-invisible { - visibility: hidden !important; -} -.ag-unselectable { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} -.ag-selectable { - -webkit-user-select: text; - -moz-user-select: text; - user-select: text; -} -.ag-tabs-header { - display: flex; -} -.ag-tab { - cursor: pointer; - position: relative; -} -.ag-tab-guard { - display: block; - height: 0; - position: absolute; - width: 0; -} -.ag-virtual-list-viewport .ag-tab-guard { - position: sticky; -} -.ag-tab-guard-top { - top: 1px; -} -.ag-tab-guard-bottom { - bottom: 1px; -} -.ag-shake-left-to-right { - animation-direction: alternate; - animation-duration: 0.2s; - animation-iteration-count: infinite; - animation-name: ag-shake-left-to-right; -} -@keyframes ag-shake-left-to-right { - 0% { - padding-left: 6px; - padding-right: 2px; - } - to { - padding-left: 2px; - padding-right: 6px; - } -} -.ag-watermark { - bottom: 20px; - color: #9b9b9b; - opacity: 0.7; - position: absolute; - right: 25px; - transition: opacity 1s ease-out 3s; -} -.ag-watermark:before { - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDkiIGhlaWdodD0iMzYiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiM5QjlCOUIiIGQ9Ik0xOTIuOTkzIDIzLjY1OHYtNy45NDZoLTEzLjU0MWwtNy45NDcgNy45NDZ6TTIwOC4yNSAzLjk1aC0xNi45NzRsLTguMDEgNy45NDdoMjQuOTg0ek0xNjMuNjIyIDMxLjYwNWw0LjA2OS00LjA2OWgxMy43MzJ2Ny45NDdoLTE3LjgwMXoiLz48cGF0aCBmaWxsPSIjOUI5QjlCIiBkPSJNMTY2LjYxIDE5Ljc4aDguNzczbDguMDEtNy45NDZIMTY2LjYxek0xNTcuMDExIDMxLjYwNWg2LjYxMWw3Ljg4My03Ljk0N2gtMTQuNDk0ek0xOTEuMjc2IDMuOTVsLTQuMDY4IDQuMDdIMTYxLjI3Vi4wNzJoMzAuMDA2ek0yMC44NCAzMC4yMDZIOC4zNzhsLTIuMTYyIDUuMzRILjc1TDEyLjI1NyA4LjU5Mmg0Ljc2OEwyOC41MyAzNS41NDZoLTUuNTN6bS0xLjcxNy00LjI2TDE0LjYwOSAxNC45NWwtNC41MTQgMTAuOTk4ek0xMDQuNDM3IDE4LjUwOWMxLjU4OS0yLjM1MiA1LjU5NC0yLjYwNyA3LjI0Ny0yLjYwN3Y0LjU3OGMtMi4wMzQgMC00LjA2OS4wNjMtNS4yNzcuOTUzLTEuMjA3Ljg5LTEuODQzIDIuMDk4LTEuODQzIDMuNTZ2MTAuNTUzaC00Ljk1OVYxNS45MDJoNC43Njh6TTExOS4zNzYgMTUuOTAyaC00Ljk1OHYxOS42NDRoNC45NTh6TTExOS4zNzYgNy4xM2gtNC45NTh2NS44NDhoNC45NTh6TTE0My45NzkgNy4xM3YyOC40MTZoLTQuNzY4bC0uMTI3LTIuOTg4YTguMyA4LjMgMCAwIDEtMi42NyAyLjQ4Yy0xLjA4MS41NzItMi40MTYuODktMy45NDIuODktMS4zMzUgMC0yLjYwNi0uMjU1LTMuNjg3LS43LTEuMTQ0LS41MDgtMi4xNjItMS4xNDQtMi45ODgtMi4wMzRhOS42IDkuNiAwIDAgMS0xLjk3MS0zLjE3OWMtLjUwOC0xLjIwNy0uNjk5LTIuNjA2LS42OTktNC4xMzJzLjI1NC0yLjkyNC42OTktNC4xOTZjLjUwOS0xLjI3MSAxLjE0NS0yLjM1MiAxLjk3MS0zLjI0MnMxLjg0NC0xLjU4OSAyLjk4OC0yLjA5OCAyLjM1Mi0uNzYzIDMuNjg3LS43NjNjMS41MjYgMCAyLjc5Ny4yNTUgMy44NzguODI3czEuOTcxIDEuMzM1IDIuNjcgMi40MTZWNy4xOTNoNC45NTl6bS0xMC40MjYgMjQuNTM4YzEuNjUzIDAgMi45MjQtLjU3MiAzLjk0MS0xLjY1M3MxLjUyNi0yLjU0MyAxLjUyNi00LjMyMy0uNTA5LTMuMTc4LTEuNTI2LTQuMzIyYy0xLjAxNy0xLjA4MS0yLjI4OC0xLjY1My0zLjk0MS0xLjY1My0xLjU5IDAtMi45MjUuNTcyLTMuODc4IDEuNjUzLTEuMDE3IDEuMDgtMS41MjYgMi41NDMtMS41MjYgNC4zMjIgMCAxLjc4LjUwOSAzLjE4IDEuNTI2IDQuMjYgMS4wMTcgMS4xNDQgMi4yODggMS43MTYgMy44NzggMS43MTZNNTcuMjAyIDIwLjM1M0g0NC45MzN2NC4yNTloNi45OTNjLS4xOSAyLjE2MS0xLjAxNyAzLjgxNC0yLjQxNiA1LjE1LTEuMzk4IDEuMjctMy4xNzggMS45MDYtNS40NjcgMS45MDYtMS4yNzEgMC0yLjQ4LS4yNTQtMy40OTYtLjY5OWE3IDcgMCAwIDEtMi43MzQtMS45N2MtLjc2My0uODI3LTEuMzM1LTEuODQ0LTEuNzgtMy4wNTJzLS42MzYtMi40OC0uNjM2LTMuOTQyLjE5LTIuNzMzLjYzNi0zLjk0MWMuMzgxLTEuMjA4IDEuMDE3LTIuMTYyIDEuNzgtMy4wNTIuNzYzLS44MjYgMS42NTMtMS40NjIgMi43MzMtMS45N2E5LjEgOS4xIDAgMCAxIDMuNTYtLjdxNC4wMDUgMCA2LjEwMyAxLjkwN2wzLjMwNi0zLjMwNWMtMi40OC0xLjkwNy01LjY1OC0yLjkyNS05LjQwOS0yLjkyNS0yLjA5NyAwLTQuMDA0LjMxOC01LjcyMSAxLjAxOC0xLjcxNi42OTktMy4xNzkgMS41ODktNC4zODYgMi43OTdBMTIuMSAxMi4xIDAgMCAwIDMxLjIgMTYuMjJjLS42MzUgMS43MTctLjk1MyAzLjYyNC0uOTUzIDUuNjU4cy4zMTggMy45NDIgMS4wMTcgNS42NThjLjcgMS43MTcgMS41OSAzLjE3OSAyLjc5NyA0LjM4N2ExMi4xIDEyLjEgMCAwIDAgNC4zODcgMi43OTdjMS43MTYuNyAzLjYyMyAxLjAxNyA1LjY1NyAxLjAxNyAyLjAzNSAwIDMuODc4LS4zMTggNS41MzEtMS4wMTcgMS42NTMtLjcgMy4wNTItMS41OSA0LjE5Ni0yLjc5N3ExLjcxNi0xLjgxMiAyLjY3LTQuMzg3Yy42MzYtMS43MTYuOTU0LTMuNjIzLjk1NC01LjY1OHYtLjgyNmMtLjE5MS0uMTI3LS4yNTUtLjQ0NS0uMjU1LS43TTk1Ljk4MiAyMC4zNTNoLTEyLjI3djQuMjU5aDYuOTkzYy0uMTkgMi4xNjEtMS4wMTcgMy44MTQtMi40MTYgNS4xNS0xLjM5OCAxLjI3LTMuMTc4IDEuOTA2LTUuNDY3IDEuOTA2LTEuMjcxIDAtMi40OC0uMjU0LTMuNDk2LS42OTlhNyA3IDAgMCAxLTIuNzM0LTEuOTdjLS43NjMtLjgyNy0xLjMzNS0xLjg0NC0xLjc4LTMuMDUycy0uNjM2LTIuNDgtLjYzNi0zLjk0Mi4xOS0yLjczMy42MzYtMy45NDFjLjM4MS0xLjIwOCAxLjAxNy0yLjE2MiAxLjc4LTMuMDUyLjc2My0uODI2IDEuNjUzLTEuNDYyIDIuNzM0LTEuOTdhOS4xIDkuMSAwIDAgMSAzLjU2LS43cTQuMDA1IDAgNi4xMDMgMS45MDdsMy4zMDUtMy4zMDVjLTIuNDc5LTEuOTA3LTUuNjU4LTIuOTI1LTkuNDA4LTIuOTI1LTIuMDk4IDAtNC4wMDUuMzE4LTUuNzIyIDEuMDE4LTEuNzE2LjY5OS0zLjE3OCAxLjU4OS00LjM4NiAyLjc5N2ExMi4xIDEyLjEgMCAwIDAtMi43OTcgNC4zODZjLS42MzYgMS43MTctLjk1NCAzLjYyNC0uOTU0IDUuNjU4cy4zMTggMy45NDIgMS4wMTcgNS42NThjLjcgMS43MTcgMS41OSAzLjE3OSAyLjc5NyA0LjM4N2ExMi4xIDEyLjEgMCAwIDAgNC4zODcgMi43OTdjMS43MTYuNyAzLjYyMyAxLjAxNyA1LjY1OCAxLjAxNyAyLjAzNCAwIDMuODc4LS4zMTggNS41My0xLjAxNyAxLjY1My0uNyAzLjA1Mi0xLjU5IDQuMTk2LTIuNzk3cTEuNzE4LTEuODEyIDIuNjctNC4zODdjLjYzNi0xLjcxNi45NTQtMy42MjMuOTU0LTUuNjU4di0uODI2Yy0uMTktLjEyNy0uMjU1LS40NDUtLjI1NS0uNyIvPjwvc3ZnPg==); - background-repeat: no-repeat; - background-size: 170px 40px; - content: ''; - display: block; - height: 40px; - width: 170px; -} -.ag-watermark-text { - font-family: Impact, sans-serif; - font-size: 19px; - font-weight: 700; - opacity: 0.5; -} -.ag-ltr .ag-watermark-text { - padding-left: 0.7rem; -} -.ag-rtl .ag-watermark-text { - padding-right: 0.7rem; -} -.ag-root-wrapper-body { - display: flex; - flex-direction: row; -} -.ag-root-wrapper-body.ag-layout-normal { - flex: 1 1 auto; - height: 0; - min-height: 0; -} -.ag-root { - display: flex; - flex-direction: column; - position: relative; -} -.ag-root.ag-layout-auto-height, -.ag-root.ag-layout-normal { - flex: 1 1 auto; - overflow: hidden; - width: 0; -} -.ag-root.ag-layout-normal { - height: 100%; -} -.ag-body-horizontal-scroll-viewport, -.ag-body-vertical-scroll-viewport, -.ag-body-viewport, -.ag-center-cols-viewport, -.ag-floating-bottom-viewport, -.ag-floating-top-viewport, -.ag-header-viewport, -.ag-sticky-bottom-viewport, -.ag-sticky-top-viewport, -.ag-virtual-list-viewport { - flex: 1 1 auto; - height: 100%; - min-width: 0; - overflow: hidden; - position: relative; -} -.ag-body-viewport, -.ag-center-cols-viewport { - -ms-overflow-style: none !important; - scrollbar-width: none !important; -} -.ag-body-viewport::-webkit-scrollbar, -.ag-center-cols-viewport::-webkit-scrollbar { - display: none !important; -} -.ag-body-viewport { - display: flex; - -webkit-overflow-scrolling: touch; -} -.ag-body-viewport.ag-layout-normal { - overflow-y: auto; -} -.ag-center-cols-viewport { - min-height: 100%; - overflow-x: auto; - width: 100%; -} -.ag-body-horizontal-scroll-viewport { - overflow-x: scroll; -} -.ag-body-vertical-scroll-viewport { - overflow-y: scroll; -} -.ag-virtual-list-viewport { - overflow: auto; - width: 100%; -} -.ag-body-container, -.ag-body-horizontal-scroll-container, -.ag-body-vertical-scroll-container, -.ag-center-cols-container, -.ag-floating-bottom-container, -.ag-floating-bottom-full-width-container, -.ag-floating-top-container, -.ag-full-width-container, -.ag-header-container, -.ag-pinned-left-cols-container, -.ag-pinned-right-cols-container, -.ag-sticky-bottom-container, -.ag-sticky-top-container, -.ag-virtual-list-container { - position: relative; -} -.ag-floating-bottom-container, -.ag-floating-top-container, -.ag-header-container, -.ag-sticky-bottom-container, -.ag-sticky-top-container { - height: 100%; - white-space: nowrap; -} -.ag-center-cols-container, -.ag-pinned-right-cols-container { - display: block; -} -.ag-body-horizontal-scroll-container { - height: 100%; -} -.ag-body-vertical-scroll-container { - width: 100%; -} -.ag-floating-bottom-full-width-container, -.ag-floating-top-full-width-container, -.ag-full-width-container, -.ag-sticky-bottom-full-width-container, -.ag-sticky-top-full-width-container { - pointer-events: none; - position: absolute; - top: 0; -} -.ag-ltr .ag-floating-bottom-full-width-container, -.ag-ltr .ag-floating-top-full-width-container, -.ag-ltr .ag-full-width-container, -.ag-ltr .ag-sticky-bottom-full-width-container, -.ag-ltr .ag-sticky-top-full-width-container { - left: 0; -} -.ag-rtl .ag-floating-bottom-full-width-container, -.ag-rtl .ag-floating-top-full-width-container, -.ag-rtl .ag-full-width-container, -.ag-rtl .ag-sticky-bottom-full-width-container, -.ag-rtl .ag-sticky-top-full-width-container { - right: 0; -} -.ag-full-width-container { - width: 100%; -} -.ag-floating-bottom-full-width-container, -.ag-floating-top-full-width-container { - display: inline-block; - height: 100%; - overflow: hidden; - width: 100%; -} -.ag-virtual-list-container { - overflow: hidden; -} -.ag-body { - display: flex; - flex: 1 1 auto; - flex-direction: row !important; - min-height: 0; - position: relative; -} -.ag-body-horizontal-scroll, -.ag-body-vertical-scroll { - display: flex; - min-height: 0; - min-width: 0; - position: relative; -} -.ag-body-horizontal-scroll.ag-scrollbar-invisible, -.ag-body-vertical-scroll.ag-scrollbar-invisible { - bottom: 0; - position: absolute; -} -.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar, -.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar { - opacity: 0; - transition: opacity 0.4s; - visibility: hidden; -} -.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active, -.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, -.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active, -.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling { - opacity: 1; - visibility: visible; -} -.ag-body-horizontal-scroll { - width: 100%; -} -.ag-body-horizontal-scroll.ag-scrollbar-invisible { - left: 0; - right: 0; -} -.ag-body-vertical-scroll { - height: 100%; -} -.ag-body-vertical-scroll.ag-scrollbar-invisible { - top: 0; - z-index: 10; -} -.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible { - right: 0; -} -.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible { - left: 0; -} -.ag-force-vertical-scroll { - overflow-y: scroll !important; -} -.ag-horizontal-left-spacer, -.ag-horizontal-right-spacer { - height: 100%; - min-width: 0; - overflow-x: scroll; -} -.ag-horizontal-left-spacer.ag-scroller-corner, -.ag-horizontal-right-spacer.ag-scroller-corner { - overflow-x: hidden; -} -.ag-ltr .ag-column-moving .ag-cell { - transition: left 0.2s; -} -.ag-rtl .ag-column-moving .ag-cell { - transition: right 0.2s; -} -.ag-ltr .ag-column-moving .ag-header-cell { - transition: left 0.2s; -} -.ag-rtl .ag-column-moving .ag-header-cell { - transition: right 0.2s; -} -.ag-ltr .ag-column-moving .ag-header-group-cell { - transition: - left 0.2s, - width 0.2s; -} -.ag-rtl .ag-column-moving .ag-header-group-cell { - transition: - right 0.2s, - width 0.2s; -} -.ag-row-animation .ag-row { - transition: - transform 0.4s, - top 0.4s, - opacity 0.2s; -} -.ag-row-animation .ag-row.ag-after-created { - transition: - transform 0.4s, - top 0.4s, - height 0.4s, - opacity 0.2s; -} -.ag-row-no-animation .ag-row { - transition: none; -} -.ag-row-loading { - align-items: center; - display: flex; -} -.ag-row-position-absolute { - position: absolute; -} -.ag-row-position-relative { - position: relative; -} -.ag-full-width-row { - overflow: hidden; - pointer-events: all; -} -.ag-row-inline-editing { - z-index: 1; -} -.ag-row-dragging { - z-index: 2; -} -.ag-stub-cell { - align-items: center; - display: flex; -} -.ag-cell { - display: inline-block; - height: 100%; - position: absolute; - white-space: nowrap; -} -.ag-cell-value { - flex: 1 1 auto; -} -.ag-cell-value, -.ag-group-value { - overflow: hidden; - text-overflow: ellipsis; -} -.ag-cell-wrap-text { - white-space: normal; - word-break: break-word; -} -.ag-sparkline-wrapper { - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; -} -.ag-full-width-row .ag-cell-wrapper.ag-row-group { - align-items: center; - height: 100%; -} -.ag-cell .ag-icon { - display: inline-block; - vertical-align: middle; -} -.ag-popup-child { - top: 0; - z-index: 5; -} -.ag-popup-editor { - position: absolute; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} -.ag-large-text-input { - display: block; -} -.ag-floating-top { - border-bottom: var(--ag-pinned-row-border); - display: flex; - overflow: hidden; - position: relative; - white-space: nowrap; - width: 100%; -} -.ag-pinned-left-floating-top, -.ag-pinned-right-floating-top { - display: inline-block; - min-width: 0; - overflow: hidden; - position: relative; -} -.ag-floating-bottom { - border-top: var(--ag-pinned-row-border); - display: flex; - overflow: hidden; - position: relative; - white-space: nowrap; - width: 100%; -} -.ag-pinned-left-floating-bottom, -.ag-pinned-right-floating-bottom { - display: inline-block; - min-width: 0; - overflow: hidden; - position: relative; -} -.ag-sticky-bottom, -.ag-sticky-top { - background-color: var(--ag-background-color); - display: flex; - position: absolute; - width: 100%; -} -.ag-pinned-left-sticky-top, -.ag-pinned-right-sticky-top { - height: 100%; - overflow: hidden; - position: relative; -} -.ag-sticky-bottom-full-width-container, -.ag-sticky-top-full-width-container { - height: 100%; - overflow: hidden; - width: 100%; -} -.ag-value-slide-out { - opacity: 1; -} -.ag-ltr .ag-value-slide-out { - margin-right: 5px; - transition: - opacity 3s, - margin-right 3s; -} -.ag-rtl .ag-value-slide-out { - margin-left: 5px; - transition: - opacity 3s, - margin-left 3s; -} -:is(.ag-ltr, .ag-rtl) .ag-value-slide-out { - transition-timing-function: linear; -} -.ag-value-slide-out-end { - opacity: 0; -} -.ag-ltr .ag-value-slide-out-end { - margin-right: 10px; -} -.ag-rtl .ag-value-slide-out-end { - margin-left: 10px; -} -.ag-opacity-zero { - opacity: 0 !important; -} -.ag-tool-panel-wrapper { - cursor: default; - display: flex; - overflow-x: hidden; - overflow-y: auto; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} -.ag-select-agg-func-item { - align-items: center; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - height: 100%; - position: relative; -} -.ag-select-agg-func-item > * { - flex: none; -} -.ag-select-agg-func-item { - flex: 1 1 auto; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.ag-tool-panel-horizontal-resize { - cursor: ew-resize; - height: 100%; - position: absolute; - top: 0; - width: 5px; - z-index: 1; -} -.ag-details-row { - width: 100%; -} -.ag-details-row-fixed-height { - height: 100%; -} -.ag-details-grid { - width: 100%; -} -.ag-details-grid-fixed-height { - height: 100%; -} -.ag-cell-label-container { - align-items: center; - display: flex; - flex-direction: row-reverse; - height: 100%; - justify-content: space-between; - width: 100%; -} -.ag-right-aligned-header .ag-cell-label-container { - flex-direction: row; -} -.ag-right-aligned-header .ag-header-cell-text { - text-align: end; -} -.ag-column-group-icons { - display: block; -} -.ag-column-group-icons > * { - cursor: pointer; -} -.ag-pill-select { - display: flex; - flex-direction: column; -} -.ag-pill-select .ag-column-drop-list { - padding: 0; -} -.ag-pill-select .ag-select { - padding-top: var(--ag-grid-size); -} -.ag-pill-select .ag-picker-field-wrapper { - background-color: transparent; - border: 0; -} -.ag-pill-select .ag-picker-field-display { - cursor: pointer; -} -.ag-ltr { - direction: ltr; -} -.ag-ltr .ag-body, -.ag-ltr .ag-body-horizontal-scroll, -.ag-ltr .ag-body-viewport, -.ag-ltr .ag-floating-bottom, -.ag-ltr .ag-floating-top, -.ag-ltr .ag-header, -.ag-ltr .ag-sticky-bottom, -.ag-ltr .ag-sticky-top { - flex-direction: row; -} -.ag-rtl { - direction: rtl; -} -.ag-rtl .ag-body, -.ag-rtl .ag-body-horizontal-scroll, -.ag-rtl .ag-body-viewport, -.ag-rtl .ag-floating-bottom, -.ag-rtl .ag-floating-top, -.ag-rtl .ag-header, -.ag-rtl .ag-sticky-bottom, -.ag-rtl .ag-sticky-top { - flex-direction: row-reverse; -} -.ag-rtl .ag-icon-contracted, -.ag-rtl .ag-icon-expanded, -.ag-rtl .ag-icon-tree-closed { - display: block; - transform: rotate(180deg); -} -.ag-measurement-container { - overflow: hidden; - visibility: hidden; - width: 0; -} -.ag-measurement-container div { - position: absolute; -} -.ag-group { - position: relative; - width: 100%; -} -.ag-group-title-bar { - align-items: center; - display: flex; - padding: var(--ag-grid-size); -} -.ag-group-title { - display: inline; - min-width: 0; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.ag-group-title-bar .ag-group-title { - cursor: default; -} -.ag-group-toolbar { - align-items: center; - display: flex; - padding: var(--ag-grid-size); -} -.ag-group-container { - display: flex; -} -.ag-disabled .ag-group-container { - pointer-events: none; -} -.ag-disabled-group-container, -.ag-disabled-group-title-bar { - opacity: 0.5; -} -.ag-group-container-horizontal { - flex-direction: row; - flex-wrap: wrap; -} -.ag-group-container-vertical { - flex-direction: column; -} -.ag-group-title-bar-icon { - cursor: pointer; - flex: none; -} -.ag-ltr .ag-group-title-bar-icon { - margin-right: var(--ag-grid-size); -} -.ag-rtl .ag-group-title-bar-icon { - margin-left: var(--ag-grid-size); -} -.ag-group-item-alignment-stretch .ag-group-item { - align-items: stretch; -} -.ag-group-item-alignment-start .ag-group-item { - align-items: flex-start; -} -.ag-group-item-alignment-end .ag-group-item { - align-items: flex-end; -} -.ag-popup-child:not(.ag-tooltip-custom) { - box-shadow: var(--ag-popup-shadow); -} -.ag-rtl { - text-align: right; -} -.ag-ltr .ag-pivot-leaf-group { - margin-left: min( - var(--ag-row-group-indent-size), - calc(var(--ag-row-group-indent-size) * var(--ag-indentation-level)) - ); -} -.ag-rtl .ag-pivot-leaf-group { - margin-right: min( - var(--ag-row-group-indent-size), - calc(var(--ag-row-group-indent-size) * var(--ag-indentation-level)) - ); -} -.ag-ltr .ag-row-group-leaf-indent { - margin-left: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size)); -} -.ag-rtl .ag-row-group-leaf-indent { - margin-right: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size)); -} -.ag-value-change-delta { - padding: 0 2px; -} -.ag-value-change-delta-up { - color: var(--ag-value-change-delta-up-color); -} -.ag-value-change-delta-down { - color: var(--ag-value-change-delta-down-color); -} -.ag-value-change-value { - background-color: transparent; - border-radius: 1px; - padding-left: 1px; - padding-right: 1px; - transition: background-color 1s; -} -.ag-value-change-value-highlight { - background-color: var(--ag-value-change-value-highlight-background-color); - transition: background-color 0.1s; -} -.ag-cell-data-changed { - background-color: var(--ag-value-change-value-highlight-background-color) !important; -} -.ag-cell-data-changed-animation { - background-color: transparent; -} -.ag-cell-highlight { - background-color: var(--ag-range-selection-highlight-color) !important; -} -.ag-row { - background-color: var(--ag-background-color); - border-bottom: var(--ag-row-border); - color: var(--ag-cell-text-color); - height: var(--ag-row-height); - white-space: nowrap; - width: 100%; - --ag-internal-content-line-height: min(calc(var(--ag-row-height) - 1px), var(--ag-line-height, 1000px)); -} -.ag-sticky-bottom:after { - border-top: var(--ag-row-border); - content: ''; - height: 1px; - position: absolute; - top: 0; - width: 100%; -} -.ag-ltr .ag-sticky-bottom:after { - left: 0; -} -.ag-rtl .ag-sticky-bottom:after { - right: 0; -} -.ag-group-contracted, -.ag-group-expanded { - cursor: pointer; -} -.ag-cell, -.ag-full-width-row .ag-cell-wrapper.ag-row-group { - border: 1px solid transparent; - line-height: var(--ag-internal-content-line-height); -} -.ag-ltr .ag-cell { - border-right: var(--ag-column-border); -} -.ag-rtl .ag-cell { - border-left: var(--ag-column-border); -} -.ag-cell-wrapper { - align-items: center; - display: flex; -} -.ag-ltr .ag-cell-wrapper { - padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size)); -} -.ag-rtl .ag-cell-wrapper { - padding-right: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size)); -} -.ag-cell-wrapper.ag-row-group { - align-items: flex-start; -} -.ag-cell-wrapper > :not(.ag-cell-value):not(.ag-group-value) { - align-items: center; - display: flex; - height: var(--ag-internal-content-line-height); -} -.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group { - padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level)); -} -.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group { - padding-right: calc( - var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level) - ); -} -.ag-ltr .ag-group-contracted, -.ag-ltr .ag-group-expanded, -.ag-ltr .ag-row-drag, -.ag-ltr .ag-selection-checkbox { - margin-right: var(--ag-cell-widget-spacing); -} -.ag-rtl .ag-group-contracted, -.ag-rtl .ag-group-expanded, -.ag-rtl .ag-row-drag, -.ag-rtl .ag-selection-checkbox { - margin-left: var(--ag-cell-widget-spacing); -} -.ag-ltr .ag-group-child-count { - margin-left: 3px; -} -.ag-rtl .ag-group-child-count { - margin-right: 3px; -} -.ag-row-highlight-above:after, -.ag-row-highlight-below:after { - background-color: var(--ag-range-selection-border-color); - content: ''; - height: 1px; - position: absolute; - width: calc(100% - 1px); -} -.ag-ltr .ag-row-highlight-above:after, -.ag-ltr .ag-row-highlight-below:after { - left: 1px; -} -.ag-rtl .ag-row-highlight-above:after, -.ag-rtl .ag-row-highlight-below:after { - right: 1px; -} -.ag-row-highlight-above:after { - top: -1px; -} -.ag-row-highlight-above.ag-row-first:after { - top: 0; -} -.ag-row-highlight-below:after { - bottom: 0; -} -.ag-row-odd { - background-color: var(--ag-odd-row-background-color); -} -.ag-row-selected:before { - background-color: var(--ag-selected-row-background-color); - content: ''; - display: block; - inset: 0; - pointer-events: none; - position: absolute; -} -.ag-row-hover.ag-full-width-row.ag-row-group:before, -.ag-row-hover:not(.ag-full-width-row):before { - background-color: var(--ag-row-hover-color); - content: ''; - display: block; - inset: 0; - pointer-events: none; - position: absolute; -} -.ag-row-hover.ag-row-selected:before { - background-color: var(--ag-row-hover-color); - background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color)); -} -.ag-row-hover.ag-full-width-row.ag-row-group > * { - position: relative; -} -.ag-column-hover { - background-color: var(--ag-column-hover-color); -} -.ag-ltr .ag-right-aligned-cell { - text-align: right; -} -.ag-rtl .ag-right-aligned-cell { - text-align: left; -} -.ag-right-aligned-cell .ag-cell-value, -.ag-right-aligned-cell .ag-group-value { - margin-left: auto; -} -.ag-cell, -.ag-full-width-row .ag-cell-wrapper.ag-row-group { - -webkit-font-smoothing: subpixel-antialiased; -} -.ag-ltr .ag-cell, -.ag-ltr .ag-full-width-row .ag-cell-wrapper.ag-row-group { - padding-left: calc( - var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level) - ); - padding-right: calc(var(--ag-cell-horizontal-padding) - 1px); -} -.ag-rtl .ag-cell, -.ag-rtl .ag-full-width-row .ag-cell-wrapper.ag-row-group { - padding-left: calc(var(--ag-cell-horizontal-padding) - 1px); - padding-right: calc( - var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level) - ); -} -.ag-row > .ag-cell-wrapper { - padding-left: calc(var(--ag-cell-horizontal-padding) - 1px); - padding-right: calc(var(--ag-cell-horizontal-padding) - 1px); -} -.ag-row-dragging { - cursor: move; - opacity: 0.5; -} -.ag-details-row { - background-color: var(--ag-background-color); - padding: calc(var(--ag-grid-size) * 3.5); -} -.ag-layout-auto-height .ag-center-cols-container, -.ag-layout-auto-height .ag-center-cols-viewport, -.ag-layout-print .ag-center-cols-container, -.ag-layout-print .ag-center-cols-viewport { - min-height: 150px; -} -.ag-overlay-loading-wrapper { - background-color: var(--ag-modal-overlay-background-color); -} -.ag-overlay-no-rows-wrapper.ag-layout-auto-height { - padding-top: 60px; -} -.ag-skeleton-container { - align-content: center; - height: 100%; - width: 100%; -} -.ag-skeleton-effect { - animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite; - background-color: var(--ag-row-loading-skeleton-effect-color); - border-radius: 0.25rem; - height: 1em; - width: 100%; -} -.ag-ltr .ag-right-aligned-cell .ag-skeleton-effect { - margin-left: auto; -} -.ag-rtl .ag-right-aligned-cell .ag-skeleton-effect { - margin-right: auto; -} -@keyframes ag-skeleton-loading { - 0% { - opacity: 1; - } - 50% { - opacity: 0.4; - } - to { - opacity: 1; - } -} -.ag-loading { - align-items: center; - display: flex; - height: 100%; -} -.ag-ltr .ag-loading { - padding-left: var(--ag-cell-horizontal-padding); -} -.ag-rtl .ag-loading { - padding-right: var(--ag-cell-horizontal-padding); -} -.ag-ltr .ag-loading-icon { - padding-right: var(--ag-cell-widget-spacing); -} -.ag-rtl .ag-loading-icon { - padding-left: var(--ag-cell-widget-spacing); -} -.ag-icon-loading { - animation-duration: 1s; - animation-iteration-count: infinite; - animation-name: spin; - animation-timing-function: linear; -} -@keyframes spin { - 0% { - transform: rotate(0deg); - } - to { - transform: rotate(1turn); - } -} -.ag-details-row { - padding: calc(var(--ag-grid-size) * 3.75); -} -.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing), -.ag-cell-range-selected:not(.ag-cell-focus) { - background-color: var(--ag-range-selection-background-color); -} -.ag-cell-range-chart:is( - .ag-cell-range-selected:not(.ag-cell-focus), - .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) - ) { - background-color: var(--ag-range-selection-chart-background-color) !important; -} -.ag-cell-range-chart.ag-cell-range-chart-category:is( - .ag-cell-range-selected:not(.ag-cell-focus), - .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) - ) { - background-color: var(--ag-range-selection-chart-category-background-color) !important; -} -.ag-cell-range-selected-1:not(.ag-cell-focus), -.ag-root:not(.ag-context-menu-open) - .ag-body-viewport:not(.ag-has-focus) - .ag-cell-range-selected-1:not(.ag-cell-inline-editing) { - background-color: var(--ag-range-selection-background-color); -} -.ag-cell-range-selected-2:not(.ag-cell-focus) { - background-image: linear-gradient( - var(--ag-range-selection-background-color), - var(--ag-range-selection-background-color) - ); -} -.ag-cell-range-selected-3:not(.ag-cell-focus) { - background-image: linear-gradient( - var(--ag-range-selection-background-color), - var(--ag-range-selection-background-color) - ), - linear-gradient(var(--ag-range-selection-background-color), var(--ag-range-selection-background-color)); -} -.ag-cell-range-selected-4:not(.ag-cell-focus) { - background-image: linear-gradient( - var(--ag-range-selection-background-color), - var(--ag-range-selection-background-color) - ), - linear-gradient(var(--ag-range-selection-background-color), var(--ag-range-selection-background-color)), - linear-gradient(var(--ag-range-selection-background-color), var(--ag-range-selection-background-color)); -} -.ag-cell.ag-cell-range-selected.ag-cell-range-top:not(.ag-cell-range-single-cell) { - border-top-color: var(--ag-range-selection-border-color); - border-top-style: var(--ag-range-selection-border-style); -} -.ag-cell.ag-cell-range-selected.ag-cell-range-right:not(.ag-cell-range-single-cell) { - border-right-color: var(--ag-range-selection-border-color); - border-right-style: var(--ag-range-selection-border-style); -} -.ag-cell.ag-cell-range-selected.ag-cell-range-bottom:not(.ag-cell-range-single-cell) { - border-bottom-color: var(--ag-range-selection-border-color); - border-bottom-style: var(--ag-range-selection-border-style); -} -.ag-cell.ag-cell-range-selected.ag-cell-range-left:not(.ag-cell-range-single-cell) { - border-left-color: var(--ag-range-selection-border-color); - border-left-style: var(--ag-range-selection-border-style); -} -.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within, -.ag-ltr .ag-cell-range-single-cell, -.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle, -.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), -.ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group, -.ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within, -.ag-rtl .ag-cell-range-single-cell, -.ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle, -.ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), -.ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group { - border: 1px solid; - border-color: var(--ag-range-selection-border-color); - border-style: var(--ag-range-selection-border-style); - outline: initial; -} -.ag-cell.ag-selection-fill-top, -.ag-cell.ag-selection-fill-top.ag-cell-range-selected { - border-top: 1px dashed; - border-top-color: var(--ag-range-selection-border-color); -} -.ag-ltr .ag-cell.ag-selection-fill-right, -.ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected { - border-right: 1px dashed var(--ag-range-selection-border-color) !important; -} -.ag-rtl .ag-cell.ag-selection-fill-right, -.ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected { - border-left: 1px dashed var(--ag-range-selection-border-color) !important; -} -.ag-cell.ag-selection-fill-bottom, -.ag-cell.ag-selection-fill-bottom.ag-cell-range-selected { - border-bottom: 1px dashed; - border-bottom-color: var(--ag-range-selection-border-color); -} -.ag-ltr .ag-cell.ag-selection-fill-left, -.ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected { - border-left: 1px dashed var(--ag-range-selection-border-color) !important; -} -.ag-rtl .ag-cell.ag-selection-fill-left, -.ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected { - border-right: 1px dashed var(--ag-range-selection-border-color) !important; -} -.ag-fill-handle, -.ag-range-handle { - background-color: var(--ag-range-selection-border-color); - bottom: -1px; - height: 6px; - position: absolute; - width: 6px; -} -.ag-ltr .ag-fill-handle, -.ag-ltr .ag-range-handle { - right: -1px; -} -.ag-rtl .ag-fill-handle, -.ag-rtl .ag-range-handle { - left: -1px; -} -.ag-fill-handle { - cursor: cell; -} -.ag-ltr .ag-range-handle { - cursor: nwse-resize; -} -.ag-rtl .ag-range-handle { - cursor: nesw-resize; -} -.ag-input-wrapper, -.ag-picker-field-wrapper { - align-items: center; - display: flex; - flex: 1 1 auto; - line-height: normal; - position: relative; -} -.ag-input-field { - align-items: center; - display: flex; - flex-direction: row; -} -.ag-input-field-input { - flex: 1 1 auto; -} -.ag-floating-filter-input .ag-input-field-input[type='date'] { - width: 1px; -} -.ag-input-field-input { - min-width: 0; - width: 100%; -} -.ag-column-select-header-filter-wrapper .ag-input-wrapper:before, -.ag-filter-filter .ag-input-wrapper:before, -.ag-filter-toolpanel-search .ag-input-wrapper:before, -.ag-mini-filter .ag-input-wrapper:before { - background-color: currentColor; - content: ''; - display: block; - height: 12px; - -webkit-mask-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg=='); - mask-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg=='); - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - opacity: 50%; - position: absolute; - width: 12px; -} -.ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper:before, -.ag-ltr .ag-filter-filter .ag-input-wrapper:before, -.ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper:before, -.ag-ltr .ag-mini-filter .ag-input-wrapper:before { - margin-left: var(--ag-grid-size); -} -.ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper:before, -.ag-rtl .ag-filter-filter .ag-input-wrapper:before, -.ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper:before, -.ag-rtl .ag-mini-filter .ag-input-wrapper:before { - margin-right: var(--ag-grid-size); -} -.ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, -.ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, -.ag-ltr .ag-filter-filter input.ag-number-field-input, -.ag-ltr .ag-filter-filter input.ag-text-field-input, -.ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, -.ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, -.ag-ltr .ag-mini-filter input.ag-number-field-input, -.ag-ltr .ag-mini-filter input.ag-text-field-input { - padding-left: 26px; -} -.ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, -.ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, -.ag-rtl .ag-filter-filter input.ag-number-field-input, -.ag-rtl .ag-filter-filter input.ag-text-field-input, -.ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, -.ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, -.ag-rtl .ag-mini-filter input.ag-number-field-input, -.ag-rtl .ag-mini-filter input.ag-text-field-input { - padding-right: 26px; -} -.ag-advanced-filter-header { - align-items: center; - background-color: var(--ag-header-background-color); - border-bottom: var(--ag-header-row-border); - display: flex; - padding-left: var(--ag-cell-horizontal-padding); - padding-right: var(--ag-cell-horizontal-padding); - position: relative; -} -.ag-advanced-filter { - align-items: center; - display: flex; - width: 100%; -} -.ag-advanced-filter-apply-button, -.ag-advanced-filter-builder-button { - line-height: normal; - white-space: nowrap; -} -.ag-ltr .ag-advanced-filter-apply-button, -.ag-ltr .ag-advanced-filter-builder-button { - margin-left: calc(var(--ag-grid-size) * 2); -} -.ag-rtl .ag-advanced-filter-apply-button, -.ag-rtl .ag-advanced-filter-builder-button { - margin-right: calc(var(--ag-grid-size) * 2); -} -.ag-advanced-filter-builder-button { - align-items: center; - background-color: unset; - border: 0; - display: flex; - font-size: var(--ag-font-size); - font-weight: 600; - padding: var(--ag-grid-size); -} -.ag-advanced-filter-builder-button:hover:not(:disabled) { - background-color: var(--ag-row-hover-color); -} -.ag-advanced-filter-builder-button:not(:disabled) { - cursor: pointer; -} -.ag-ltr .ag-advanced-filter-builder-button-label { - margin-left: var(--ag-grid-size); -} -.ag-rtl .ag-advanced-filter-builder-button-label { - margin-right: var(--ag-grid-size); -} -.ag-advanced-filter-builder { - background-color: var(--ag-chrome-background-color); - display: flex; - flex-direction: column; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - width: 100%; -} -.ag-advanced-filter-builder-list { - flex: 1; - overflow: auto; -} -.ag-advanced-filter-builder-button-panel { - border-top: var(--ag-advanced-filter-builder-button-bar-border); - display: flex; - justify-content: flex-end; - padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); -} -.ag-ltr .ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button, -.ag-ltr .ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button { - margin-left: calc(var(--ag-grid-size) * 2); -} -.ag-rtl .ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button, -.ag-rtl .ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button { - margin-right: calc(var(--ag-grid-size) * 2); -} -.ag-advanced-filter-builder-item-wrapper { - align-items: center; - display: flex; - flex: 1 1 auto; - justify-content: space-between; - overflow: hidden; -} -.ag-ltr .ag-advanced-filter-builder-item-wrapper { - padding-left: calc(var(--ag-icon-size) / 2); - padding-right: var(--ag-icon-size); -} -.ag-rtl .ag-advanced-filter-builder-item-wrapper { - padding-left: var(--ag-icon-size); - padding-right: calc(var(--ag-icon-size) / 2); -} -.ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard { - position: absolute; -} -.ag-advanced-filter-builder-item-tree-lines > * { - width: var(--ag-advanced-filter-builder-indent-size); -} -.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root { - width: var(--ag-icon-size); -} -.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root:before { - height: 50%; - top: 50%; -} -.ag-advanced-filter-builder-item-tree-line-horizontal, -.ag-advanced-filter-builder-item-tree-line-vertical, -.ag-advanced-filter-builder-item-tree-line-vertical-bottom, -.ag-advanced-filter-builder-item-tree-line-vertical-top { - align-items: center; - display: flex; - height: 100%; - position: relative; -} -.ag-advanced-filter-builder-item-tree-line-horizontal:after, -.ag-advanced-filter-builder-item-tree-line-horizontal:before, -.ag-advanced-filter-builder-item-tree-line-vertical-bottom:after, -.ag-advanced-filter-builder-item-tree-line-vertical-bottom:before, -.ag-advanced-filter-builder-item-tree-line-vertical-top:after, -.ag-advanced-filter-builder-item-tree-line-vertical-top:before, -.ag-advanced-filter-builder-item-tree-line-vertical:after, -.ag-advanced-filter-builder-item-tree-line-vertical:before { - content: ''; - height: 100%; - position: absolute; -} -.ag-advanced-filter-builder-item-tree-line-horizontal:after { - border-bottom: 1px solid var(--ag-border-color); - height: 50%; - top: 0; - width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size)); -} -.ag-ltr .ag-advanced-filter-builder-item-tree-line-horizontal:after { - left: calc(var(--ag-icon-size) / 2); -} -.ag-rtl .ag-advanced-filter-builder-item-tree-line-horizontal:after { - right: calc(var(--ag-icon-size) / 2); -} -.ag-advanced-filter-builder-item-tree-line-vertical:before { - top: 0; - width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2); -} -.ag-ltr .ag-advanced-filter-builder-item-tree-line-vertical:before { - border-left: 1px solid var(--ag-border-color); - left: calc(var(--ag-icon-size) / 2); -} -.ag-rtl .ag-advanced-filter-builder-item-tree-line-vertical:before { - border-right: 1px solid var(--ag-border-color); - right: calc(var(--ag-icon-size) / 2); -} -.ag-advanced-filter-builder-item-tree-line-vertical-top:before { - height: 50%; - top: 0; - width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2); -} -.ag-ltr .ag-advanced-filter-builder-item-tree-line-vertical-top:before { - border-left: 1px solid var(--ag-border-color); - left: calc(var(--ag-icon-size) / 2); -} -.ag-rtl .ag-advanced-filter-builder-item-tree-line-vertical-top:before { - border-right: 1px solid var(--ag-border-color); - right: calc(var(--ag-icon-size) / 2); -} -.ag-advanced-filter-builder-item-tree-line-vertical-bottom:before { - height: calc(50% - var(--ag-icon-size) * 1.5 / 2); - top: calc(50% + var(--ag-icon-size) * 1.5 / 2); - width: calc(var(--ag-icon-size) / 2); -} -.ag-ltr .ag-advanced-filter-builder-item-tree-line-vertical-bottom:before { - border-left: 1px solid var(--ag-border-color); - left: calc(var(--ag-icon-size) / 2); -} -.ag-rtl .ag-advanced-filter-builder-item-tree-line-vertical-bottom:before { - border-right: 1px solid var(--ag-border-color); - right: calc(var(--ag-icon-size) / 2); -} -.ag-advanced-filter-builder-item-condition { - padding-bottom: var(--ag-grid-size); - padding-top: var(--ag-grid-size); -} -.ag-advanced-filter-builder-item, -.ag-advanced-filter-builder-item-buttons, -.ag-advanced-filter-builder-item-condition, -.ag-advanced-filter-builder-item-tree-lines, -.ag-advanced-filter-builder-pill, -.ag-advanced-filter-builder-pill-wrapper { - align-items: center; - display: flex; - height: 100%; -} -.ag-advanced-filter-builder-pill-wrapper { - margin: 0 var(--ag-grid-size); -} -.ag-advanced-filter-builder-pill { - border-radius: var(--ag-border-radius); - min-height: calc(100% - var(--ag-grid-size) * 3); - min-width: calc(var(--ag-grid-size) * 2); - padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); - position: relative; -} -.ag-ltr .ag-advanced-filter-builder-pill .ag-picker-field-display { - margin-right: var(--ag-grid-size); -} -.ag-rtl .ag-advanced-filter-builder-pill .ag-picker-field-display { - margin-left: var(--ag-grid-size); -} -.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number { - font-family: monospace; - font-weight: 700; -} -.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty { - color: var(--ag-subtle-text-color); -} -.ag-advanced-filter-builder-item-button:focus-visible, -.ag-advanced-filter-builder-pill:focus-visible { - shadow: var(--ag-focus-shadow); -} -.ag-advanced-filter-builder-pill-display { - font-weight: 500; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.ag-advanced-filter-builder-join-pill { - background-color: var(--ag-advanced-filter-builder-join-pill-color); - cursor: pointer; -} -.ag-advanced-filter-builder-column-pill { - background-color: var(--ag-advanced-filter-builder-column-pill-color); - cursor: pointer; -} -.ag-advanced-filter-builder-option-pill { - background-color: var(--ag-advanced-filter-builder-option-pill-color); - cursor: pointer; -} -.ag-advanced-filter-builder-value-pill { - background-color: var(--ag-advanced-filter-builder-value-pill-color); - cursor: text; - max-width: 140px; -} -.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display { - display: block; -} -.ag-advanced-filter-builder-item-buttons > * { - margin: 0 calc(var(--ag-grid-size) * 0.5); -} -.ag-advanced-filter-builder-item-button { - color: var(--ag-subtle-text-color); - cursor: pointer; - position: relative; -} -.ag-advanced-filter-builder-item-button-disabled { - cursor: default; - opacity: 0.5; -} -.ag-advanced-filter-builder-virtual-list-container { - top: var(--ag-grid-size); -} -.ag-advanced-filter-builder-virtual-list-item { - cursor: default; - display: flex; - height: var(--ag-list-item-height); -} -.ag-advanced-filter-builder-virtual-list-item:hover { - background-color: var(--ag-row-hover-color); -} -.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button { - opacity: 100%; -} -.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid, -.ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible { - opacity: 100%; -} -.ag-advanced-filter-builder-invalid { - color: var(--ag-invalid-color); - cursor: default; - margin: 0 var(--ag-grid-size); -} -.ag-cell-inline-editing { - border-radius: var(--ag-border-radius); - padding: 0; - z-index: 1; -} -.ag-cell-inline-editing .ag-cell-edit-wrapper, -.ag-cell-inline-editing .ag-cell-editor, -.ag-cell-inline-editing .ag-cell-editor .ag-wrapper, -.ag-cell-inline-editing .ag-cell-editor input, -.ag-cell-inline-editing .ag-cell-wrapper { - height: 100%; - line-height: normal; - width: 100%; -} -.ag-autocomplete-list-popup, -.ag-popup-editor .ag-large-text { - background-color: var(--ag-background-color); - border-radius: var(--ag-border-radius); - box-shadow: var(--ag-dropdown-shadow); - padding: 0; -} -.ag-large-text-input { - height: auto; - padding: var(--ag-cell-horizontal-padding); -} -.ag-rtl .ag-large-text-input textarea { - resize: none; -} -.ag-checkbox-edit { - padding-left: var(--ag-cell-horizontal-padding); - padding-right: var(--ag-cell-horizontal-padding); -} -.ag-chart { - height: 100%; - width: 100%; -} -.ag-chart, -.ag-chart-components-wrapper { - display: flex; - overflow: hidden; - position: relative; -} -.ag-chart-components-wrapper { - flex: 1 1 auto; -} -.ag-chart-canvas-wrapper { - flex: 1 1 auto; - overflow: hidden; - position: relative; -} -.ag-chart-menu { - display: flex; - flex-direction: column; - position: absolute; - top: 16px; -} -.ag-ltr .ag-chart-menu { - right: 20px; -} -.ag-rtl .ag-chart-menu { - left: 20px; -} -.ag-chart-docked-container { - min-width: var(--ag-chart-menu-panel-width); - position: relative; -} -.ag-chart-menu-hidden ~ .ag-chart-docked-container { - display: none; -} -.ag-chart-tabbed-menu { - display: flex; - flex-direction: column; - height: 100%; - overflow: hidden; - width: 100%; -} -.ag-chart-tabbed-menu-header { - cursor: default; - flex: none; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} -.ag-chart-tabbed-menu-body { - align-items: stretch; - display: flex; - flex: 1 1 auto; - overflow: hidden; -} -.ag-chart-tab { - overflow: hidden; - overflow-y: auto; - width: 100%; -} -.ag-chart-settings { - overflow-x: hidden; -} -.ag-chart-settings-wrapper { - display: flex; - flex-direction: column; - height: 100%; - overflow: hidden; - position: relative; - width: 100%; -} -.ag-chart-settings-nav-bar { - align-items: center; - display: flex; - height: 30px; - padding: 0 10px; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - width: 100%; -} -.ag-chart-settings-card-selector { - align-items: center; - display: flex; - flex: 1 1 auto; - height: 100%; - justify-content: space-around; - padding: 0 10px; -} -.ag-chart-settings-card-item { - background-color: var(--ag-foreground-color); - border-radius: 4px; - cursor: pointer; - height: 10px; - height: 8px; - position: relative; - width: 10px; - width: 8px; -} -.ag-chart-settings-card-item.ag-not-selected { - opacity: 0.2; -} -.ag-chart-settings-card-item:before { - background-color: transparent; - content: ' '; - display: block; - height: 20px; - left: 50%; - margin-left: -10px; - margin-top: -10px; - position: absolute; - top: 50%; - width: 20px; -} -.ag-chart-settings-card-item.ag-selected { - background-color: var(--ag-accent-color); -} -.ag-chart-settings-next, -.ag-chart-settings-prev { - flex: none; - position: relative; -} -.ag-chart-settings-next:focus-within, -.ag-chart-settings-prev:focus-within { - border-radius: 1px; - box-shadow: var(--ag-focus-shadow); -} -.ag-chart-settings-next-button, -.ag-chart-settings-prev-button { - cursor: pointer; - height: 100%; - left: 0; - opacity: 0; - position: absolute; - top: 0; - width: 100%; -} -.ag-chart-settings-mini-charts-container { - flex: 1 1 auto; - overflow-x: hidden; - overflow-y: auto; - position: relative; -} -.ag-chart-settings-mini-wrapper { - display: flex; - flex-direction: column; - left: 0; - min-height: 100%; - overflow: hidden; - position: absolute; - top: 0; - width: 100%; -} -.ag-chart-settings-mini-wrapper.ag-animating { - transition: left 0.3s; - transition-timing-function: ease-in-out; -} -.ag-chart-mini-thumbnail { - cursor: pointer; -} -.ag-chart-mini-thumbnail-canvas { - display: block; -} -.ag-chart-advanced-settings-wrapper, -.ag-chart-data-wrapper, -.ag-chart-format-wrapper { - display: flex; - flex-direction: column; - padding-bottom: 16px; - position: relative; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} -.ag-chart-advanced-settings-wrapper, -.ag-chart-data-wrapper { - height: 100%; - overflow-y: auto; -} -.ag-chart-advanced-settings { - background-color: var(--ag-chrome-background-color); -} -.ag-chart-advanced-settings, -.ag-chart-advanced-settings-wrapper { - width: 100%; -} -.ag-chart-advanced-settings-wrapper { - padding-bottom: 0; -} -.ag-chart-advanced-settings-section, -.ag-chart-data-section, -.ag-chart-format-section { - display: flex; - margin: 0; -} -.ag-chart-advanced-settings-section { - border-bottom: 1px solid var(--ag-border-color); -} -.ag-chart-empty-text { - align-items: center; - background-color: var(--ag-background-color); - display: flex; - height: 100%; - justify-content: center; - top: 0; - width: 100%; -} -.ag-chart .ag-chart-menu { - display: none; -} -.ag-chart-menu-hidden:hover .ag-chart-menu { - display: block; -} -.ag-chart .ag-chart-menu-wrapper .ag-chart-menu { - display: flex; - flex-direction: row; - gap: 20px; - top: 8px; - width: auto; -} -.ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu { - justify-content: right; - right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px); -} -.ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu { - justify-content: left; - left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px); -} -.ag-charts-font-size-color { - align-self: stretch; - display: flex; - justify-content: space-between; -} -.ag-charts-data-group-item { - position: relative; -} -.ag-charts-data-group-item:not(:last-child) { - margin-bottom: var(--ag-grid-size); -} -.ag-chart-menu { - background: var(--ag-background-color); -} -.ag-chart-menu, -.ag-chart-menu-icon { - border-radius: var(--ag-border-radius); -} -.ag-chart-menu-icon { - cursor: pointer; - margin: 2px 0; - opacity: 0.5; - opacity: 0.8; -} -.ag-chart-menu-icon:hover { - opacity: 1; -} -.ag-chart-menu-toolbar-button { - background-color: unset; - border: 0; - border-radius: 1px; - padding: 0 2px; -} -.ag-chart-mini-thumbnail { - border: 1px solid var(--ag-border-color); - border-radius: 5px; -} -.ag-chart-mini-thumbnail.ag-selected { - border-color: var(--ag-accent-color); - border-width: 2px; -} -.ag-chart-mini-thumbnail:focus-visible { - border-color: var(--ag-accent-color); - box-shadow: var(--ag-focus-shadow); -} -.ag-chart-data-column-drag-handle { - margin-left: var(--ag-grid-size); -} -.ag-charts-data-group-title-bar, -.ag-charts-format-top-level-group-title-bar, -.ag-charts-settings-group-title-bar { - position: relative; -} -.ag-charts-advanced-settings-top-level-group-title-bar { - background-color: unset; - position: relative; -} -.ag-charts-advanced-settings-top-level-group-title-bar:focus-visible, -.ag-charts-data-group-title-bar:focus-visible, -.ag-charts-format-top-level-group-title-bar:focus-visible, -.ag-charts-settings-group-title-bar:focus-visible { - box-shadow: inset var(--ag-focus-shadow); -} -.ag-charts-data-group-container { - padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding); -} -.ag-charts-data-group-container - .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) { - height: var(--ag-list-item-height); -} -.ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field { - margin-top: var(--ag-grid-size); -} -.ag-charts-advanced-settings-top-level-group-container, -.ag-charts-format-top-level-group-container { - margin-left: calc(var(--ag-grid-size) * 2); - padding: var(--ag-grid-size); -} -.ag-charts-advanced-settings-top-level-group-item, -.ag-charts-format-top-level-group-item { - margin: var(--ag-grid-size) 0; -} -.ag-charts-format-sub-level-group-container { - display: flex; - flex-direction: column; - gap: var(--ag-widget-vertical-spacing); - padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); -} -.ag-charts-settings-group-container { - display: grid; - grid-template-columns: 60px 1fr 60px 1fr 60px; - padding: var(--ag-grid-size); - row-gap: 8px; -} -.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n + 1) { - grid-column: 1; -} -.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n + 2) { - grid-column: 3; -} -.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n + 3) { - grid-column: 5; -} -.ag-chart-data-section, -.ag-chart-format-section { - display: flex; - margin: 0; -} -.ag-chart-menu-panel { - background-color: var(--ag-chrome-background-color); -} -.ag-ltr .ag-chart-menu-panel { - border-left: 1px solid var(--ag-border-color); -} -.ag-rtl .ag-chart-menu-panel { - border-right: 1px solid var(--ag-border-color); -} -.ag-chart-tabbed-menu-body { - position: relative; -} -.ag-chart-tabbed-menu-body:after { - background: linear-gradient(var(--ag-background-color), transparent); - content: ''; - display: block; - height: 16px; - left: 0; - position: absolute; - right: 0; - top: 0; -} -.ag-charts-data-group-title-bar, -.ag-charts-format-top-level-group-title-bar, -.ag-charts-settings-group-container, -.ag-charts-settings-group-title-bar { - border-top: none; - font-weight: 500; - padding: 0 calc(var(--ag-grid-size) * 1.5); -} -.ag-chart-settings-nav-bar { - border-top: 1px solid var(--ag-border-color); -} -.ag-charts-format-sub-level-group-title-bar { - background: none; - font-weight: 500; -} -.ag-chart-data-section .ag-label:not(.ag-group-title-bar), -.ag-chart-format-section .ag-label:not(.ag-group-title-bar) { - color: var(--ag-chart-menu-label-color); -} -.ag-chart-data-section .ag-label-align-top .ag-label, -.ag-chart-format-section .ag-label-align-top .ag-label { - margin-bottom: var(--ag-widget-vertical-spacing); - margin-top: calc(var(--ag-widget-vertical-spacing) * 0.5); -} -.ag-chart-data-section .ag-slider.ag-label-align-top .ag-label, -.ag-chart-format-section .ag-slider.ag-label-align-top .ag-label { - margin-bottom: 0; -} -.ag-chart-data-section label, -.ag-chart-format-section label { - display: inline-block; -} -.ag-chart-data-wrapper, -.ag-chart-format-wrapper, -.ag-charts-data-group-container, -.ag-charts-data-group-title-bar, -.ag-charts-format-sub-level-group, -.ag-charts-format-sub-level-group-container, -.ag-charts-format-sub-level-group-container > *, -.ag-charts-format-sub-level-group-item:last-child, -.ag-charts-format-sub-level-group-title-bar, -.ag-charts-format-top-level-group, -.ag-charts-format-top-level-group .ag-charts-format-top-level-group-container, -.ag-charts-format-top-level-group-item, -.ag-charts-format-top-level-group-title-bar, -.ag-charts-settings-group-container, -.ag-charts-settings-group-title-bar { - margin: 0; - padding: 0; -} -.ag-charts-data-group, -.ag-charts-format-top-level-group { - border-top: 1px solid var(--ag-border-color); -} -.ag-charts-data-group-title-bar, -.ag-charts-format-top-level-group-title-bar, -.ag-charts-settings-group-title-bar { - padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); -} -.ag-charts-data-group .ag-charts-data-group-container, -.ag-charts-format-top-level-group .ag-charts-format-top-level-group-container, -.ag-charts-settings-group .ag-charts-settings-group-container { - padding: 0 var(--ag-widget-container-horizontal-padding); -} -.ag-charts-format-sub-level-group-title-bar { - padding: var(--ag-widget-vertical-spacing) 0; -} -.ag-charts-format-sub-level-group-container { - padding-bottom: var(--ag-widget-container-vertical-padding); - padding-top: var(--ag-widget-vertical-spacing); -} -.ag-charts-format-sub-level-group-container > *, -.ag-charts-format-sub-level-no-header-group-container > *, -.ag-charts-format-top-level-group-container > * { - margin-bottom: var(--ag-widget-vertical-spacing); -} -.ag-chart-advanced-settings-section, -.ag-chart-settings-mini-wrapper, -.ag-charts-data-group-item { - padding-bottom: var(--ag-widget-container-vertical-padding); -} -.ag-chart-advanced-settings-section { - padding-top: var(--ag-widget-container-vertical-padding); -} -.ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container, -.ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar { - padding: 0 var(--ag-widget-container-horizontal-padding); -} -.ag-charts-advanced-settings-top-level-group-container { - margin: 0; -} -.ag-charts-advanced-settings-top-level-group-item { - margin-bottom: 0; - margin-top: calc(var(--ag-widget-vertical-spacing) * 2); -} -.ag-chart-menu { - --ag-icon-size: 20px; - background-color: color-mix(in srgb, transparent, var(--ag-background-color) 30%); - padding: 4px 2px; -} -.ag-chart-settings-card-item.ag-not-selected:hover { - opacity: 0.35; -} -.ag-column-drop { - align-items: center; - display: inline-flex; - overflow: auto; - position: relative; - width: 100%; -} -.ag-column-drop-cell, -.ag-column-drop-list { - align-items: center; - display: flex; -} -.ag-column-drop-cell { - gap: var(--ag-grid-size); - position: relative; -} -.ag-column-drop-cell-text { - flex: 1 1 auto; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.ag-column-drop-vertical { - align-items: stretch; - display: flex; - flex-direction: column; - overflow: hidden; -} -.ag-column-drop-vertical-title-bar { - align-items: center; - display: flex; - flex: none; -} -.ag-column-drop-vertical-list { - align-items: stretch; - flex-direction: column; - flex-grow: 1; - overflow-x: auto; - position: relative; -} -.ag-column-drop-vertical-list > * { - flex: none; -} -.ag-column-drop-empty .ag-column-drop-vertical-list { - overflow: hidden; -} -.ag-column-drop-vertical-empty-message { - display: block; -} -.ag-column-drop.ag-column-drop-horizontal { - overflow: hidden; - white-space: nowrap; -} -.ag-column-drop-cell-button { - cursor: pointer; -} -.ag-column-drop-wrapper { - display: flex; -} -.ag-column-drop-horizontal-half-width { - display: inline-block; - width: 50% !important; -} -.ag-column-drop-cell { - background: var(--ag-column-drop-cell-background-color); - border: var(--ag-column-drop-cell-border); - border-radius: 500px; - padding: calc(var(--ag-grid-size) * 0.5); -} -.ag-ltr .ag-column-drop-cell { - padding-left: calc(var(--ag-grid-size) * 0.75); -} -.ag-rtl .ag-column-drop-cell { - padding-right: calc(var(--ag-grid-size) * 0.75); -} -.ag-column-drop-cell:focus-visible { - box-shadow: var(--ag-focus-shadow); -} -.ag-column-drop-cell-button { - min-width: calc(var(--ag-grid-size) * 4); -} -.ag-column-drop-cell-ghost { - opacity: 0.5; -} -.ag-column-drop-horizontal { - gap: var(--ag-cell-widget-spacing); - height: var(--ag-header-height); -} -.ag-ltr .ag-column-drop-horizontal { - padding-left: var(--ag-cell-horizontal-padding); -} -.ag-rtl .ag-column-drop-horizontal { - padding-right: var(--ag-cell-horizontal-padding); -} -.ag-column-drop-horizontal-list { - gap: var(--ag-cell-widget-spacing); -} -.ag-column-drop-vertical-list { - padding-bottom: var(--ag-grid-size); - padding-left: var(--ag-grid-size); - padding-right: var(--ag-grid-size); -} -.ag-column-drop-vertical-cell { - margin-top: var(--ag-grid-size); -} -.ag-ltr .ag-column-drop-vertical-icon { - margin-right: var(--ag-widget-horizontal-spacing); -} -.ag-rtl .ag-column-drop-vertical-icon { - margin-left: var(--ag-widget-horizontal-spacing); -} -.ag-column-drop-vertical-empty-message { - bottom: 0; - left: 0; - margin-top: var(--ag-grid-size); - overflow: hidden; - position: absolute; - right: 0; - top: 0; -} -.ag-select-agg-func-popup { - background: var(--ag-background-color); - border: 1px solid var(--ag-border-color); - border-radius: var(--ag-border-radius); - box-shadow: var(--ag-dropdown-shadow); - height: calc(var(--ag-grid-size) * 5 * 3.5); - padding: 0; - position: absolute; -} -.ag-select-agg-func-virtual-list-item { - cursor: default; -} -.ag-ltr .ag-select-agg-func-virtual-list-item { - padding-left: calc(var(--ag-grid-size) * 2); -} -.ag-rtl .ag-select-agg-func-virtual-list-item { - padding-right: calc(var(--ag-grid-size) * 2); -} -.ag-select-agg-func-virtual-list-item:hover { - background-color: var(--ag-selected-row-background-color); -} -.ag-select-agg-func-virtual-list-item:focus-visible { - shadow: var(--ag-focus-shadow); -} -.ag-sort-indicator-container { - display: contents; -} -.ag-ltr .ag-sort-indicator-icon { - padding-left: var(--ag-grid-size); -} -.ag-rtl .ag-sort-indicator-icon { - padding-right: var(--ag-grid-size); -} -.ag-column-drop-horizontal { - background-color: var(--ag-header-background-color); - border-bottom: var(--ag-header-row-border); -} -.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) { - border-right: var(--ag-column-border); -} -.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) { - border-left: var(--ag-column-border); -} -.ag-column-drop-cell-button { - min-width: 0; - opacity: 0.75; -} -.ag-column-drop-cell-button:hover { - opacity: 1; -} -.ag-column-drop-vertical { - min-height: 75px; -} -.ag-column-drop-vertical-title-bar { - padding: var(--ag-widget-container-vertical-padding) calc(var(--ag-grid-size) * 2) 0; -} -.ag-column-drop-vertical-empty-message { - align-items: center; - border: 1px dashed; - border-color: var(--ag-border-color); - display: flex; - justify-content: center; - margin: calc(var(--ag-grid-size) * 1.5) calc(var(--ag-grid-size) * 2); - padding: calc(var(--ag-grid-size) * 2); -} -.ag-column-select { - display: flex; - flex: 3 1 0px; - flex-direction: column; - overflow: hidden; - position: relative; -} -.ag-column-select-header { - flex: none; - height: var(--ag-header-height); - padding-left: var(--ag-widget-container-horizontal-padding); - padding-right: var(--ag-widget-container-horizontal-padding); -} -.ag-column-select-column, -.ag-column-select-column-group, -.ag-column-select-header { - align-items: center; - display: flex; - gap: var(--ag-widget-horizontal-spacing); - position: relative; -} -.ag-column-select-column, -.ag-column-select-column-group { - height: 100%; -} -.ag-column-select-virtual-list-item:focus-visible { - box-shadow: inset var(--ag-focus-shadow); -} -.ag-column-select-header-icon { - border-radius: var(--ag-border-radius); - cursor: pointer; - height: var(--ag-icon-size); - position: relative; - width: var(--ag-icon-size); -} -.ag-column-select-header-icon:focus-visible { - box-shadow: var(--ag-focus-shadow); -} -.ag-column-select-header-filter-wrapper { - flex: 1 1 auto; -} -.ag-column-select-header-filter { - width: 100%; -} -.ag-column-select-list { - flex: 1 1 0px; - overflow: hidden; -} -.ag-ltr .ag-column-select-column, -.ag-ltr .ag-column-select-column-group { - padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size)); -} -.ag-rtl .ag-column-select-column, -.ag-rtl .ag-column-select-column-group { - padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size)); -} -.ag-ltr .ag-column-select-add-group-indent { - margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5); -} -.ag-rtl .ag-column-select-add-group-indent { - margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5); -} -.ag-column-select-column-group:not(:last-child), -.ag-column-select-column:not(:last-child) { - margin-bottom: var(--ag-widget-vertical-spacing); -} -.ag-column-select-column-group-readonly, -.ag-column-select-column-readonly { - opacity: 0.5; - pointer-events: none; -} -.ag-column-select-virtual-list-viewport { - padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0; -} -.ag-column-select-virtual-list-item { - padding: 0 var(--ag-widget-container-horizontal-padding); -} -.ag-column-select-column-label { - flex: 1 1 auto; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.ag-column-select-checkbox { - display: flex; -} -.ag-set-filter { - --ag-indentation-level: 0; -} -.ag-set-filter-item { - align-items: center; - display: flex; - height: 100%; -} -.ag-set-filter-item-checkbox { - display: flex; - height: 100%; - width: 100%; -} -.ag-set-filter-group-icons { - display: block; -} -.ag-set-filter-group-icons > * { - cursor: pointer; -} -.ag-filter-body-wrapper { - display: flex; - flex-direction: column; -} -.ag-filter-filter { - flex: 1 1 0px; -} -.ag-filter-condition { - display: flex; - justify-content: center; -} -.ag-floating-filter-body { - display: flex; - flex: 1 1 auto; - height: 100%; - position: relative; -} -.ag-floating-filter-full-body { - align-items: center; - display: flex; - flex: 1 1 auto; - height: 100%; - overflow: hidden; - width: 100%; -} -.ag-floating-filter-full-body > div { - flex: 1 1 auto; -} -.ag-floating-filter-input { - align-items: center; - display: flex; - width: 100%; -} -.ag-floating-filter-input > * { - flex: 1 1 auto; -} -.ag-floating-filter-button { - display: flex; - flex: none; -} -.ag-set-floating-filter-input input[disabled] { - pointer-events: none; -} -.ag-floating-filter-button-button { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: transparent; - border: none; - height: var(--ag-icon-size); - width: var(--ag-icon-size); -} -.ag-filter-loading { - height: 100%; - padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); - position: absolute; - width: 100%; - z-index: 1; -} -.ag-column-panel { - display: flex; - flex: 1 1 auto; - flex-direction: column; - overflow: hidden; -} -.ag-pivot-mode-panel { - display: flex; - height: var(--ag-header-height); -} -.ag-pivot-mode-select { - align-items: center; - display: flex; -} -.ag-ltr .ag-pivot-mode-select { - margin-left: var(--ag-widget-container-horizontal-padding); -} -.ag-rtl .ag-pivot-mode-select { - margin-right: var(--ag-widget-container-horizontal-padding); -} -.ag-column-panel-column-select { - border-bottom: var(--ag-tool-panel-separator-border); - border-top: var(--ag-tool-panel-separator-border); -} -:where(.ag-column-panel) .ag-column-drop-vertical { - flex: 1 1 0px; - min-height: 50px; -} -:where(.ag-column-panel) .ag-column-drop-vertical:where(:not(.ag-last-column-drop)) { - border-bottom: var(--ag-tool-panel-separator-border); -} -.ag-dnd-ghost { - align-items: center; - background-color: var(--ag-drag-ghost-background-color); - border: var(--ag-drag-ghost-border); - border-radius: var(--ag-border-radius); - box-shadow: var(--ag-drag-ghost-shadow); - color: var(--ag-text-color); - cursor: move; - font-weight: 500; - gap: var(--ag-cell-widget-spacing); - height: var(--ag-header-height) !important; - max-width: 200px; - padding-left: var(--ag-cell-horizontal-padding); - padding-right: var(--ag-cell-horizontal-padding); - position: absolute; - text-overflow: ellipsis; - transform: translateY(calc(var(--ag-grid-size) * 2)); - z-index: 9999; -} -.ag-dnd-ghost, -.ag-header { - display: flex; - overflow: hidden; - white-space: nowrap; -} -.ag-header { - background-color: var(--ag-header-background-color); - border-bottom: var(--ag-header-row-border); - color: var(--ag-header-text-color); - font-family: var(--ag-header-font-family); - font-size: var(--ag-header-font-size); - font-weight: var(--ag-header-font-weight); - width: 100%; -} -.ag-header-row { - height: var(--ag-header-height); - position: absolute; -} -.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total), -.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group { - border-top: var(--ag-header-row-border); -} -.ag-header-row:not(.ag-header-row-column-group) { - overflow: hidden; -} -.ag-header.ag-header-allow-overflow .ag-header-row { - overflow: visible; -} -.ag-header-cell, -.ag-header-group-cell { - align-items: center; - display: inline-flex; - gap: var(--ag-cell-widget-spacing); - height: 100%; - padding: 0 var(--ag-cell-horizontal-padding); - position: absolute; -} -:is(.ag-header-cell:not(.ag-floating-filter), .ag-header-group-cell):before { - background-color: transparent; - content: ''; - inset: 0; - position: absolute; - transition: background-color var(--ag-header-cell-hover-background-transition-duration); -} -.ag-header-cell-moving:is(.ag-header-cell:not(.ag-floating-filter), .ag-header-group-cell):before, -:is(.ag-header-cell:not(.ag-floating-filter), .ag-header-group-cell):hover:before { - background-color: var(--ag-header-cell-hover-background-color); -} -:where(.ag-header-cell:not(.ag-floating-filter) *, .ag-header-group-cell *) { - position: relative; - z-index: 1; -} -.ag-header-cell-filter-button, -.ag-header-cell.ag-header-active .ag-header-cell-menu-button { - opacity: 1; -} -.ag-header-cell-menu-button:not(.ag-header-menu-always-show) { - opacity: 0; - transition: opacity 0.2s; -} -.ag-header-cell-label, -.ag-header-group-cell-label { - align-items: center; - align-self: stretch; - display: flex; - flex: 1 1 auto; - gap: var(--ag-grid-size); -} -.ag-header-cell-label { - overflow: hidden; - text-overflow: ellipsis; -} -.ag-header-group-cell-label.ag-sticky-label { - flex: none; - max-width: 100%; - position: sticky; -} -.ag-ltr .ag-header-group-cell-label.ag-sticky-label { - left: var(--ag-cell-horizontal-padding); -} -.ag-rtl .ag-header-group-cell-label.ag-sticky-label { - right: var(--ag-cell-horizontal-padding); -} -.ag-header-group-text { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.ag-header-cell-text { - overflow: hidden; - text-overflow: ellipsis; - word-break: break-word; -} -.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper { - align-items: center; - display: flex; - height: 100%; -} -.ag-header-cell-comp-wrapper { - width: 100%; -} -.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper { - white-space: normal; -} -.ag-right-aligned-header .ag-header-cell-label { - flex-direction: row-reverse; -} -.ag-floating-filter-button-button, -.ag-header-cell-filter-button, -.ag-header-cell-menu-button, -.ag-header-cell-sortable .ag-header-cell-label, -.ag-header-expand-icon, -.ag-panel-title-bar-button, -.ag-side-button-button { - cursor: pointer; -} -.ag-advanced-filter-header-cell:focus-visible, -.ag-header-cell:focus-visible, -.ag-header-group-cell:focus-visible { - box-shadow: inset var(--ag-focus-shadow); -} -.ag-header-cell:after, -.ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group):after { - content: ''; - height: var(--ag-header-column-border-height); - position: absolute; - top: calc(50% - var(--ag-header-column-border-height) * 0.5); - z-index: 1; -} -.ag-ltr .ag-header-cell:after, -.ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group):after { - border-right: var(--ag-header-column-border); - right: 0; -} -.ag-rtl .ag-header-cell:after, -.ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group):after { - border-left: var(--ag-header-column-border); - left: 0; -} -.ag-header-cell-resize { - align-items: center; - cursor: ew-resize; - display: flex; - height: 100%; - position: absolute; - top: 0; - width: 8px; - z-index: 2; -} -.ag-ltr .ag-header-cell-resize { - right: -4px; -} -.ag-rtl .ag-header-cell-resize { - left: -4px; -} -.ag-header-cell-resize:after { - background-color: var(--ag-header-column-resize-handle-color); - content: ''; - display: var(--ag-header-column-resize-handle-display); - height: var(--ag-header-column-resize-handle-height); - position: absolute; - top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5); - width: var(--ag-header-column-resize-handle-width); - z-index: 1; -} -.ag-ltr .ag-header-cell-resize:after { - left: calc(50% - var(--ag-header-column-resize-handle-width)); -} -.ag-rtl .ag-header-cell-resize:after { - right: calc(50% - var(--ag-header-column-resize-handle-width)); -} -.ag-header-cell.ag-header-span-height .ag-header-cell-resize:after { - height: calc(100% - var(--ag-grid-size) * 4); - top: calc(var(--ag-grid-size) * 2); -} -.ag-header-group-cell-no-group.ag-header-span-height .ag-header-cell-resize { - display: none; -} -.ag-menu { - background-color: var(--ag-menu-background-color); - border: var(--ag-menu-border); - border-radius: var(--ag-border-radius); - box-shadow: var(--ag-menu-shadow); - color: var(--ag-menu-text-color); - max-height: 100%; - overflow-y: auto; - position: absolute; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} -.ag-menu-list { - cursor: default; - display: table; - padding: var(--ag-grid-size) 0; - width: 100%; -} -.ag-menu-option, -.ag-menu-separator { - display: table-row; -} -.ag-menu-option-part, -.ag-menu-separator-part { - display: table-cell; - vertical-align: middle; -} -.ag-menu-option-text { - white-space: nowrap; -} -.ag-menu-option-custom { - display: contents; -} -.ag-compact-menu-option { - display: flex; - flex-wrap: nowrap; - width: 100%; -} -.ag-compact-menu-option-text { - flex: 1 1 auto; - white-space: nowrap; -} -.ag-menu-separator { - height: calc(var(--ag-grid-size) * 2 + 1px); -} -.ag-menu-separator-part:after { - border-top: 1px solid var(--ag-menu-separator-color); - content: ''; - display: block; -} -.ag-compact-menu-option-active, -.ag-menu-option-active { - background-color: var(--ag-row-hover-color); -} -.ag-compact-menu-option-part, -.ag-menu-option-part { - line-height: var(--ag-icon-size); - padding: calc(var(--ag-grid-size) + 2px) 0; -} -.ag-compact-menu-option-disabled, -.ag-menu-option-disabled { - cursor: not-allowed; - opacity: 0.5; -} -.ag-compact-menu-option-icon, -.ag-menu-option-icon { - width: var(--ag-icon-size); -} -.ag-ltr .ag-compact-menu-option-icon, -.ag-ltr .ag-menu-option-icon { - padding-left: calc(var(--ag-grid-size) * 2); -} -.ag-rtl .ag-compact-menu-option-icon, -.ag-rtl .ag-menu-option-icon { - padding-right: calc(var(--ag-grid-size) * 2); -} -.ag-compact-menu-option-text, -.ag-menu-option-text { - padding-left: calc(var(--ag-grid-size) * 2); - padding-right: calc(var(--ag-grid-size) * 2); -} -.ag-ltr .ag-compact-menu-option-shortcut, -.ag-ltr .ag-menu-option-shortcut { - padding-right: var(--ag-grid-size); -} -.ag-rtl .ag-compact-menu-option-shortcut, -.ag-rtl .ag-menu-option-shortcut { - padding-left: var(--ag-grid-size); -} -.ag-ltr .ag-compact-menu-option-popup-pointer, -.ag-ltr .ag-menu-option-popup-pointer { - padding-right: var(--ag-grid-size); -} -.ag-rtl .ag-compact-menu-option-popup-pointer, -.ag-rtl .ag-menu-option-popup-pointer { - padding-left: var(--ag-grid-size); -} -.ag-menu-column-select-wrapper { - height: 265px; - overflow: auto; -} -.ag-menu-column-select-wrapper .ag-column-select { - height: 100%; -} -.ag-menu.ag-tabs { - min-width: 290px; -} -.ag-filter-separator { - border-top: 1px solid var(--menu-separator-color); -} -.ag-filter-select .ag-picker-field-wrapper { - width: 0; -} -.ag-filter-condition-operator { - height: 17px; -} -.ag-ltr .ag-filter-condition-operator-or { - margin-left: calc(var(--ag-grid-size) * 2); -} -.ag-rtl .ag-filter-condition-operator-or { - margin-right: calc(var(--ag-grid-size) * 2); -} -.ag-set-filter-select-all { - padding-top: var(--ag-widget-container-vertical-padding); -} -.ag-filter-no-matches, -.ag-set-filter-list { - height: calc(var(--ag-list-item-height) * 6); -} -.ag-filter-no-matches { - padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); -} -.ag-set-filter-tree-list { - height: calc(var(--ag-list-item-height) * 10); -} -.ag-set-filter-filter { - margin-left: var(--ag-widget-container-horizontal-padding); - margin-right: var(--ag-widget-container-horizontal-padding); - margin-top: var(--ag-widget-container-vertical-padding); -} -.ag-filter-to { - margin-top: var(--ag-widget-vertical-spacing); -} -.ag-mini-filter { - margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); -} -.ag-ltr .ag-set-filter-item { - padding-left: calc( - var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size) - ); -} -.ag-rtl .ag-set-filter-item { - padding-right: calc( - var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size) - ); -} -.ag-ltr .ag-set-filter-add-group-indent { - margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding)); -} -.ag-rtl .ag-set-filter-add-group-indent { - margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding)); -} -.ag-ltr .ag-set-filter-group-icons { - margin-right: var(--ag-widget-container-horizontal-padding); -} -.ag-rtl .ag-set-filter-group-icons { - margin-left: var(--ag-widget-container-horizontal-padding); -} -.ag-filter-menu .ag-set-filter-list { - min-width: 200px; -} -.ag-filter-virtual-list-item:focus-visible { - box-shadow: inset var(--ag-focus-shadow); -} -.ag-filter-apply-panel { - display: flex; - justify-content: flex-end; - overflow: hidden; - padding: var(--ag-widget-vertical-spacing) var(--ag-widget-container-horizontal-padding) - var(--ag-widget-container-vertical-padding); -} -.ag-filter-apply-panel-button { - line-height: 1.5; -} -.ag-ltr .ag-filter-apply-panel-button { - margin-left: calc(var(--ag-grid-size) * 2); -} -.ag-rtl .ag-filter-apply-panel-button { - margin-right: calc(var(--ag-grid-size) * 2); -} -.ag-simple-filter-body-wrapper { - display: flex; - flex-direction: column; - gap: var(--ag-widget-vertical-spacing); - min-height: calc( - var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing) - ); - overflow-y: auto; - padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); -} -.ag-simple-filter-body-wrapper .ag-resizer-wrapper { - margin: 0; -} -.ag-multi-filter-menu-item { - margin: var(--ag-grid-size) 0; -} -.ag-multi-filter-group-title-bar { - background-color: transparent; - color: var(--ag-header-text-color); - font-weight: 500; - padding: calc(var(--ag-grid-size) * 1.5) var(--ag-grid-size); -} -.ag-multi-filter-group-title-bar:focus-visible { - box-shadow: var(--ag-focus-shadow); -} -.ag-group-filter-field-select-wrapper { - display: flex; - flex-direction: column; - gap: var(--ag-widget-vertical-spacing); - padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); -} -.ag-menu-option .ag-icon { - opacity: 65%; -} -.ag-menu-option { - cursor: pointer; - font-weight: 500; -} -.ag-ltr .ag-menu-option-popup-pointer .ag-icon { - text-align: right; -} -.ag-rtl .ag-menu-option-popup-pointer .ag-icon { - text-align: left; -} -.ag-panel { - background-color: var(--ag-panel-background-color); - display: flex; - flex-direction: column; - overflow: hidden; - position: relative; -} -.ag-dialog { - border: var(--ag-dialog-border); - border-radius: var(--ag-border-radius); - box-shadow: var(--ag-dialog-shadow); - position: absolute; -} -.ag-panel-title-bar { - align-items: center; - background-color: var(--ag-panel-title-bar-background-color); - border-bottom: var(--ag-panel-title-bar-border); - color: var(--ag-header-text-color); - cursor: default; - display: flex; - flex: none; - height: var(--ag-header-height); - padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding); -} -.ag-ltr .ag-panel-title-bar-button { - margin-left: calc(var(--ag-grid-size) * 2); - margin-right: var(--ag-grid-size); -} -.ag-rtl .ag-panel-title-bar-button { - margin-left: var(--ag-grid-size); - margin-right: calc(var(--ag-grid-size) * 2); -} -.ag-panel-title-bar-title { - color: var(--ag-header-text-color); - flex: 1 1 auto; - font-weight: 500; -} -.ag-panel-title-bar-buttons { - display: flex; -} -.ag-panel-title-bar-button { - cursor: pointer; -} -.ag-panel-content-wrapper { - display: flex; - flex: 1 1 auto; - overflow: hidden; - position: relative; -} -.ag-resizer { - pointer-events: none; - position: absolute; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - z-index: 1; -} -.ag-resizer.ag-resizer-topLeft { - height: 5px; - left: 0; - top: 0; - width: 5px; -} -.ag-ltr .ag-resizer.ag-resizer-topLeft { - cursor: nwse-resize; -} -.ag-rtl .ag-resizer.ag-resizer-topLeft { - cursor: nesw-resize; -} -.ag-resizer.ag-resizer-top { - cursor: ns-resize; - height: 5px; - left: 5px; - right: 5px; - top: 0; -} -.ag-resizer.ag-resizer-topRight { - height: 5px; - right: 0; - top: 0; - width: 5px; -} -.ag-ltr .ag-resizer.ag-resizer-topRight { - cursor: nesw-resize; -} -.ag-rtl .ag-resizer.ag-resizer-topRight { - cursor: nwse-resize; -} -.ag-resizer.ag-resizer-right { - bottom: 5px; - cursor: ew-resize; - right: 0; - top: 5px; - width: 5px; -} -.ag-resizer.ag-resizer-bottomRight { - bottom: 0; - height: 5px; - right: 0; - width: 5px; -} -.ag-ltr .ag-resizer.ag-resizer-bottomRight { - cursor: nwse-resize; -} -.ag-rtl .ag-resizer.ag-resizer-bottomRight { - cursor: nesw-resize; -} -.ag-resizer.ag-resizer-bottom { - bottom: 0; - cursor: ns-resize; - height: 5px; - left: 5px; - right: 5px; -} -.ag-resizer.ag-resizer-bottomLeft { - bottom: 0; - height: 5px; - left: 0; - width: 5px; -} -.ag-ltr .ag-resizer.ag-resizer-bottomLeft { - cursor: nesw-resize; -} -.ag-rtl .ag-resizer.ag-resizer-bottomLeft { - cursor: nwse-resize; -} -.ag-resizer.ag-resizer-left { - bottom: 5px; - cursor: ew-resize; - left: 0; - top: 5px; - width: 5px; -} -.ag-dragging-fill-handle .ag-dialog, -.ag-dragging-range-handle .ag-dialog { - opacity: 0.7; - pointer-events: none; -} -.ag-pinned-left-header, -.ag-pinned-right-header { - display: inline-block; - overflow: hidden; - position: relative; -} -.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) { - border-right: var(--ag-pinned-column-border); -} -.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner), -.ag-pinned-right-header { - border-left: var(--ag-pinned-column-border); -} -.ag-pinned-left-header { - border-right: var(--ag-pinned-column-border); -} -.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) { - border-left: var(--ag-pinned-column-border); -} -.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) { - border-right: var(--ag-pinned-column-border); -} -.ag-pinned-left-header .ag-header-cell-resize:after { - left: calc(50% - var(--ag-header-column-resize-handle-width)); -} -.ag-pinned-right-header .ag-header-cell-resize:after { - left: 50%; -} -.ag-pinned-left-header, -.ag-pinned-right-header { - height: 100%; -} -.ag-pinned-left-header .ag-header-cell-resize { - right: -4px; -} -.ag-pinned-right-header .ag-header-cell-resize { - left: -4px; -} -.ag-layout-print.ag-body { - display: block; - height: unset; -} -.ag-layout-print.ag-root-wrapper { - display: inline-block; -} -.ag-layout-print .ag-body-horizontal-scroll, -.ag-layout-print .ag-body-vertical-scroll { - display: none; -} -.ag-layout-print.ag-force-vertical-scroll { - overflow-y: visible !important; -} -@media print { - .ag-root-wrapper.ag-layout-print { - display: table; - } - .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport, - .ag-root-wrapper.ag-layout-print .ag-body-viewport, - .ag-root-wrapper.ag-layout-print .ag-center-cols-container, - .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport, - .ag-root-wrapper.ag-layout-print .ag-root, - .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body, - .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport { - display: block !important; - height: auto !important; - overflow: hidden !important; - } - .ag-root-wrapper.ag-layout-print .ag-cell, - .ag-root-wrapper.ag-layout-print .ag-row { - -moz-column-break-inside: avoid; - break-inside: avoid; - } -} -.ag-select { - align-items: center; - display: flex; - flex-direction: row; -} -.ag-select .ag-picker-field-wrapper { - cursor: default; -} -.ag-ltr .ag-select .ag-picker-field-wrapper { - padding-left: calc(var(--ag-cell-horizontal-padding) / 2); - padding-right: var(--ag-grid-size); -} -.ag-rtl .ag-select .ag-picker-field-wrapper { - padding-left: var(--ag-grid-size); - padding-right: calc(var(--ag-cell-horizontal-padding) / 2); -} -.ag-select.ag-disabled .ag-picker-field-wrapper:focus { - box-shadow: none; -} -.ag-select:not(.ag-cell-editor, .ag-label-align-top) { - min-height: var(--ag-list-item-height); -} -.ag-select .ag-picker-field-display { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.ag-select .ag-picker-field-icon { - align-items: center; - display: flex; -} -.ag-select.ag-disabled { - opacity: 0.5; -} -.ag-rich-select { - cursor: default; - height: 100%; -} -.ag-rich-select-value { - align-items: center; - background-color: var(--ag-input-background-color); - display: flex; - height: 100%; - padding: var(--ag-grid-size); -} -.ag-rich-select-value .ag-picker-field-display { - overflow: hidden; - text-overflow: ellipsis; -} -.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder { - opacity: 0.5; -} -.ag-rich-select-list { - background-color: var(--ag-input-background-color); - border: var(--ag-input-border); - border-radius: var(--ag-input-border-radius); - box-shadow: var(--ag-dropdown-shadow); - height: auto; - position: relative; - width: 100%; -} -.ag-rich-select-list .ag-loading-text { - padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); -} -.ag-rich-select-row { - align-items: center; - display: flex; - flex: 1 1 auto; - height: 100%; - overflow: hidden; - padding: 0 var(--ag-grid-size); - white-space: nowrap; -} -.ag-rich-select-row-selected { - background-color: var(--ag-selected-row-background-color); -} -.ag-rich-select-row-highlighted, -.ag-rich-select-row:hover { - background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color)); -} -.ag-rich-select-row-text-highlight { - font-weight: 700; -} -.ag-rich-select-field-input { - flex: 1 1 auto; -} -.ag-ltr .ag-rich-select-field-input { - left: var(--ag-grid-size); -} -.ag-rtl .ag-rich-select-field-input { - right: var(--ag-grid-size); -} -.ag-rich-select-field-input .ag-input-field-input { - border: none !important; - box-shadow: none !important; - padding: 0 !important; - text-overflow: ellipsis; -} -.ag-rich-select-field-input .ag-input-field-input::-moz-placeholder { - opacity: 0.8; -} -.ag-rich-select-field-input .ag-input-field-input::placeholder { - opacity: 0.8; -} -.ag-popup-editor .ag-rich-select-value { - height: var(--ag-row-height); - min-width: 200px; -} -.ag-rich-select-virtual-list-item { - cursor: default; - height: var(--ag-list-item-height); -} -.ag-pill-container { - display: flex; - flex-wrap: nowrap; - gap: 0.25rem; -} -.ag-pill { - align-items: center; - background: var(--ag-select-cell-background-color); - border: var(--ag-select-cell-border); - border-radius: var(--ag-border-radius); - display: flex; - padding: 0 0.25rem; - white-space: nowrap; -} -.ag-pill:focus-visible { - box-shadow: var(--ag-focus-shadow); -} -.ag-pill .ag-pill-button { - border: none; - padding: 0; -} -.ag-ltr .ag-pill .ag-pill-button { - margin-left: var(--ag-grid-size); -} -.ag-rtl .ag-pill .ag-pill-button { - margin-right: var(--ag-grid-size); -} -.ag-pill .ag-pill-button:hover { - color: var(--ag-accent-color); - cursor: pointer; -} -.ag-root-wrapper { - cursor: default; - display: flex; - flex-direction: column; - line-height: normal; - overflow: hidden; - position: relative; - white-space: normal; - -webkit-font-smoothing: antialiased; - background-color: var(--ag-background-color); - border: var(--ag-wrapper-border); - border-radius: var(--ag-wrapper-border-radius); - color: var(--ag-text-color); - color-scheme: var(--ag-color-scheme); - font-family: var(--ag-font-family); - font-size: var(--ag-font-size); -} -.ag-root-wrapper.ag-layout-normal { - height: 100%; -} -.ag-popup, -.ag-root-wrapper { - --ag-indentation-level: 0; -} -.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize { - right: -3px; -} -.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize, -.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize { - left: -3px; -} -.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize { - right: -3px; -} -.ag-tool-panel-wrapper { - width: var(--ag-side-bar-panel-width); -} -.ag-side-bar { - background-color: var(--ag-side-bar-background-color); - display: flex; - flex-direction: row-reverse; - position: relative; -} -.ag-side-bar-left { - flex-direction: row; - order: -1; -} -.ag-side-buttons { - position: relative; - width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); -} -.ag-side-button.ag-selected { - background-color: var(--ag-side-button-selected-background-color); - border-bottom: var(--ag-side-button-selected-border); -} -.ag-side-button.ag-selected:not(:first-of-type) { - border-top: var(--ag-side-button-selected-border); -} -.ag-side-button-button { - align-items: center; - display: flex; - flex-direction: column; - gap: var(--ag-grid-size); - padding: calc(var(--ag-grid-size) * 3) 0; - position: relative; - white-space: nowrap; - width: 100%; -} -.ag-side-button-button:focus { - box-shadow: none; -} -.ag-side-button-button:focus-visible { - box-shadow: inset var(--ag-focus-shadow); -} -.ag-side-button-label { - writing-mode: vertical-lr; -} -@media (max-resolution: 1.5x) { - .ag-side-button-label { - font-family: 'Segoe UI', var(--ag-font-family); - } - .ag-ltr .ag-side-button-label { - transform: rotate(0.05deg); - } - .ag-rtl .ag-side-button-label { - transform: rotate(-0.05deg); - } -} -.ag-ltr .ag-side-bar-left, -.ag-rtl .ag-side-bar-right { - border-right: var(--ag-side-panel-border); -} -.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper, -.ag-ltr .ag-side-bar-right, -.ag-rtl .ag-side-bar-left, -.ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper { - border-left: var(--ag-side-panel-border); -} -.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper, -.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper { - border-right: var(--ag-side-panel-border); -} -.ag-ltr .ag-chart-menu-panel { - border-left: var(--ag-side-panel-border); -} -.ag-rtl .ag-chart-menu-panel { - border-right: var(--ag-side-panel-border); -} -.ag-button { - border-radius: 0; -} -.ag-standard-button { - -moz-appearance: none; - appearance: none; - -webkit-appearance: none; - background-color: var(--ag-background-color); - border: var(--ag-input-border); - border-radius: var(--ag-border-radius); - cursor: pointer; - font-family: inherit; - padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); -} -.ag-standard-button:hover { - background-color: var(--ag-row-hover-color); -} -.ag-standard-button:active { - border-color: var(--ag-accent-color); -} -.ag-standard-button:disabled { - background-color: var(--ag-input-disabled-background-color); - border: var(--ag-input-disabled-border); - color: var(--ag-input-disabled-text-color); -} -:where(input[class^='ag-'][type='button'], button[class^='ag-']):focus-visible { - box-shadow: var(--ag-focus-shadow); -} -.ag-checkbox-input-wrapper, -.ag-radio-button-input-wrapper { - background-color: var(--ag-checkbox-unchecked-background-color); - border: solid var(--ag-checkbox-border-width) var(--ag-checkbox-unchecked-border-color); - flex: none; - height: var(--ag-icon-size); - position: relative; - width: var(--ag-icon-size); -} -.ag-checkbox-input-wrapper input, -.ag-radio-button-input-wrapper input { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - height: 100%; - opacity: 0; - width: 100%; -} -.ag-checkbox-input-wrapper:after, -.ag-radio-button-input-wrapper:after { - content: ''; - display: block; - inset: 0; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - pointer-events: none; - position: absolute; -} -.ag-checkbox-input-wrapper.ag-checked, -.ag-radio-button-input-wrapper.ag-checked { - background-color: var(--ag-checkbox-checked-background-color); - border-color: var(--ag-checkbox-checked-border-color); -} -.ag-checkbox-input-wrapper.ag-checked:after, -.ag-radio-button-input-wrapper.ag-checked:after { - background-color: var(--ag-checkbox-checked-shape-color); -} -.ag-checkbox-input-wrapper:active, -.ag-checkbox-input-wrapper:focus-within, -.ag-radio-button-input-wrapper:active, -.ag-radio-button-input-wrapper:focus-within { - box-shadow: var(--ag-focus-shadow); -} -.ag-checkbox-input-wrapper.ag-disabled, -.ag-radio-button-input-wrapper.ag-disabled { - filter: grayscale(); - opacity: 0.5; -} -.ag-checkbox-input-wrapper { - border-radius: var(--ag-checkbox-border-radius); -} -.ag-checkbox-input-wrapper.ag-checked:after { - -webkit-mask-image: var(--ag-checkbox-checked-shape-image); - mask-image: var(--ag-checkbox-checked-shape-image); -} -.ag-checkbox-input-wrapper.ag-indeterminate { - background-color: var(--ag-checkbox-indeterminate-background-color); - border-color: var(--ag-checkbox-indeterminate-border-color); -} -.ag-checkbox-input-wrapper.ag-indeterminate:after { - background-color: var(--ag-checkbox-indeterminate-shape-color); - -webkit-mask-image: var(--ag-checkbox-indeterminate-shape-image); - mask-image: var(--ag-checkbox-indeterminate-shape-image); -} -.ag-radio-button-input-wrapper { - border-radius: 100%; -} -.ag-radio-button-input-wrapper.ag-checked:after { - -webkit-mask-image: var(--ag-radio-checked-shape-image); - mask-image: var(--ag-radio-checked-shape-image); -} -.ag-drag-handle { - color: varXXX(--ag-icon-font-color); - cursor: grab; -} -.ag-list-item, -.ag-virtual-list-item { - height: var(--ag-list-item-height); -} -.ag-virtual-list-item { - position: absolute; - width: 100%; -} -.ag-select-list { - background-color: var(--ag-background-color); - border: var(--ag-input-border); - border-radius: var(--ag-border-radius); - box-shadow: var(--ag-dropdown-shadow); - overflow-x: hidden; - overflow-y: auto; -} -.ag-list-item { - align-items: center; - display: flex; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.ag-list-item.ag-active-item { - background-color: var(--ag-row-hover-color); -} -.ag-select-list-item { - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} -.ag-ltr .ag-select-list-item { - padding-left: calc(var(--ag-cell-horizontal-padding) / 2); -} -.ag-rtl .ag-select-list-item { - padding-right: calc(var(--ag-cell-horizontal-padding) / 2); -} -.ag-select-list-item span { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.ag-list-item-hovered:after { - background-color: var(--ag-range-selection-border-color); - content: ''; - height: 1px; - left: 0; - position: absolute; - right: 0; -} -.ag-item-highlight-top:after { - top: 0; -} -.ag-item-highlight-bottom:after { - bottom: 0; -} -.ag-range-field { - align-items: center; - display: flex; -} -.ag-range-field .ag-input-wrapper { - height: 100%; -} -input[class^='ag-'][type='range'] { - -webkit-appearance: none; - background: none; - height: 100%; - overflow: visible; - padding: 0; - width: 100%; -} -input[class^='ag-'][type='range']::-webkit-slider-runnable-track { - background-color: var(--ag-border-color); - border-radius: 1.5px; - height: 3px; - margin: 0; - padding: 0; - width: 100%; -} -input[class^='ag-'][type='range']::-moz-range-track { - background-color: var(--ag-border-color); - border-radius: 1.5px; - height: 3px; - margin: 0; - padding: 0; - width: 100%; -} -input[class^='ag-'][type='range']::-webkit-slider-thumb { - -webkit-appearance: none; - background-color: var(--ag-background-color); - border: 1px solid var(--ag-border-color); - border-radius: 100%; - height: var(--ag-icon-size); - margin: 0; - padding: 0; - transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px)); - width: var(--ag-icon-size); -} -input[class^='ag-'][type='range']::-moz-ag-range-thumb { - -webkit-appearance: none; - background-color: var(--ag-background-color); - border: 1px solid var(--ag-border-color); - border-radius: 100%; - height: var(--ag-icon-size); - margin: 0; - padding: 0; - transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px)); - width: var(--ag-icon-size); -} -input[class^='ag-'][type='range']:focus::-webkit-slider-thumb { - border-color: var(--ag-accent-color); - box-shadow: var(--ag-focus-shadow); -} -input[class^='ag-'][type='range']:focus::-moz-ag-range-thumb { - border-color: var(--ag-accent-color); - box-shadow: var(--ag-focus-shadow); -} -input[class^='ag-'][type='range']:active::-webkit-slider-runnable-track { - background-color: var(--ag-accent-color); -} -input[class^='ag-'][type='range']:active::-moz-ag-range-track { - background-color: var(--ag-accent-color); -} -input[class^='ag-'][type='range']:disabled { - opacity: 0.5; -} -.ag-toggle-button { - flex: none; - min-width: unset; - width: unset; -} -.ag-toggle-button-input-wrapper { - background-color: var(--ag-toggle-button-off-background-color); - border: solid var(--ag-toggle-button-border-width) var(--ag-toggle-button-off-border-color); - border-radius: calc(var(--ag-toggle-button-height) * 0.5); - flex: none; - height: var(--ag-toggle-button-height); - max-width: var(--ag-toggle-button-width); - min-width: var(--ag-toggle-button-width); - position: relative; -} -.ag-toggle-button-input-wrapper input { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - height: 100%; - opacity: 0; - width: 100%; -} -.ag-toggle-button-input-wrapper:before { - background-color: var(--ag-toggle-button-switch-background-color); - border: var(--ag-toggle-button-border-width) solid var(--ag-toggle-button-switch-border-color); - border-radius: 100%; - content: ''; - display: block; - height: var(--ag-toggle-button-height); - pointer-events: none; - position: absolute; - top: calc(0px - var(--ag-toggle-button-border-width)); - width: var(--ag-toggle-button-height); -} -.ag-ltr .ag-toggle-button-input-wrapper:before { - left: calc(0px - var(--ag-toggle-button-border-width)); - transition: left 0.1s; -} -.ag-rtl .ag-toggle-button-input-wrapper:before { - right: calc(0px - var(--ag-toggle-button-border-width)); - transition: right 0.1s; -} -.ag-toggle-button-input-wrapper.ag-checked { - background-color: var(--ag-toggle-button-on-background-color); -} -.ag-toggle-button-input-wrapper.ag-checked, -.ag-toggle-button-input-wrapper.ag-checked:before { - border-color: var(--ag-toggle-button-on-border-color); -} -.ag-ltr .ag-toggle-button-input-wrapper.ag-checked:before { - left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width)); -} -.ag-rtl .ag-toggle-button-input-wrapper.ag-checked:before { - right: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width)); -} -.ag-toggle-button-input-wrapper:focus-within { - box-shadow: var(--ag-focus-shadow); -} -.ag-toggle-button-input-wrapper.ag-disabled { - opacity: 0.5; -} -.ag-autocomplete { - align-items: center; - display: flex; - width: 100%; -} -.ag-autocomplete > * { - flex: 1 1 auto; -} -.ag-autocomplete-list-popup { - position: absolute; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} -.ag-autocomplete-list { - height: calc(var(--ag-row-height) * 6.5); - min-width: 200px; - position: relative; - width: 100%; -} -.ag-autocomplete-virtual-list-item { - cursor: default; - display: flex; - height: var(--ag-list-item-height); -} -.ag-autocomplete-virtual-list-item:focus-visible:after { - content: none; -} -.ag-autocomplete-virtual-list-item:hover { - background-color: var(--ag-row-hover-color); -} -.ag-autocomplete-row { - align-items: center; - display: flex; - flex: 1 1 auto; - overflow: hidden; -} -.ag-autocomplete-row-label { - margin: 0 var(--ag-widget-container-horizontal-padding); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.ag-autocomplete-row-selected { - background-color: var(--ag-selected-row-background-color); -} -.ag-tooltip { - background-color: var(--ag-tooltip-background-color); - border: var(--ag-tooltip-border); - border-radius: var(--ag-border-radius); - color: var(--ag-tooltip-text-color); - padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); - white-space: normal; -} -.ag-tooltip, -.ag-tooltip-custom { - position: absolute; - z-index: 99999; -} -.ag-tooltip-custom:not(.ag-tooltip-interactive), -.ag-tooltip:not(.ag-tooltip-interactive) { - pointer-events: none; -} -.ag-tooltip-custom.ag-tooltip-animate, -.ag-tooltip.ag-tooltip-animate { - transition: opacity 1s; -} -.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding, -.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding { - opacity: 0; -} -.ag-angle-select { - align-items: center; - display: flex; -} -.ag-angle-select-wrapper { - display: flex; -} -.ag-angle-select-parent-circle { - display: block; - position: relative; -} -.ag-angle-select-child-circle { - position: absolute; -} -.ag-slider-wrapper { - display: flex; -} -.ag-picker-field-display, -.ag-slider-wrapper .ag-input-field { - flex: 1 1 auto; -} -.ag-picker-field { - align-items: center; - display: flex; -} -.ag-picker-field-icon { - border: 0; - cursor: pointer; - display: flex; - margin: 0; - padding: 0; -} -.ag-color-panel { - display: flex; - flex-direction: column; - text-align: center; - width: 100%; -} -.ag-spectrum-color { - cursor: default; - flex: 1 1 auto; - overflow: visible; - position: relative; -} -.ag-spectrum-fill { - inset: 0; - position: absolute; -} -.ag-spectrum-val { - cursor: pointer; -} -.ag-spectrum-dragger { - cursor: pointer; - pointer-events: none; - position: absolute; -} -.ag-spectrum-alpha, -.ag-spectrum-hue { - cursor: default; -} -.ag-spectrum-hue-background { - background: linear-gradient(270deg, red 3%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red); - height: 100%; - width: 100%; -} -.ag-spectrum-alpha-background { - background: - linear-gradient(to right, var(--ag-internal-spectrum-alpha-color-from), var(--ag-internal-spectrum-alpha-color-to)), - url('data:image/svg+xml;utf8,') - 0 0 /4px 4px; - height: 100%; - width: 100%; -} -.ag-spectrum-tool { - cursor: pointer; - position: relative; -} -.ag-spectrum-slider { - pointer-events: none; - position: absolute; -} -.ag-spectrum-alpha .ag-spectrum-slider { - background: linear-gradient( - to bottom, - var(--ag-internal-spectrum-alpha-color), - var(--ag-internal-spectrum-alpha-color) - ) - var(--ag-background-color); -} -.ag-recent-colors { - display: flex; - gap: 6px; - margin-top: 10px; -} -.ag-recent-color { - cursor: pointer; -} -.ag-angle-select[disabled] { - opacity: 0.5; - pointer-events: none; -} -.ag-ltr .ag-angle-select-field, -.ag-ltr .ag-slider-field { - margin-right: calc(var(--ag-grid-size) * 2); -} -.ag-rtl .ag-angle-select-field, -.ag-rtl .ag-slider-field { - margin-left: calc(var(--ag-grid-size) * 2); -} -.ag-angle-select-parent-circle { - background-color: var(--ag-background-color); - border: 1px solid; - border-color: var(--ag-border-color); - border-radius: 12px; - height: 24px; - width: 24px; -} -.ag-angle-select-child-circle { - background-color: var(--ag-foreground-color); - border-radius: 3px; - height: 6px; - left: 12px; - margin-left: -3px; - margin-top: -4px; - top: 4px; - width: 6px; -} -.ag-picker-field-wrapper { - background-color: var(--ag-background-color); - border: var(--ag-input-border); - border-radius: 5px; - min-height: max(var(--ag-list-item-height), calc(var(--ag-grid-size) * 4)); - overflow: hidden; -} -.ag-picker-field-wrapper:disabled { - opacity: 0.5; -} -.ag-picker-field-wrapper.ag-picker-has-focus, -.ag-picker-field-wrapper:focus-within { - border: var(--ag-input-focus-border); - box-shadow: var(--ag-focus-shadow); -} -.ag-picker-field-button { - background-color: var(--ag-background-color); -} -.ag-dialog.ag-color-dialog { - border-radius: 5px; -} -.ag-color-picker .ag-picker-field-wrapper { - padding-left: var(--ag-grid-size); - padding-right: var(--ag-grid-size); -} -.ag-color-picker .ag-picker-field-display { - align-items: center; - display: flex; - flex-direction: row; - min-height: var(--ag-list-item-height); -} -.ag-ltr .ag-color-picker-color, -.ag-ltr .ag-color-picker-value { - margin-right: var(--ag-grid-size); -} -.ag-rtl .ag-color-picker-color, -.ag-rtl .ag-color-picker-value { - margin-left: var(--ag-grid-size); -} -.ag-color-panel { - padding: var(--ag-grid-size); -} -.ag-spectrum-tools { - padding-bottom: 0; - padding-left: 0; - padding-right: 0; -} -.ag-spectrum-tool { - height: 12px; -} -.ag-spectrum-alpha-background, -.ag-spectrum-hue-background { - border-radius: 12px; -} -.ag-spectrum-slider { - border: 3px solid #f8f8f8; - border-radius: 18px; - height: 18px; - margin-top: -15px; - width: 18px; -} -.ag-recent-colors { - margin-bottom: 2px; - margin-left: var(--ag-grid-size); - margin-right: var(--ag-grid-size); -} -.ag-color-input-color, -.ag-color-picker-color, -.ag-recent-color { - border-radius: 4px; -} -.ag-recent-color { - border: 1px solid var(--ag-border-color); -} -.ag-spectrum-sat { - background-image: linear-gradient(90deg, #fff, hsla(20, 42%, 65%, 0)); -} -.ag-spectrum-val { - background-image: linear-gradient(0deg, #000, hsla(20, 42%, 65%, 0)); -} -.ag-spectrum-dragger { - background: #000; - border: 3px solid #fff; - border-radius: 18px; - box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.24); - height: 18px; - width: 18px; -} -.ag-spectrum-alpha-background, -.ag-spectrum-hue-background { - border-radius: 2px; -} -.ag-spectrum-tool { - border-radius: 2px; - height: 11px; - margin-bottom: 10px; -} -.ag-spectrum-slider { - border: 2px solid #fff; - border-radius: 13px; - box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); - height: 13px; - margin-top: -12px; - width: 13px; -} -.ag-recent-color:focus-visible:not(:disabled):not([readonly]), -.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]), -.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]) { - box-shadow: var(--ag-focus-shadow); -} -.ag-ltr .ag-color-input input.ag-input-field-input[class^='ag-'][type='text'] { - padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); -} -.ag-rtl .ag-color-input input.ag-input-field-input[class^='ag-'][type='text'] { - padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); -} -.ag-color-input .ag-color-input-color { - position: absolute; -} -.ag-ltr .ag-color-input .ag-color-input-color { - margin-left: var(--ag-grid-size); -} -.ag-rtl .ag-color-input .ag-color-input-color { - margin-right: var(--ag-grid-size); -} -.ag-color-input-color, -.ag-color-picker-color { - border: 1px solid var(--ag-border-color); - border-radius: 2px; - height: var(--ag-icon-size); - width: var(--ag-icon-size); -} -.ag-pill-select .ag-picker-field-display { - color: var(--ag-chart-menu-label-color); - font-weight: 500; -} -.ag-pill-select .ag-picker-field-icon .ag-icon { - color: var(--ag-chart-menu-label-color); -} -.ag-filter-toolpanel { - flex: 1 1 0px; - min-width: 0; -} -.ag-filter-toolpanel-header { - position: relative; -} -.ag-filter-toolpanel-header, -.ag-filter-toolpanel-header > *, -.ag-filter-toolpanel-search, -.ag-filter-toolpanel-search > * { - align-items: center; - display: flex; -} -.ag-filter-toolpanel-header { - height: calc(var(--ag-grid-size) * 6); -} -.ag-filter-toolpanel-header:focus-visible { - border-radius: var(--ag-border-radius); - box-shadow: inset var(--ag-focus-shadow); -} -.ag-filter-toolpanel-header, -.ag-filter-toolpanel-search { - padding: 0 var(--ag-grid-size); -} -.ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon { - display: none; -} -.ag-filter-toolpanel-group-level-0-header { - height: calc(var(--ag-grid-size) * 8); -} -.ag-filter-toolpanel-group-item { - margin-bottom: calc(var(--ag-grid-size) * 0.5); - margin-top: calc(var(--ag-grid-size) * 0.5); -} -.ag-filter-toolpanel-search { - margin-bottom: var(--ag-grid-size); - margin-top: var(--ag-widget-container-vertical-padding); -} -.ag-filter-toolpanel-search-input { - flex-grow: 1; - height: calc(var(--ag-grid-size) * 4); -} -.ag-ltr .ag-filter-toolpanel-group-title-bar-icon { - margin-right: var(--ag-grid-size); -} -.ag-rtl .ag-filter-toolpanel-group-title-bar-icon { - margin-left: var(--ag-grid-size); -} -.ag-filter-toolpanel-expand { - cursor: pointer; -} -.ag-ltr .ag-filter-toolpanel-expand { - margin-right: var(--ag-grid-size); -} -.ag-rtl .ag-filter-toolpanel-expand { - margin-left: var(--ag-grid-size); -} -.ag-ltr .ag-filter-toolpanel-group-title-bar, -.ag-ltr .ag-filter-toolpanel-instance-header { - padding-left: calc(var(--ag-grid-size) + var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level)); -} -.ag-rtl .ag-filter-toolpanel-group-title-bar, -.ag-rtl .ag-filter-toolpanel-instance-header { - padding-right: calc(var(--ag-grid-size) + var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level)); -} -.ag-ltr .ag-filter-toolpanel-instance-body { - margin-left: var(--ag-filter-tool-panel-group-indent); -} -.ag-rtl .ag-filter-toolpanel-instance-body { - margin-right: var(--ag-filter-tool-panel-group-indent); -} -.ag-ltr .ag-filter-toolpanel-instance-header.ag-filter-toolpanel-group-level-1-header { - padding-left: var(--ag-grid-size); -} -.ag-rtl .ag-filter-toolpanel-instance-header.ag-filter-toolpanel-group-level-1-header { - padding-right: var(--ag-grid-size); -} -.ag-ltr .ag-filter-toolpanel-group-instance-header-icon, -.ag-ltr .ag-filter-toolpanel-instance-header-icon { - margin-left: var(--ag-grid-size); -} -.ag-rtl .ag-filter-toolpanel-group-instance-header-icon, -.ag-rtl .ag-filter-toolpanel-instance-header-icon { - margin-right: var(--ag-grid-size); -} -.ag-filter-toolpanel-instance-filter { - background-color: var(--ag-chrome-background-color); -} -.ag-filter-toolpanel-group-level-0 { - border-top: none; -} -.ag-filter-toolpanel-header { - height: auto; - padding-bottom: var(--ag-grid-size); - padding-top: var(--ag-grid-size); -} -.ag-filter-toolpanel-group-item { - margin: 0; -} -.ag-filter-toolpanel-header, -.ag-filter-toolpanel-search { - color: var(--ag-header-text-color); - font-weight: 500; -} -.ag-paging-panel { - align-items: center; - border-top: var(--ag-footer-row-border); - display: flex; - gap: calc(var(--ag-grid-size) * 4); - height: max(var(--ag-row-height), 22px); - justify-content: flex-end; - padding: 0 var(--ag-cell-horizontal-padding); -} -.ag-paging-page-size .ag-wrapper { - min-width: 50px; -} -.ag-paging-page-summary-panel { - align-items: center; - display: flex; - gap: var(--ag-cell-widget-spacing); -} -.ag-disabled .ag-paging-page-summary-panel { - pointer-events: none; -} -.ag-paging-button { - cursor: pointer; - position: relative; -} -.ag-paging-button:focus-visible { - box-shadow: var(--ag-focus-shadow); -} -.ag-paging-button.ag-disabled { - cursor: default; - opacity: 0.5; -} -.ag-paging-number, -.ag-paging-row-summary-panel-number { - font-weight: 500; -} -.ag-status-bar { - border-top: var(--ag-footer-row-border); - display: flex; - justify-content: space-between; - line-height: 1.5; - overflow: hidden; - padding-left: calc(var(--ag-grid-size) * 4); - padding-right: calc(var(--ag-grid-size) * 4); -} -.ag-status-panel { - display: inline-flex; -} -.ag-status-name-value { - white-space: nowrap; -} -.ag-status-bar-center, -.ag-status-bar-left, -.ag-status-bar-right { - display: inline-flex; -} -.ag-status-bar-center { - text-align: center; -} -.ag-status-name-value { - margin-left: var(--ag-grid-size); - margin-right: var(--ag-grid-size); - padding-bottom: var(--ag-widget-container-vertical-padding); - padding-top: var(--ag-widget-container-vertical-padding); -} -.ag-status-name-value-value { - font-weight: 500; -} -.ag-overlay { - inset: 0; - pointer-events: none; - position: absolute; - z-index: 2; -} -.ag-overlay-panel, -.ag-overlay-wrapper { - display: flex; - height: 100%; - width: 100%; -} -.ag-overlay-wrapper { - align-items: center; - flex: none; - justify-content: center; - text-align: center; -} -.ag-overlay-loading-wrapper { - pointer-events: all; -} -.ag-overlay-loading-center { - background: var(--ag-background-color); - border: 1px solid var(--ag-border-color); - border-radius: var(--ag-border-radius); - box-shadow: var(--ag-popup-shadow); - padding: var(--ag-grid-size); -} -.ag-icon { - display: block; - height: var(--ag-icon-size); - position: relative; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - width: var(--ag-icon-size); -} -.ag-column-select-column-group-readonly .ag-icon, -.ag-disabled .ag-icon, -[disabled] .ag-icon { - opacity: 0.5; -} -.ag-icon-grip { - opacity: 0.7; -} -.ag-column-select-column-readonly .ag-icon-grip, -.ag-column-select-column-readonly.ag-icon-grip { - opacity: 0.35; -} -:is( - .ag-header-cell-menu-button, - .ag-header-cell-filter-button, - .ag-panel-title-bar-button, - .ag-header-expand-icon, - .ag-column-group-icons, - .ag-set-filter-group-icons, - .ag-group-expanded .ag-icon, - .ag-group-contracted .ag-icon, - .ag-chart-settings-prev, - .ag-chart-settings-next, - .ag-group-title-bar-icon, - .ag-column-select-header-icon, - .ag-floating-filter-button-button, - .ag-filter-toolpanel-expand, - .ag-panel-title-bar-button-icon, - .ag-chart-menu-icon - ):hover { - background-color: var(--ag-icon-button-hover-color); - border-radius: 1px; - box-shadow: 0 0 0 4px var(--ag-icon-button-hover-color); -} -.ag-filter-active { - --ag-icon-button-hover-color: color-mix(in srgb, transparent, var(--ag-accent-color) 28%); - background-color: color-mix(in srgb, transparent, var(--ag-accent-color) 14%); - border-radius: 1px; - box-shadow: 0 0 0 4px color-mix(in srgb, transparent, var(--ag-accent-color) 14%); - position: relative; -} -.ag-filter-active:after { - background-color: var(--ag-accent-color); - border-radius: 50%; - content: ''; - height: 6px; - position: absolute; - top: -1px; - width: 6px; -} -.ag-ltr .ag-filter-active:after { - right: -1px; -} -.ag-rtl .ag-filter-active:after { - left: -1px; -} -.ag-filter-active .ag-icon-filter { - clip-path: path('M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z'); -} -.ag-label-align-right .ag-label { - order: 1; -} -.ag-label-align-right > * { - flex: none; -} -.ag-label-align-top { - align-items: flex-start; - flex-direction: column; -} -.ag-label-align-top > * { - align-self: stretch; -} -.ag-label-ellipsis { - flex: 1; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.ag-label { - white-space: nowrap; -} -.ag-ltr .ag-label { - margin-right: var(--ag-grid-size); -} -.ag-rtl .ag-label { - margin-left: var(--ag-grid-size); -} -.ag-label-align-top .ag-label { - margin-bottom: calc(var(--ag-grid-size) * 0.5); -} -.ag-ltr .ag-label-align-right .ag-label { - margin-left: var(--ag-grid-size); -} -.ag-rtl .ag-label-align-right .ag-label { - margin-right: var(--ag-grid-size); -} - -/* Part iconSet/quartzRegular */ -.ag-icon::before { - content: ''; - display: block; - width: var(--ag-icon-size); - height: var(--ag-icon-size); - background-color: currentColor; - mask-size: contain; -} -.ag-icon-aggregation::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-aggregation%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M18%207V4H6l6%208-6%208h12v-3%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-arrows::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-arrows%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpolyline%20points%3D%225%209%202%2012%205%2015%22%2F%3E%3Cpolyline%20points%3D%229%205%2012%202%2015%205%22%2F%3E%3Cpolyline%20points%3D%2215%2019%2012%2022%209%2019%22%2F%3E%3Cpolyline%20points%3D%2219%209%2022%2012%2019%2015%22%2F%3E%3Cline%20x1%3D%222%22%20x2%3D%2222%22%20y1%3D%2212%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%222%22%20y2%3D%2222%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-asc::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-asc%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m5%2012%207-7%207%207%22%2F%3E%3Cpath%20d%3D%22M12%2019V5%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-cancel::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-cancel%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22m15%209-6%206%22%2F%3E%3Cpath%20d%3D%22m9%209%206%206%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-chart::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-chart%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cline%20x1%3D%2218%22%20x2%3D%2218%22%20y1%3D%2220%22%20y2%3D%2210%22%2F%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%2220%22%20y2%3D%224%22%2F%3E%3Cline%20x1%3D%226%22%20x2%3D%226%22%20y1%3D%2220%22%20y2%3D%2214%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-color-picker::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-color-picker%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m19%2011-8-8-8.6%208.6a2%202%200%200%200%200%202.8l5.2%205.2c.8.8%202%20.8%202.8%200L19%2011Z%22%2F%3E%3Cpath%20d%3D%22m5%202%205%205%22%2F%3E%3Cpath%20d%3D%22M2%2013h15%22%2F%3E%3Cpath%20d%3D%22M22%2020a2%202%200%201%201-4%200c0-1.6%201.7-2.4%202-4%20.3%201.6%202%202.4%202%204Z%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-columns::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-columns%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M9%203H5a2%202%200%200%200-2%202v4m6-6h10a2%202%200%200%201%202%202v4M9%203v18m0%200h10a2%202%200%200%200%202-2V9M9%2021H5a2%202%200%200%201-2-2V9m0%200h18%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-contracted::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-contracted%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m9%2018%206-6-6-6%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-copy::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-copy%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20x%3D%228%22%20y%3D%228%22%20rx%3D%222%22%20ry%3D%222%22%2F%3E%3Cpath%20d%3D%22M4%2016c-1.1%200-2-.9-2-2V4c0-1.1.9-2%202-2h10c1.1%200%202%20.9%202%202%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-cross::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-cross%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M18%206%206%2018%22%2F%3E%3Cpath%20d%3D%22m6%206%2012%2012%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-csv::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-csv%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M14.5%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V7.5L14.5%202z%22%2F%3E%3Cpolyline%20points%3D%2214%202%2014%208%2020%208%22%2F%3E%3Cpath%20d%3D%22M8%2013h2%22%2F%3E%3Cpath%20d%3D%22M8%2017h2%22%2F%3E%3Cpath%20d%3D%22M14%2013h2%22%2F%3E%3Cpath%20d%3D%22M14%2017h2%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-cut::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-cut%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M8.12%208.12%2012%2012%22%2F%3E%3Cpath%20d%3D%22M20%204%208.12%2015.88%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M14.8%2014.8%2020%2020%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-desc::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-desc%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M12%205v14%22%2F%3E%3Cpath%20d%3D%22m19%2012-7%207-7-7%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-down::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-down%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M12%205v14%22%2F%3E%3Cpath%20d%3D%22m19%2012-7%207-7-7%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-excel::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-excel%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M14.5%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V7.5L14.5%202z%22%2F%3E%3Cpolyline%20points%3D%2214%202%2014%208%2020%208%22%2F%3E%3Cpath%20d%3D%22M8%2013h2%22%2F%3E%3Cpath%20d%3D%22M8%2017h2%22%2F%3E%3Cpath%20d%3D%22M14%2013h2%22%2F%3E%3Cpath%20d%3D%22M14%2017h2%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-expanded::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-expanded%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m15%2018-6-6%206-6%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-eye-slash::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-eye-slash%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M9.88%209.88a3%203%200%201%200%204.24%204.24%22%2F%3E%3Cpath%20d%3D%22M10.73%205.08A10.43%2010.43%200%200%201%2012%205c7%200%2010%207%2010%207a13.16%2013.16%200%200%201-1.67%202.68%22%2F%3E%3Cpath%20d%3D%22M6.61%206.61A13.526%2013.526%200%200%200%202%2012s3%207%2010%207a9.74%209.74%200%200%200%205.39-1.61%22%2F%3E%3Cline%20x1%3D%222%22%20x2%3D%2222%22%20y1%3D%222%22%20y2%3D%2222%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-eye::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-eye%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M2%2012s3-7%2010-7%2010%207%2010%207-3%207-10%207-10-7-10-7Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-filter::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-filter%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M3%206h18%22%2F%3E%3Cpath%20d%3D%22M7%2012h10%22%2F%3E%3Cpath%20d%3D%22M10%2018h4%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-first::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-first%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m17%2018-6-6%206-6%22%2F%3E%3Cpath%20d%3D%22M7%206v12%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-group::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-group%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M16%2012H3%22%2F%3E%3Cpath%20d%3D%22M16%2018H3%22%2F%3E%3Cpath%20d%3D%22M10%206H3%22%2F%3E%3Cpath%20d%3D%22M21%2018V8a2%202%200%200%200-2-2h-5%22%2F%3E%3Cpath%20d%3D%22m16%208-2-2%202-2%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-last::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-last%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m7%2018%206-6-6-6%22%2F%3E%3Cpath%20d%3D%22M17%206v12%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-left::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-left%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m12%2019-7-7%207-7%22%2F%3E%3Cpath%20d%3D%22M19%2012H5%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-linked::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-linked%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M9%2017H7A5%205%200%200%201%207%207h2%22%2F%3E%3Cpath%20d%3D%22M15%207h2a5%205%200%201%201%200%2010h-2%22%2F%3E%3Cline%20x1%3D%228%22%20x2%3D%2216%22%20y1%3D%2212%22%20y2%3D%2212%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-loading::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-loading%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%222%22%20y2%3D%226%22%2F%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%2218%22%20y2%3D%2222%22%2F%3E%3Cline%20x1%3D%224.93%22%20x2%3D%227.76%22%20y1%3D%224.93%22%20y2%3D%227.76%22%2F%3E%3Cline%20x1%3D%2216.24%22%20x2%3D%2219.07%22%20y1%3D%2216.24%22%20y2%3D%2219.07%22%2F%3E%3Cline%20x1%3D%222%22%20x2%3D%226%22%20y1%3D%2212%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%2218%22%20x2%3D%2222%22%20y1%3D%2212%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%224.93%22%20x2%3D%227.76%22%20y1%3D%2219.07%22%20y2%3D%2216.24%22%2F%3E%3Cline%20x1%3D%2216.24%22%20x2%3D%2219.07%22%20y1%3D%227.76%22%20y2%3D%224.93%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-maximize::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-maximize%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpolyline%20points%3D%2215%203%2021%203%2021%209%22%2F%3E%3Cpolyline%20points%3D%229%2021%203%2021%203%2015%22%2F%3E%3Cline%20x1%3D%2221%22%20x2%3D%2214%22%20y1%3D%223%22%20y2%3D%2210%22%2F%3E%3Cline%20x1%3D%223%22%20x2%3D%2210%22%20y1%3D%2221%22%20y2%3D%2214%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-menu::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-menu%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cline%20x1%3D%224%22%20x2%3D%2220%22%20y1%3D%2212%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%224%22%20x2%3D%2220%22%20y1%3D%226%22%20y2%3D%226%22%2F%3E%3Cline%20x1%3D%224%22%20x2%3D%2220%22%20y1%3D%2218%22%20y2%3D%2218%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-menu-alt::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-menu-alt%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%225%22%20r%3D%220.75%22%20fill%3D%22%23D9D9D9%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%220.75%22%20fill%3D%22%23D9D9D9%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2219%22%20r%3D%220.75%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-minimize::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-minimize%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpolyline%20points%3D%224%2014%2010%2014%2010%2020%22%2F%3E%3Cpolyline%20points%3D%2220%2010%2014%2010%2014%204%22%2F%3E%3Cline%20x1%3D%2214%22%20x2%3D%2221%22%20y1%3D%2210%22%20y2%3D%223%22%2F%3E%3Cline%20x1%3D%223%22%20x2%3D%2210%22%20y1%3D%2221%22%20y2%3D%2214%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-minus::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-minus%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M8%2012h8%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-next::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-next%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m9%2018%206-6-6-6%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-none::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-none%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m7%2015%205%205%205-5%22%2F%3E%3Cpath%20d%3D%22m7%209%205-5%205%205%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-not-allowed::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-not-allowed%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22m4.9%204.9%2014.2%2014.2%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-paste::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-paste%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M15%202H9a1%201%200%200%200-1%201v2c0%20.6.4%201%201%201h6c.6%200%201-.4%201-1V3c0-.6-.4-1-1-1Z%22%2F%3E%3Cpath%20d%3D%22M8%204H6a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2M16%204h2a2%202%200%200%201%202%202v2M11%2014h10%22%2F%3E%3Cpath%20d%3D%22m17%2010%204%204-4%204%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-pin::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-pin%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%2217%22%20y2%3D%2222%22%2F%3E%3Cpath%20d%3D%22M5%2017h14v-1.76a2%202%200%200%200-1.11-1.79l-1.78-.9A2%202%200%200%201%2015%2010.76V6h1a2%202%200%200%200%200-4H8a2%202%200%200%200%200%204h1v4.76a2%202%200%200%201-1.11%201.79l-1.78.9A2%202%200%200%200%205%2015.24Z%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-pivot::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-pivot%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M15%203v18%22%2F%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M21%209H3%22%2F%3E%3Cpath%20d%3D%22M21%2015H3%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-plus::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-plus%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M8%2012h8%22%2F%3E%3Cpath%20d%3D%22M12%208v8%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-previous::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-previous%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m15%2018-6-6%206-6%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-right::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-right%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3Cpath%20d%3D%22m12%205%207%207-7%207%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-save::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-save%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M12%2017V3%22%2F%3E%3Cpath%20d%3D%22m6%2011%206%206%206-6%22%2F%3E%3Cpath%20d%3D%22M19%2021H5%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-small-down::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-small-down%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-small-left::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-small-left%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m15%2018-6-6%206-6%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-small-right::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-small-right%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m9%2018%206-6-6-6%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-small-up::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-small-up%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m18%2015-6-6-6%206%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-tick::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-tick%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-tree-closed::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-tree-closed%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m9%2018%206-6-6-6%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-tree-indeterminate::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-tree-indeterminate%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-tree-open::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-tree-open%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-unlinked::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-unlinked%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M9%2017H7A5%205%200%200%201%207%207%22%2F%3E%3Cpath%20d%3D%22M15%207h2a5%205%200%200%201%204%208%22%2F%3E%3Cline%20x1%3D%228%22%20x2%3D%2212%22%20y1%3D%2212%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%222%22%20x2%3D%2222%22%20y1%3D%222%22%20y2%3D%2222%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-up::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-up%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m5%2012%207-7%207%207%22%2F%3E%3Cpath%20d%3D%22M12%2019V5%22%2F%3E%3C%2Fsvg%3E'); -} -.ag-icon-grip::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-grip%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Ccircle%20cx%3D%225%22%20cy%3D%228%22%20r%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%228%22%20r%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2216%22%20r%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2216%22%20r%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2216%22%20r%3D%220.5%22%2F%3E%3Cg%20stroke%3D%22none%22%20fill%3D%22currentColor%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%228%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%228%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2216%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2216%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2216%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); -} -.ag-icon-settings::before { - mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ag-icon%20ag-icon-settings%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M20%207h-9%22%2F%3E%3Cpath%20d%3D%22M14%2017H5%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E'); -} - -/* Part tabStyle/quartz */ -.ag-tabs-header { - background-color: var(--ag-tab-bar-background-color); - border-bottom: var(--ag-tab-bar-border); - gap: var(--ag-tab-spacing); - padding: var(--ag-tab-bar-top-padding) var(--ag-tab-bar-horizontal-padding) 0; -} -.ag-tabs-header-wrapper { - display: flex; -} -.ag-tabs-header-wrapper .ag-tabs-header { - flex: 1; -} -.ag-tabs-close-button-wrapper { - border: 0; - padding: var(--ag-grid-size); -} -.ag-ltr .ag-tabs-close-button-wrapper { - border-right: 1px solid var(--ag-border-color); -} -.ag-rtl .ag-tabs-close-button-wrapper { - border-left: 1px solid var(--ag-border-color); -} -.ag-tabs-close-button { - background-color: unset; - border: 0; - cursor: pointer; - padding: 0; -} -.ag-tab { - align-items: center; - background-color: var(--ag-tab-background-color); - border-left: var(--ag-tab-selected-border-width) solid transparent; - border-right: var(--ag-tab-selected-border-width) solid transparent; - color: var(--ag-tab-text-color); - display: flex; - flex: 1; - justify-content: center; - padding: var(--ag-tab-top-padding) var(--ag-tab-horizontal-padding) var(--ag-tab-bottom-padding); - position: relative; -} -.ag-tab:hover { - background-color: var(--ag-tab-hover-background-color); - color: var(--ag-tab-hover-text-color); -} -.ag-tab.ag-tab-selected { - background-color: var(--ag-tab-selected-background-color); - color: var(--ag-tab-selected-text-color); -} -.ag-ltr .ag-tab.ag-tab-selected:not(:first-of-type) { - border-left-color: var(--ag-tab-selected-border-color); -} -.ag-ltr .ag-tab.ag-tab-selected:not(:last-of-type), -.ag-rtl .ag-tab.ag-tab-selected:not(:first-of-type) { - border-right-color: var(--ag-tab-selected-border-color); -} -.ag-rtl .ag-tab.ag-tab-selected:not(:last-of-type) { - border-left-color: var(--ag-tab-selected-border-color); -} -.ag-tab:after { - background-color: var(--ag-tab-selected-underline-color); - bottom: 0; - content: ''; - display: block; - height: var(--ag-tab-selected-underline-width); - left: 0; - opacity: 0; - position: absolute; - right: 0; - transition: opacity var(--ag-tab-selected-underline-transition-duration); -} -.ag-tab.ag-tab-selected:after { - opacity: 1; -} -.ag-tab:focus-visible { - box-shadow: inset var(--ag-focus-shadow); -} - -/* Part inputStyle/bordered */ -:where(input[class^='ag-'][type='number']:not(.ag-number-field-input-stepper)) { - -moz-appearance: textfield; -} -:where(input[class^='ag-'][type='number']:not(.ag-number-field-input-stepper))::-webkit-inner-spin-button, -:where(input[class^='ag-'][type='number']:not(.ag-number-field-input-stepper))::-webkit-outer-spin-button { - -webkit-appearance: none; - margin: 0; -} -:where( - input[class^='ag-']:not([type]), - input[class^='ag-'][type='text'], - input[class^='ag-'][type='number'], - input[class^='ag-'][type='tel'], - input[class^='ag-'][type='date'], - input[class^='ag-'][type='datetime-local'], - textarea[class^='ag-'] - ) { - background-color: var(--ag-input-background-color); - border: var(--ag-input-border); - border-radius: var(--ag-input-border-radius); - color: var(--ag-input-text-color); - min-height: var(--ag-input-height); -} -.ag-ltr - :where( - input[class^='ag-']:not([type]), - input[class^='ag-'][type='text'], - input[class^='ag-'][type='number'], - input[class^='ag-'][type='tel'], - input[class^='ag-'][type='date'], - input[class^='ag-'][type='datetime-local'], - textarea[class^='ag-'] - ) { - padding-left: var(--ag-input-padding-start); -} -.ag-rtl - :where( - input[class^='ag-']:not([type]), - input[class^='ag-'][type='text'], - input[class^='ag-'][type='number'], - input[class^='ag-'][type='tel'], - input[class^='ag-'][type='date'], - input[class^='ag-'][type='datetime-local'], - textarea[class^='ag-'] - ) { - padding-right: var(--ag-input-padding-start); -} -:where( - input[class^='ag-']:not([type]), - input[class^='ag-'][type='text'], - input[class^='ag-'][type='number'], - input[class^='ag-'][type='tel'], - input[class^='ag-'][type='date'], - input[class^='ag-'][type='datetime-local'], - textarea[class^='ag-'] - ):where(:disabled) { - background-color: var(--ag-input-disabled-background-color); - border: var(--ag-input-disabled-border); - color: var(--ag-input-disabled-text-color); -} -:where( - input[class^='ag-']:not([type]), - input[class^='ag-'][type='text'], - input[class^='ag-'][type='number'], - input[class^='ag-'][type='tel'], - input[class^='ag-'][type='date'], - input[class^='ag-'][type='datetime-local'], - textarea[class^='ag-'] - ):where(:focus) { - background-color: var(--ag-input-focus-background-color); - border: var(--ag-input-focus-border); - box-shadow: var(--ag-input-focus-shadow); - color: var(--ag-input-focus-text-color); -} -:where( - input[class^='ag-']:not([type]), - input[class^='ag-'][type='text'], - input[class^='ag-'][type='number'], - input[class^='ag-'][type='tel'], - input[class^='ag-'][type='date'], - input[class^='ag-'][type='datetime-local'], - textarea[class^='ag-'] - ):where(:invalid) { - background-color: var(--ag-input-invalid-background-color); - border: var(--ag-input-invalid-border); - color: var(--ag-input-invalid-text-color); -} -:where( - input[class^='ag-']:not([type]), - input[class^='ag-'][type='text'], - input[class^='ag-'][type='number'], - input[class^='ag-'][type='tel'], - input[class^='ag-'][type='date'], - input[class^='ag-'][type='datetime-local'], - textarea[class^='ag-'] - ):where(.invalid) { - background-color: var(--ag-input-invalid-background-color); - border: var(--ag-input-invalid-border); - color: var(--ag-input-invalid-text-color); -} diff --git a/src/base/presentation/assets/styles/main.less b/src/base/presentation/assets/styles/main.less index 9feb35d..0cd27cc 100644 --- a/src/base/presentation/assets/styles/main.less +++ b/src/base/presentation/assets/styles/main.less @@ -2,13 +2,8 @@ @tailwind components; @tailwind utilities; -@import url('./ag-grid-theme-builder.css'); -@import url('../fonts/fonts.less'); - -* { - font-family: Urbanist, sans-serif; -} - +@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; @@ -17,56 +12,3 @@ html { body { margin: 0; } - -label { - font-size: 15px !important; -} - -.ant-modal-title, -.color-primary, -label { - color: #623c7c !important; -} - -.bg-warning { - background-color: #d4940d; -} - -.bg-turqoise { - background-color: #c2edf0; -} - -.bg-softpurple { - background-color: #d5c7f0; -} - -.bg-softcyan { - background-color: #c4dcf0; -} - -.bg-secondary { - background-color: #78cbbb; -} - -.force-px-2 { - .ant-input-number-input { - padding: 2px 4px !important; - } - padding: 2px 4px !important; -} - -.bg-primary { - background-color: #7a41a1 !important; -} - -.bg-waiting { - background-color: #6c5dd0; -} - -.bg-refunded { - background-color: #d7a29a; -} - -a { - text-decoration: none !important; -} diff --git a/src/base/presentation/assets/themes/light-theme.ts b/src/base/presentation/assets/themes/light-theme.ts index b4c362e..7b1b3b5 100644 --- a/src/base/presentation/assets/themes/light-theme.ts +++ b/src/base/presentation/assets/themes/light-theme.ts @@ -1,43 +1,25 @@ import { ThemeConfig } from 'antd'; -const globalInputConfig = { - borderRadius: 16, - colorBgContainer: '#f0e6f6', - colorBorder: '#f0e6f6', - addonBg: '#f0e6f6', - paddingInline: 18, -}; - export const LIGHT: ThemeConfig = { token: { + fontSize: 13, colorPrimary: '#7a41a1', - // colorPrimary: '#934ac0', - fontFamily: `Urbanist, sans-serif`, + // fontFamily: `Inter, sans-serif`, + fontFamily: `Roboto, sans-serif`, wireframe: true, - colorFillSecondary: '#f0e6f6', - fontSize: 14, }, components: { - Menu: { - algorithm: true, - motionDurationSlow: '0s', - motionDurationMid: '0s', - }, Card: { - borderRadiusLG: 9, + borderRadiusLG: 4, + padding: 10, + paddingLG: 14, }, - Select: { - borderRadius: 168, - colorText: '#722ED1', - }, - Input: globalInputConfig, - InputNumber: globalInputConfig, - DatePicker: globalInputConfig, Table: { - borderRadius: 16, - borderColor: '#ddd', - headerColor: '#7a41a1', - colorText: '#666666', + padding: 4, + paddingXS: 4, + headerBorderRadius: 4, + // headerBg: 'rgb(1,23,110)', + // headerColor: 'rgba(255,255,255,0.88)', }, }, }; diff --git a/src/main.tsx b/src/main.tsx index a3ca77f..4f2f1be 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -6,7 +6,6 @@ import App from './apps'; //Utils import './utils/axios-interceptor.ts'; import './utils/credential-checker.ts'; -import './utils/g-license.ts'; // Styles import '@pos/assets/styles/main.less'; @@ -16,6 +15,5 @@ ReactDOM.createRoot(document.getElementById('root')!).render( - , , ); diff --git a/src/utils/g-license.ts b/src/utils/g-license.ts deleted file mode 100644 index cd07f7a..0000000 --- a/src/utils/g-license.ts +++ /dev/null @@ -1,6 +0,0 @@ -import { LicenseManager } from 'ag-grid-enterprise'; - -LicenseManager.prototype.isDisplayWatermark = () => false; -LicenseManager.prototype.validateLicense = () => { - // Hehe boys -};